JavaScript Developer. Basic

Актуальный стек технологий для решения задач фронтенда на junior+ уровне.

Basic

Онлайн

Видео-презентация курса
JavaScript Developer. Basic

Для кого этот курс?

  • Для новичков в программировании, желающих войти в IT
  • Для знакомых с основами программирования и желающих развиваться как JavaScript-разработчик
  • Для начинающих разработчиков, которые осваивают JavaScript, но хотят систематизировать знания и получить экспертную обратную связь
  • Для начинающих разработчиков, которые осваивают backend-разработку и хотят пополнить свой арсенал навыков frontend технологиями


Необходимые знания

Не обязательно иметь профильные знания. Программа подходит для новичков.

Пробный период

Что даст вам этот курс?

На курсе вы получите навыки фронтенд-разработки, которые выделят вас среди начинающих разработчиков. Вы освоите технологии, которые используют в проектах прямо сейчас: React, TypeScript, Babel, Webpack, Node.js. После курса вам будет легко включиться в работу, а работодателю не придется «доучивать» вас. Вы научитесь понимать код и принципы разработки, сможете работать без шаблонов и уверенно действовать в рамках своих компетенций, задавать вопросы и находить ответы. С первого же месяца вы будете заниматься в условиях, приближенных к реальной разработке: научитесь использовать Git, покрывать код тестами, познакомитесь с CI-процессами. К концу обучения вы соберете портфолио из выполненных работ и сделаете готовый проект, который сможете опубликовать и показывать на собеседованиях.


Дополнительно на курсе вы научитесь:

  • Использовать JavaScript, его фреймворк React и другие технологии для решения задач фронтенда
  • Работать с Git и GitHub flow
  • Отлаживать и тестировать свой код
  • Разбивать код на модули и логические части
  • Работать с документацией и гуглом
  • Разрабатывать приложения с помощью React
  • Разбираться с новым API

Групповые разборы домашних заданий

  • Вы выполняете домашнее задание
  • Ментор проверяет его в личном кабинете, делает ревью и дает развернутый фидбэк
  • На занятии ментор отвечает на часто возникающие вопросы, проводит подробный разбор работ студентов и объясняет каждый этап выполнения
  • С ментором также можно общаться по домашнему заданию в чате. Он даст вам обратную связь по итогам проверки и направит вас в нужное русло. Преподаватели действуют в единой связке с ментором, создавая бесшовный образовательный процесс

Бонус: видеокурс «JavaScript для начинающих»

Для самостоятельного прохождения. Эти знания вам понадобятся для освоения базовых конструкций языка, если до этого у вас не было опыта работы с JavaScript.

Почему стоит освоить?

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

Сферы применения:

  • Веб сайты
  • Серверные приложения и инструменты автоматизации
  • Мобильные и десктоп приложения

Процесс обучения

Занятия проходят 2 раза в неделю в формате интерактивных вебинаров + 1 домашнее задание раз в неделю + групповой разбор ДЗ. Принимайте активное участие в вебинарах. Так вам будет легче усвоить материал и сохранить энтузиазм в течение всего курса. Чтобы занятия были легкими, понятными и увлекательными, наши преподаватели активно взаимодействуют с командой методистов. Ментор проверит вашу домашнюю работу, даст развернутый фидбек и поможет разобраться в непонятных моментах.

Партнеры


  • Разместите свое резюме в базе OTUS и сможете получать приглашения на собеседования от партнеров
  • Карьерные мероприятия в сообществе Публичный разбор резюме
    Публичное прохождение собеседования и воркшопы
Формат обучения

Плавный старт


Для постепенного погружения в профессию 2 недели - 1 занятие в неделю, далее - 2 занятия в неделю

Практика


Домашние задания + проектная работа, которая усилит ваше портфолио

Групповое менторство

Разберем возникающие в процессе обучения вопросы и пути решения ДЗ

Программа

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

Модуль посвящен базовым конструкциям языка 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 страниц

Модуль посвящен работе с разметкой страницы (HTML) и ее стилизацией (CSS). Так же рассматриваются вспомогательные инструменты (такие как препроцессоры и шаблонизаторы) и практики по разработке интерактивных страниц (работа с виджетами, тестирование верстки и тп).

Тема 1: Структура HTML документа, семантика и основы разметки страницы

Тема 2: Консультация по ДЗ

Тема 3: Стилизация страницы, позиционирование элементов

Тема 4: Инструменты разработки. Тестирование верстки, использование медиазапросов

Тема 5: Основные подходы к позиционированию элементов. Основные проблемы и решения при работе со стилями, модульность

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

Рассматривается применение Typescript для разработки сложных приложений. Разбираются вопросы работы вспомогательным кодом (утилиты и шаблонизаторы), базовые правила разработки программных интерфейсов, вопросы организации слоя представлений в приложениях на jvascript.

Тема 1: Создание подключаемых плагинов

Тема 2: Консультация по ДЗ

Тема 3: Различие между стандартами языка, инструменты транспиляции, проблемы типизации

Тема 4: Настройка окружения для современной разработки на TS, использование документации, настройка тестового окружения

Тема 5: ООП в JavaScript

Тема 6: Основы функциональной разработки

Тема 7: Разбор базовых приемов разработки на Typescript - типы, интерфейсы, перечисления и прочее

Тема 8: Расширенные возможности типизации

Тема 9: Консультация по ДЗ

Тема 10: Разработка собственного API

Тема 11: Разработка шаблонизатора

Тема 12: Консультация

Структурирование программ на JavaScript

Раскрывается тема управления состоянием приложения.

Тема 1: Mediator и EventEmitter как инструмент организации кода

Тема 2: Управление состоянием приложения, разработка redux

Тема 3: Работа с асинхронными actions в redux

Тема 4: REST, RPC и сетевые запросы

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

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

Тема 1: Клиентский роутинг, как строится одностраничное приложение

Тема 2: Консультация по ДЗ

Тема 3: «Особенности деплоя и сборки одностраничных приложений»

Тема 4: Использование redux для хранения состояния приложения, использование селекторов для отвязки роутов от redux

Тема 5: Консультация

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

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

Тема 1: Что такое React, JSX, настройка окружения

Тема 2: Умные и глупые компоненты в разрезе React

Тема 3: Жизненный цикл классовых компонентов

Тема 4: Функциональные компоненты

Тема 5: Совместное использование React и redux

Тема 6: Роутинг и ленивая загрузка страниц при работе с React

Основы разработки на Node.js

Модуль посвящен освновным вопросам разработки кода на Node.js. Раскрываются вопросы написания серверных API и консольных программ.

Тема 1: Сферы применения Node.js, отличия от разработки в браузере

Тема 2: Создание сервера приложений с использованием Node.js

Тема 3: Консультация по ДЗ

Сопровождение кода

Модуль посвящен документированию кода, работе с унаследованным кодом (когда приходится иметь дело с кодом, написанным до нас) и чек-листам при подключении на новый проект.

Тема 1: Презентация работы - что сделать, чтобы было хорошо

Тема 2: Консультация по ДЗ и проектной работе

Тема 3: Карьерное консультирование

Проектная работа

Заключительный месяц курса посвящен проектной работе. Свой проект — это то, что интересно писать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.

Тема 1: Защита проектных работ

Также вы можете получить полную программу, чтобы убедиться, что обучение вам подходит

Проектная работа


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

Прошедшие
мероприятия

Открытый вебинар
Прогрессивные приложения как универсальная альтернатива мобильным и десктоп приложениям
Открытый вебинар
Основы GraphQL
Оставьте заявку, чтобы получить доступ ко всем записям прошедших мероприятий. Записи всех мероприятий появятся в этом блоке

Корпоративное обучение для ваших сотрудников

Отус помогает развивать высокотехнологичные Команды. Почему нам удаётся это делать успешно:
  • Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
  • Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
  • OTUS проверяет знания студентов перед стартом обучения и после его завершения
  • Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
  • Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
  • OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год

Сертификат о прохождении курса

OTUS осуществляет лицензированную образовательную деятельность.
В конце обучения вы получите сертификат OTUS о прохождении курса

После обучения:

  • получите материалы по всем пройденным занятиям (презентации, видеозаписи вебинаров)
  • получите сертификат об окончании курса
  • будете иметь возможность попасть на собеседования в компании-партнеры курса

Частые вопросы

Что, если в середине курса я не смогу продолжать обучение?
У вас есть право одного бесплатного трансфера в другую группу
Обязательно ли защищать выпускной проект?
Для получения сертификата OTUS необходимо сдать проект. Кроме того, проект необязательно защищать перед аудиторией, а можно сдать в чате с преподавателем.
С какого момента я смогу заниматься трудоустройством?
Получить карьерную консультацию вы сможете уже в начале обучения. Остальные опции: помощь с резюме, добавление резюме в нашу базу специалистов и т.д. будут доступны после окончания обучения.
Я могу вернуть деньги?
Да, вы можете сделать возврат средств пропорционально оставшимся месяцам обучения.