Меню

Курс "Создание web-приложений, сайтов и корпоративных сервисов на JavaScript"

Путь от новичка до сильного Junior+
Full-stack разработчика за 9 месяцев
Создашь функциональный интернет-магазин по принципам философии сервиса Booking.com!

Записаться на курс

Подробнее

Курс "Создание web-приложений, сайтов и корпоративных сервисов на JavaScript"

Путь от новичка
до сильного Junior+
Front-End разработчика
за 9 месяцев
Создай большой сервис-
аналог Booking.com!

Записаться на курс

Подробнее

Почему именно JavaScript:

JavaScript - мощный инструмент для создания приложений для Front-End, Backend, Desktop, Mobile, и даже GameDev приложений
JavaScript по версии большинства сообществ, последнее десятилетие входит в число самых популярных языков, а в некоторых областях неизменно остается лидером
Живет в браузерах и запускается везде
Никто не придумал ничего лучше для Web на данный момент
Востребован на рынке, спрос на JS разработчиков долгие годы превышает предложение
Перспективы высокого заработка и развития карьеры

Смотри вакансии на rabota.by

Этот уникальный курс запускается всего 1 раз в год!
Каждый студент разработает функциональный интернет-магазин по принципам философии сервиса Booking.com и поучаствует в написании кода для стартапа из Великобритании!

Этот уникальный курс запускается
всего 1 раз в год!
Каждый студент разработает функциональный интернет-магазин по принципам философии сервиса Booking.com и поучаствует в написании кода для стартапа из Великобритании!

Дистанционный курс

Что будет на курсе:

Интерактивные онлайн-занятия.
Закрытые групповые чаты в Telegram с преподавателями и специалистами учебного центра на протяжении всего курса.
Домашние задания для закрепления знаний. Разбор и проверка.
Свободный доступ к уникальному контенту программы.
Поддержка специалистов учебного центра в течении всего пути обучения.
Полезные дополнительные материалы и инсайты от преподавателей.

Записаться на онлайн-курс

Блок 1: Введение в веб-разработку

(1 месяц, 8 занятий)
Студенты освоят: адаптивную верстку на HTML и CSS, самостоятельно создадут первые страницы

Что такое Digital Unicorn?
Как проходят занятия?
Что использует IT college для предоставления качественного IT образования?
Как правильно учиться?
Как правильно использовать материалы?
Обзор рынка IT.
Что востребовано?
Что такое LinkedIn?
Какие софт скиллы необходимы для прохождения собеседований?

Пара слов о ОС, бинарном коде, языках и стандартах. Браузеры.
HTTP протокол - запрос/ответ.
Инструменты разработчика, редакторы кода, интегрированные среды разработки.
Репозитории и совместная разработка. Не GitHubом единым. CodePen, JSFidle и другие.
HTML - наследие Гутенберга. Первая страница, первые теги, первые стили.

Структура документа
div и span
p, i, b, p и a
h1-h6
ul, li и ol
header и footer - другие структурные компоненты
Добавляем картинки
Добавим немного стилей (color, text-align)
Ваша первая персональная страница
Больше навыков:
- Закомментировать\Раскомментировать HTML
- Ссылка на внешние страницы с элементами привязки
- Ссылка на внутренние разделы страницы с помощью якорных элементов
- Элемент привязки в абзаце
- Мертвые ссылки с помощью символа хэша
- Превращение изображения в ссылку
- Вложите множество элементов в один элемент div

Атрибуты
ID и class таргетинг
Таблицы
Формы - input, form, radio button и другие Больше навыков:
- Маркированный неупорядоченный список
- Упорядоченный список
- Создание элемент формы
- Кнопка отправки в форму
- Набор радиокнопок
- Создать набор флажков
- Атрибут значения с радио-кнопками и флажками
- Флажки и переключатели по умолчанию
- HTML5 для валидация ввода

Max-width and background-image
Padding, margin, and float
Font weight, style, and family
Text decorations
Text spacing
Text decoration modification
Text shadow
Color
HTML Responsive web design
CSS Unit

Display!
Flex
Grid
CSS продвинутое использование

Dropdowns меню
Image galery
Image spites
Animation

Введение в библиотеки и фреймворки
Bootstrap на реальных примерах - молниеносное создание лендингов
Materialize и TailWind

Блок 2: Глубокое погружение в JavaScript

(5 месяцев, 40 занятий)
Студенты освоят JavaScript на уровне Junior

Браузер и сервер (Node)
Интерпретаторы и компиляторы
С-подобный синтаксис алгоритмов, присвоение, условия, циклы
Переменные и типы
Объект как важнейшая из переменных
Undefined and NaN - что все это значит
Values, function, operators and expression

Браузер и сервер (Node)
Интерпретаторы и компиляторы
С-подобный синтаксис алгоритмов, присвоение, условия, циклы
Переменные и типы
Объект как важнейшая из переменных
Undefined and NaN - что все это значит
Values, function, operators and expression

Инсталляция
Переменные
@import, @mixin, @extend
Функции в Sass

Работа с переменными (Объявление переменных и инициализация переменных, чувствительность к регистру, область видимости и т.д.)
Работа с операторами (математические, логические, работа со строками)

Создание, вызов, работа с переменными
Аргументы, аргументы по умолчанию, функции как аргументы
Возврат значения функций, стрелочные функции
CallBack синхронный и асинхронный, кошмар CallBackов - убиваем браузер!
Контекст наше все - пожалуй одно из важнейших понятий! Практика создания чего-нибудь полезного

JavaScript Runtime
Interpreter/Compiler/JIT Compiler
Оптимизированный код
Call stack и Memory Heap
Garbage collection (сборщик мусора)
При чем тут Node.js?
Single Treaded Model (модель обработки данных)
Особенности ES6, ES7, ES8, ES9

indexOf
Map, Filter
Pop & Push
Reduce, is Array
Shift, Unshift, Slice
Every, Some
Find, findIndex, LastIndexOf
Flat, fill, keys
Практика работы с массивами

Первичные выражения
Инициализаторы объектов и массивов
Выражения определения функций
Выражения доступа к свойствам
Условный доступ к свойствам (ES2020)
Выражения вызова
Условный вызов (ES2020)
Выражения создания объектов

Особенности объявления функций (Объявление функции или Функциональное выражение)
Функции высшего порядка
Замыкания (ночной кошмар новичков, а напрасно)
Функции против объектов
Больше примеров - меньше страхов

Execution Context
Лексическая среда
Scope Chain
Hoisting
Function Scope vs Block Scope
Dynamic vs Lexical scope
this - call(), apply(), bind()
IIFEs
Context vs Scope
Static vs Dynamic Type

Ключевое слово this
Ключевое слово new
Prototype
ES6 классы
Наследование
Object.create()
Private vs Public
Принципы ООП

Immutability
Императивный vs Декларативный подход
Composition vs Inheritance
Currying
Partial Application
Pure Functions
Referential Transparency
Compose
Pipe

Обработка ошибок
Асинхронный JavaScript
Async/Await
Callbacks
Concurrency+Parallelism
Microtask Queue (Job)
Task Queue (CallBack Queue)
Promises
Event Loop

Native ES Modules
CommonJS
UMD
AMD
IIFE

Пакетные менеджеры - почти все проекты сегодня начинаются с npm install или yarn add
Установка пакетов
Dev package
Удаление пакетов
Upgrade
Глобальная установка
Init, run, test, link, publish, audit
NPX и Yarn(Berry)

lodash
JQuery
Unerscore
D3
Algolia Places
Anime
Animate On Scroll Bideo

Компонентный подход и Синтаксический сахар
Создание React app
Files and Folders
Компонент и JSX
Выражения в JSX
Создание компонента
Компонент и props
Типы props
Наводим красоту - стилизация компонентов

Events
Tasks компонент
.map()
State & useState Hook
Global state
Prop drilling
Optional message
Conditional styling
Готовимся к продакшену

JSON server
Hook & Tech
CRUD операции

Блок 3: Практика создания реальных приложений JavaScript с помощью React и Vue

(3 месяца, 24 занятия)
Студенты освоят: JavaScript на уровне Junior+
cамостоятельно создадут быстрый сайт с множеством функциональных надстроек на JavaScript (интуитивно понятные функции, использование принципов удобной навигации как на Booking.com) - будет реализовано более 50 решений, которые высоко ценят работодатели!

Vue - декларативный подход и реальная реактивность
Маршрутизация
Обмен данными между компонентами
Vuex

Превращение сайта в мобильное приложение и последующая загрузка его на Play Маркет и App Store

Учитесь у эксперта!
Бонусные видео от преподавателя

Single Page Application от будущего преподавателя:

1) Интуитивно понятные решения
2) Использование принципов удобного быстрого поиска в несколько кликов (как на Booking.com)
3) Юзабилити
4) Скорость работы
5) Backend, Frontend и базы данных - все написано на JavaScript

Уже на третьем месяце обучения, Вы будете понимать, что происходит на данном видео и уметь делать также!

Предлагаем ознакомиться с 1,5 часовым видео создания на чистом JavaScript карточек товаров и методами сортировки. Это позволит сделать изучение супервостребованных фреймворков React и Vue легкой прогулкой!

Часть 2

Перенос данных во внешний JSON файл

Часть 3

Особенности работы движка JavaScript. Ленивая загрузка изображений. Очередность выполнения заданий. Стек вызова, (Call stack) - как это устроено. Получаем больше данных из JSON. Получаем категории внутри суперкатегорий. Делегирование событий и улучшение кода магазина.

Часть 4

Создание коллекции уникальных товаров для главной страницы, генерация случайных чисел, генерация уникальных случайных чисел, Math.random(), меню выбора, фильтрация по основным категориям, получение субкатегории товаров, вывод подкатегории товаров.

Компетенции и навыки после курса

По окончанию обучения вы приобретете hard skills, необходимые для работы Full-stack Developer в IT-компании:

Создание современных web-приложений различной сложности

Программирование на JavaScript (ES6) + новый синтаксис из JavaScript (ES7, ES8, ES9, ES2020)

Использование возможностей библиотек и фреймворков JavaScript

Работа с инструментами командной строки, инструментами разработчика

Работа с современными интегрированными средами разработки

Подключеать API и применять сборщик webpack

Использовать язык JavaScript в браузере для создания rich interfaces и взаимодействия с back-end

Работа с системами контроля версий и совместная работа (Git и аналоги)

Разрабатывать веб-сервисы на React и Vue.js

Преподаватель онлайн-курса

Иван Солонович

Преподаватель курса «Создание web-приложений, сайтов и корпоративных сервисов на JavaScript»

Full stack web-developer

Первые строки кода написал 1988, а первый сайт сделал в 1997. За пятнадцать лет, в качестве независимого разработчика принял участие в более чем 130 проектах. Занимался разработкой интернет-магазинов, медиа и корпоративных веб-приложений, даже веб-интерфейсом управления солнечной электростанции «Solar mark». Был архитектором стартапа «Virginia Health Solution».

Последних три года в фонде "Digital humanity" лидер креативной группы по построению инфраструктуры взаимодействия человека и AI (Искусственного интеллекта).

Разговаривает на: С, Swift, PHP, Rust и влюблен в JavaScript.