30 марта
Basic
6 месяцев
Онлайн
Вт/Чт 20:00 Мск
Не обязательно иметь профильные знания. Программа подходит для новичков.
Без JS сейчас никуда, потому что все больше и больше проектов переходят в онлайн, а любой интерактивный элемент в браузере это почти наверняка делается с помощью JS.
Модуль посвящен базовым конструкциям языка javascript (таким как функции, циклы, ветвления), базовым процессам разработки (система контроля версий, код ревью, тестирование и деплой кода) и настройке среды разработки (сборщики, линтеры, скрипты автоматизации).
Тема 1: Введение в курс + основы JS и практика
Тема 2: Базовый синтаксис JavaScript: основы, базовые операции, ветвления и базовая алгоритмизация
Тема 3: Объектная модель в Javascript
Тема 4: Контекст при работе с функциями
Тема 5: Прототипное наследование и функции-конструкторы
Тема 6: Базовое использование API и JavaScript. Как работать с DOM и другими доступными API (работа с сервером, с хранилищем и т.п)
Тема 7: Тестирование кода как часть процесса разработки
Тема 8: Пример применения тестирования к домашним заданиям
Тема 9: Консультация по ДЗ
Тема 10: Выбор темы и организация проектной работы
Тема 11: Использование СКВ: задачи и решения
Тема 12: Типовой порядок разработки с использованием Git
Тема 13: Код как «проект» - артефакты работы разработчика. Зависимости и утилиты в стеке JavaScript
Тема 14: Консультация. Разбор сложных моментов в выполнении домашних заданий. Пример применения TDD в практике разработки
Тема 15: Итоги по синтаксису JS. Что делать, если что-то не работает? Где искать документацию и помощь. Решение вопросов по текущим домашним заданиям
Тема 16: Работа с асинхронным кодом
Тема 17: Современный инструментарий при разработке клиентских (и не только приложений)
Модуль посвящен работе с разметкой страницы (HTML) и ее стилизацией (CSS). Так же рассматриваются вспомогательные инструменты (такие как препроцессоры и шаблонизаторы) и практики по разработке интерактивных страниц (работа с виджетами, тестирование верстки и тп).
Тема 1: Структура HTML документа, семантика и основы разметки страницы
Тема 2: Консультация по ДЗ
Тема 3: Стилизация страницы, позиционирование элементов
Тема 4: Инструменты разработки. Тестирование верстки, использование медиазапросов
Тема 5: Основные подходы к позиционированию элементов. Основные проблемы и решения при работе со стилями, модульность
Рассматривается применение Typescript для разработки сложных приложений. Разбираются вопросы работы вспомогательным кодом (утилиты и шаблонизаторы), базовые правила разработки программных интерфейсов, вопросы организации слоя представлений в приложениях на jvascript.
Тема 1: Создание подключаемых плагинов
Тема 2: Консультация по ДЗ
Тема 3: Различие между стандартами языка, инструменты транспиляции, проблемы типизации
Тема 4: Настройка окружения для современной разработки на TS, использование документации, настройка тестового окружения
Тема 5: ООП в JavaScript
Тема 6: Основы функциональной разработки
Тема 7: Разбор базовых приемов разработки на Typescript - типы, интерфейсы, перечисления и прочее
Тема 8: Расширенные возможности типизации
Тема 9: Консультация по ДЗ
Тема 10: Разработка собственного API
Тема 11: Разработка шаблонизатора
Тема 12: Консультация
Раскрывается тема управления состоянием приложения.
Тема 1: Mediator и EventEmitter как инструмент организации кода
Тема 2: Управление состоянием приложения, разработка redux
Тема 3: Работа с асинхронными actions в redux
Тема 4: Консультация по ДЗ
Тема 5: REST, RPC и сетевые запросы
Модуль посвящен разработке одностраничных приложений, работе с клиентским роутингом. В ходе модуля разбираются необходимые части SPA.
Тема 1: Клиентский роутинг, как строится одностраничное приложение
Тема 2: «Особенности деплоя и сборки одностраничных приложений»
Тема 3: Использование redux для хранения состояния приложения, использование селекторов для отвязки роутов от redux
Тема 4: Консультация
Модуль освещает работу с библиотекой клиентского рендеринга React, подводит итоги прошлых модулей в плане клиентской разработки и показывает, как изученные концепции используются при работе в современных окружениях.
Тема 1: Что такое React, JSX, настройка окружения
Тема 2: Умные и глупые компоненты в разрезе React
Тема 3: Жизненный цикл классовых компонентов
Тема 4: Функциональные компоненты
Тема 5: Совместное использование React и redux
Тема 6: Роутинг и ленивая загрузка страниц при работе с React
Модуль посвящен освновным вопросам разработки кода на Node.js. Раскрываются вопросы написания серверных API и консольных программ.
Тема 1: Сферы применения Node.js, отличия от разработки в браузере
Тема 2: Консультация по ДЗ
Тема 3: Создание сервера приложений с использованием Node.js
Модуль посвящен документированию кода, работе с унаследованным кодом (когда приходится иметь дело с кодом, написанным до нас) и чек-листам при подключении на новый проект.
Тема 1: Презентация работы - что сделать, чтобы было хорошо
Тема 2: Консультация по ДЗ и проектной работе
Заключительный месяц курса посвящен проектной работе. Свой проект — это то, что интересно писать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.
Тема 1: Защита проектных работ
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания
OTUS осуществляет лицензированную образовательную деятельность.
В конце обучения вы получите сертификат OTUS о прохождении курса
Стоимость обучения