Онлайн тренинг
Программирование на JavaScript. Уровень Junior
Старт тренинга
25.10.2020
Длительность
6 недель
Требование
Знание HTML и CSS
Кому подойдёт
этот тренинг

Начинающим верстальщикам
Для тех, кто никогда не изучал программирование, но хотел бы начать;
Пытался но не получилось
Если вы уже знакомы с JavaScript, но понимаете, что в некоторых темах вам не хватает полной уверенности и понимания
Практикующий программист
Вы уже программируете на других языках программирования, но хотели бы войти в среду разработке по Java ScriptЧему вы
научитесь
Основам программирования
Вы получите полноценную, исчерпывающую теорию по JavaScript. В этом курсе есть весь необходимый материал
Только реальные задачи
Примеры в лекциях взяты из реальных боевых проектов. Вы научитесь решать продуктовые задачи
Много практики
материал Огромное количество практики. Во время и после просмотра лекции у вас будет возможность отточить навыки на практике
Как рыба в воде
Вы будете в деталях понимать, как устроен и работает тот или иной функционал в JavaScript
Правильный код
Узнаешь новые подходы и как избегать ошибок
Готовый проект
Получишь необходимую практику и сформируешь портфолио проектов
Программа
Вводное занятие
Первая встреча традиционно является собранием. На нём мы знакомимся, проверяем подключение, обсуждаем организационные вопросы, взаимодействие с преподавателем, как учиться на курсе.
Основы языка, инструменты для разработки и отладки
К первому занятию вы посмотрели вводный видеокурс и уже знаете самые основы JavaScript. Вместе проходим по важным особенностям JavaScript, обращаем внимание на нюансы и особые возможности языка, убеждаемся в том, что понимаем их.
Изучаем инструменты для разработки и отладки JavaScript, которыми будем пользоваться далее.
Объекты
Объекты являются основной структурой данных в JavaScript, поэтому изучаем их подробно.
- Основные действия с объектами: запись и чтение свойств, перебор.
- Особенности объектов в JavaScript: передача по ссылке, копирование объектов.
- Методы объектов, использование this.
- Деструктуризация объектов и массивов.
Массивы и Функции
Способы задания функций в JavaScript: Function Expression, Function Declaration, функции-стрелки, их отличия.
Замыкания, функции-колбэки и методы массивов, которые их используют, сортировка, поиск.
По окончанию этого занятия вы знаете JavaScript и умеете работать с основными структурами данных в достаточной степени, чтобы перейти к созданию интерфейсов.
DOM-модель
Переходим работе со страницей. Далее мы будем изучать возможности языка JavaScript в процессе построения интерфейсов в браузере.
На этом занятии изучаем DOM-модель документа и методы работы с ней. Они нужны, чтобы отображать кнопки, меню и другие компоненты, а также динамических их менять.
- Создание, вставка, изменение элементов на странице.
- Атрибуты, свойства, управление классами.
- Простые задачи по генерации компонентов интерфейса.
- DOM и инструменты разработчика в браузере.
- Динамическая генерация элементов интерфейса.
Обработчики событий
Изучаем взаимодействие с посетителем при помощи событий:
- Установка обработчиков событий.
- Свойства событий.
- Погружение и всплытие.
- Приём проектирования "делегирование" для работы с большим количеством элементов, упрощения сложных интерфейсов.
- Приём проектирования "поведение" для добавления функционала при помощи HTML-атрибутов.
- Практика: меню, карусель изображений.
Компонентная архитектура, ООП
Современный подход к разработке приложений: создание интерфейсных компонентов, использование своих событий (Custom Events) для связи между ними. Архитектура веб-приложения.
Классы, ООП в JavaScript.
Модули в JavaScript.
Более сложные компоненты
Продолжаем практиковаться в создании интерфейсных компонент, изучаем новые события.
- Создание слайдер
- Создание всплывающих окон (pop-up)
- Создание табов (вкладок)
Взаимодействие с сервером
Начинаем это занятие с обычных HTTP-форм, затем переходим к динамическим сетевым запросам.
- Создание и отправка форм, динамические формы, их валидация.
- DOM-свойства и методы для форм. Чтение данных из формы.
- Метод fetch и, основы Promise для сетевых запросов.
- Обмен данными с сервером в формате JSON.
Разработка проекта
Разработка проекта, основанный на html, css, JS.
Создадим с вами мини сайт на котором вам понадобится применить все полученные знания.
Бонусы
«Основы HTML5 и CSS3. Modern skill»
На этом курсы вы сможете получить все знание, которые потребуются вам для изучения языка программирования JavaScript. Изучите только modern технологии, которые сейчас востребованы на рынке.
«Специалист по настройке контекстной рекламы в Яндекс Директ»
Изучив данный курс, вы с легкостью сможете настраивать качественный и дешёвый источник трафика на ваши проекты и проекты ваших клиентов
Ваши навыки
после обучения
Веб-разработчик
Профессиональные навыки:
- Веб-верстка нового формата
- Написание кода по методологии БЭМ
- Оптимизация проекта
- JavaScript и основы программирования: переменные, логические операторы, if / else, циклы, функции, массивы
- Асинхронный JavaScript а именно Event Loop, AJAX, Promises, Async/Await
- Взаимодействие с системой контроля версий Git
- Более сложные структуры, такие как this, замыкания, классы, конструкторы, наследование и прототипы
Инструменты, которые вы будете использовать



