JavaScript-разработчик. Базовый курс от Otus

Программа курса

На этом курсе вы познакомитесь с основными инструментами фронтенд-разработчика. Уроки проходят два раза в неделю в виде вебинаров. Кроме этого вы получите домашнее задание и еженедельную персональную консультацию с ментором. В конце курса вы выполните проект, который можно будет включить в портфолио.

Модуль 1. Базовый JavaScript. Работа с GIT и настройка окружения

Узнаете, о чем курс и как будет проходить обучение. Изучите основы JavaScript. Разберете основные операции, алгоритмы и понятие ветвления. Рассмотрите её особенности и узнаете, как она применяется. Узнаете, как их использование зависит от контекста. Разберете эти понятия и поймете, где они используются. Эта тема посвящена использованию сервера, хранилища данных и DOM. Разберете процесс тестирования кода и рассмотрите примеры написания тестов. Научитесь организовывать свою работу и отслеживать прогресс. Выберете тему. Узнаете, с какими проблемами можно столкнуться при использовании Git и выработаете порядок действий при разработке. Разберете утилиты JavaScript, зависимости и понятие артефакта. Вы пообщаетесь с преподавателем, который поможет справиться с трудностями в домашнем задании и расскажет, как осуществляется разрабокта через тестирование. Узнаете, где самостоятельно искать ответы на свои вопросы и документацию и научитесь решать проблемы, возникающие в работе.  Разберете принципы асинхронного программирования и его специфику. Познакомитесь с актуальными инструментами фронтендера. Закончите блок, получите ответы на свои вопросы и рекомендации.

Узнаете, о чем курс и как будет проходить обучение. Изучите основы JavaScript.

Разберете основные операции, алгоритмы и понятие ветвления.

Рассмотрите её особенности и узнаете, как она применяется.

Узнаете, как их использование зависит от контекста.

Разберете эти понятия и поймете, где они используются.

Эта тема посвящена использованию сервера, хранилища данных и DOM.

Разберете процесс тестирования кода и рассмотрите примеры написания тестов.

Научитесь организовывать свою работу и отслеживать прогресс. Выберете тему.

Узнаете, с какими проблемами можно столкнуться при использовании Git и выработаете порядок действий при разработке.

Разберете утилиты JavaScript, зависимости и понятие артефакта.

Вы пообщаетесь с преподавателем, который поможет справиться с трудностями в домашнем задании и расскажет, как осуществляется разрабокта через тестирование.

Узнаете, где самостоятельно искать ответы на свои вопросы и документацию и научитесь решать проблемы, возникающие в работе. 

Разберете принципы асинхронного программирования и его специфику.

Познакомитесь с актуальными инструментами фронтендера.

Закончите блок, получите ответы на свои вопросы и рекомендации.

Модуль 2. Создание и стилизация HTML страниц

Разберете структуру страницы, принципы построения разметки и семантику HTML. Научитесь делать стилизацию и изучите принципы размещения элементов на странице. Узнаете, как происходит тестирование сделанной верстки и научитесь применять медиазапросы. Рассмотрите основные подходы к расположению элементов на странице и проблемы, возникающие в работе со стилями. Разберете понятие модульности.

Разберете структуру страницы, принципы построения разметки и семантику HTML.

Научитесь делать стилизацию и изучите принципы размещения элементов на странице.

Узнаете, как происходит тестирование сделанной верстки и научитесь применять медиазапросы.

Рассмотрите основные подходы к расположению элементов на странице и проблемы, возникающие в работе со стилями. Разберете понятие модульности.

Модуль 3. Применение JavaScript/Typescript для создания интерактивных страниц

Научитесь создавать плагины и подключать их. Узнаете, в чем разница между разными стандартами языка, разберете распространенные трудности типизации и инструменты, которые используют для транспиляции. Поймете, как настроить окружение для работы с TypeScript. Научитесь проводить тестирование и пользоваться документацией. Познакомитесь с концепциями объектно-ориентированного программирования и их реализацией в JS. Разберете базовые принципы. Узнаете, как устроен процесс разработки на Typescript. Рассмотрите основные приемы. Научитесь использовать её расширенные возможности и поймете, как она помогает в работе. Вы получите ответы на вопросы, которые возникли в этом блоке курса. Вы отработаете все полученные навыки на практике и создадите собственный API. Продолжите практиковаться и самостоятельно разработаете шаблонизатор. Разберете практические задания с экспертом.

Научитесь создавать плагины и подключать их.

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

Поймете, как настроить окружение для работы с TypeScript. Научитесь проводить тестирование и пользоваться документацией.

Познакомитесь с концепциями объектно-ориентированного программирования и их реализацией в JS.

Разберете базовые принципы.

Узнаете, как устроен процесс разработки на Typescript. Рассмотрите основные приемы.

Научитесь использовать её расширенные возможности и поймете, как она помогает в работе.

Вы получите ответы на вопросы, которые возникли в этом блоке курса.

Вы отработаете все полученные навыки на практике и создадите собственный API.

Продолжите практиковаться и самостоятельно разработаете шаблонизатор.

Разберете практические задания с экспертом.

Модуль 4. Структурирование программ на JavaScript

Разберете эффективные инструменты, которые применяют разработчики. Научитесь контролировать состояние приложения, используя для этого библиотеку. Узнаете, как она реализована в Redux. Научитесь писать код по стандартам и обрабатывать запросы.

Разберете эффективные инструменты, которые применяют разработчики.

Научитесь контролировать состояние приложения, используя для этого библиотеку.

Узнаете, как она реализована в Redux.

Научитесь писать код по стандартам и обрабатывать запросы.

Модуль 5. Разработка одностраничных приложений

Разберетесь с устройством приложения на одну страницу. Узнаете, как можно использовать делегирование, чтобы упростить разработку. Рассмотрите типичные проблемы, возникающие в процессе. Научитесь сохранять в этой библиотеке состояния приложений и отвязывать роуты при помощи селекторов. Разберете с преподавателем домашнее задание и получите ответы на свои вопросы.

Разберетесь с устройством приложения на одну страницу.

Узнаете, как можно использовать делегирование, чтобы упростить разработку. Рассмотрите типичные проблемы, возникающие в процессе.

Научитесь сохранять в этой библиотеке состояния приложений и отвязывать роуты при помощи селекторов.

Разберете с преподавателем домашнее задание и получите ответы на свои вопросы.

Модуль 6. Разработка с использованием React.js

Разберете настройки окружения и функционал React. Рассмотрите разные типы и познакомитесь с понятием "умного" компонента. Узнаете, из каких этапов состоит разработка и что происходит с компонентом в разные моменты. Научитесь использовать их одновременно и поймете, как это помогает в работе. Вы разберете тему роутинга и поймете, как настроить отложенную загрузку компонентов.

Разберете настройки окружения и функционал React.

Рассмотрите разные типы и познакомитесь с понятием "умного" компонента.

Узнаете, из каких этапов состоит разработка и что происходит с компонентом в разные моменты.

Научитесь использовать их одновременно и поймете, как это помогает в работе.

Вы разберете тему роутинга и поймете, как настроить отложенную загрузку компонентов.

Модуль 7. Основы разработки на Node.js

Разберетесь, в чем заключаются отличия между работой с Node.js и браузерной разработкой. Узнаете, где применяется эта программа. Узнаете, как использовать Node.js для разработки сервера приложений.

Разберетесь, в чем заключаются отличия между работой с Node.js и браузерной разработкой. Узнаете, где применяется эта программа.

Узнаете, как использовать Node.js для разработки сервера приложений.

Модуль 8. Сопровождение кода

В этом блоке курса вы научитесь выгодно представлять свою работу перед заказчиком. Получите рекомендации, которые можно применить на практике.

В этом блоке курса вы научитесь выгодно представлять свою работу перед заказчиком. Получите рекомендации, которые можно применить на практике.

Модуль 9. Проектная работа

Заключительный блок курса по JavaScript будет посвящен защите проектных работ. Вы получите комментарии от преподавателей и узнаете, как можно улучшить ваш код.

Выпускной проект

 Последний месяц обучения вы посвятите работе над итоговым проектом. Его можно придумать самому или сделать один из предложенных. Вы самостоятельно создадите систему клиентского роутинга и синхронизируете между собой разные части приложения с помощью событийной модели. Используете API для работы со сторонним сервисом и изучите CORS. Разберетесь в устройстве конструкторов для создания сайтов. Будете использовать шаблонизаторы и паттерны проектирования. Организуете передачу сообщений между пользователями, опираясь на примеры.

Вы самостоятельно создадите систему клиентского роутинга и синхронизируете между собой разные части приложения с помощью событийной модели. Используете API для работы со сторонним сервисом и изучите CORS.

Разберетесь в устройстве конструкторов для создания сайтов. Будете использовать шаблонизаторы и паттерны проектирования.

Организуете передачу сообщений между пользователями, опираясь на примеры.