JavaScript
Developer.
Basic

Разработчик JavaScript. Базовый уровень.

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

Длительность:
8 месяцев
28 сентября
Старт:
{
Практический онлайн-курс с персональным ментором
О курсе за 10 минут
Знаком с основами программирования
и хочет развиваться как JavaScript-разработчик
Начал осваивать JavaScript,
но хочет систематизировать знания и получить экспертную обратную связь
Начал осваивать backend-разработку и хочет пополнить свой арсенал навыков frontend технологиями
Программа предназначена для начинающих специалистов, кто:
Для кого курс?
Необходимые знания
Программа рассчитана на тех, кто уже знаком с базовым синтаксисом и принципами ООП.
Будет плюсом опыт работы с DOM api на уровне простых манипуляций страницей и знание основ HTTP
IT-компании ищут разработчиков
560
вакансий
Frontend Javascript
60 тыс. ₽
зарплата
начинающего специалиста
{
OTUS — образовательная платформа для
IT-профессионалов
Большинство наших курсов предназначены
для Middle и Senior специалистов.
За 3 года мы обучили
6400+ IT-специалистов
  • С какими трудностями и сомнениями сталкивается джуниор в начале карьеры
  • Что на самом деле ждут от джуниора работодатели
  • Как быстрее всего преодолеть начальный уровень и перейти в лигу востребованных специалистов
Мы точно знаем:
Все это мы использовали при создании курса «Разработчик JavaScript. Базовый уровень»
Получите навыки, которые выделят вас среди начинающих разработчиков
Технологии, которые компании используют
в проектах прямо сейчас
Вам будет легко включиться в работу,
а работодателю не придется «доучивать» вас после курса
Умение самостоятельно решать наиболее востребованные задачи junior-уровня
Вы научитесь понимать код и принципы разработки, сможете работать без шаблонов и уверенно действовать
в рамках своих компетенций, задавать вопросы и находить ответы
Актуальный стек технологий, который используется в коммерческой разработке,
а также навыки работы с бекэндом
TypeScript, Babel, Webpack
Это современный стек разработки, расширяющий возможности JS, который используется в большинстве крутых проектов
React
Продвинутые навыки работы в самом популярном фреймворке для фронтенда
Node.js
Фреймворк для бэкенда, чтобы сделать законченный проект, который можно показать на собеседовании, выложить
на gh и т.д.
После курса у вас останется готовый проект, который вы сможете добавить
в портфолио
Весь стек технологий,
который вы освоите за 8 месяцев
Использовать git как основу процесса разработки
Грамотно оформлять код
Применять тестирование к разработке
Работать с асинхронным кодом
Применять тестирование на разных фазах проекта
Создавать решения разного уровня сложности, с использованием различных API
Разворачивать свое приложение
Разрабатывать модульные приложения
Вы научитесь
Работа в условиях, приближенных к суровой реальности
Git
Тесты
CI прямо с самого начала
Курсовой проект
К концу курса вы создадите готовый проект, который станет частью вашего портфолио
Разработаете собственную систему клиентского роутинга и отработаете использование событийной модели для синхронизации частей приложения.
В дополнение — разберетесь с темой CORS и поработаете со сторонним сервисом через API
Сайт с прогнозом погоды
Визуальный конструктор
страниц
Разберетесь, как устроены сайт-билдеры вроде Wix или Tilda. Прокачаетесь
в теме сериализации/ десериализации, использования шаблонизаторов. Примените паттерны проектирования на практике
Задача, решение которой вокруг нас. Это и телеграм, и формы связи на сайтах
и даже любимая социальная сеть. Вы поймете, как организовать передачу сообщений и переключение между чатами. Создадите свои реализации чата, которые смогут общаться между собой: вы сможете написать своему одногрупнику, используя свой собственный чат
Чат (аналог Slack)
Раз в неделю вы делаете домашнее задание, выкладываете
на гитхаб и договариваетесь с ментором о созвоне
В начале обучения за вами закрепляется ментор.
Как и преподаватели, менторы — эксперты, работающие
во frontend-разработке
Ментор заранее знакомится с вашим кодом, поэтому
к встрече он уже знает, на что обратить внимание.
Вы тоже можете заготовить вопросы
Персональный ментор
Онлайн-сессии на 40 минут каждую неделю
На сессии ментор прокомментирует ваше решение.
При необходимости можно сразу перейти в среду разработки, внести правки в код и тут же посмотреть результат
Преподаватели действуют в единой связке с менторами, создавая бесшовный образовательный процесс
Преподаватели курса
Формат обучения
Принимайте активное участие в вебинарах.
Так вам будет легче усвоить материал и сохранить энтузиазм в течение всего курса.

Наши методисты помогают экспертам стать хорошими преподавателями, которые умеют превращать сложное в понятное и увлекательное.
Интерактивные вебинары
Программа курса
Модуль 1: Работа с GIT и настройка окружения
  • Введение в курс + основы JS и практика
  • Базовый синтаксис JavaScript: основы, базовые операции, ветвления и базовая алгоритмизация
  • Базовое использование API и JavaScript. Как работать с DOM и другими доступными API
    (работа с сервером, с хранилищем и т.п)
  • Тестирование кода как часть процесса разработки, пример применения тестирования к домашним задания
  • Использование СКВ: проблемы и решения, типовой порядок разработки с использованием Git
  • Код как «проект» - артефакты работы разработчика. Зависимости и утилиты в стеке JavaScript
  • Итоги по синтаксису JS. Что делать, если что-то не работает? Где искать документацию и помощь.
    Решение вопросов по текущим домашним заданиям
  • Современный инструментарий при разработке клиентских (и не только приложений)
  • Критерии качества кода, профилактика проблем и настройка окружения для разработки
  • Использование CI/CD для проверки и доставки продукт
Модуль 2: Создание и стилизация HTML страниц
  • Структура HTML документа, семантика и основы разметки страницы
  • Стилизация страницы, позиционирование элементов Инструменты разработки.
  • Тестирование верстки, использование медиазапросов
  • Основные подходы к позиционированию элементов
  • Основные проблемы и решения при работе со стилями, модульность
  • Использование CSS-фреймворков - нужно ли браться за Бутстарп?
  • Использование препроцессоров и шаблонизаторов, emmet
  • Оптимизация и деплой страниц, метрики для анализа качества
  • Создание интерактивных страниц, работа с анимациями
  • Создание подключаемых плагинов
    Модуль 3: Применение Javascript/Typescript для создания интерактивных страниц
    • Различие между стандартами языка, инструменты транспиляции, проблемы типизации
    • Настройка окружения для современной разработки на TS, использование документации, настройка тестового окружения
    • ООП в JavaScript, использование API при разработке
    • Основы функциональной разработки, асинхронный код
    • Разбор базовых приемов разработки на Typescript - типы, интерфейсы, перечисления и прочее
    • Расширенные возможности типизации
    • Некоторые паттерны разработки на JavaScript - разделение представления и логики
    • Разработка собственного API
    • Разработка шаблонизатора
    • Обновление представлений, подходы к реализации, реактивность
    Модуль 4: Структурирование программ на Javascript
    • Mediator и EvenEmitter как инструмент организации кода
    • Управление состоянием приложения, разработка redux
    • REST, RPC и работа с внешними API
    • Публикация проектов - github, npm
    • Разработка виджетов, микроприложений
    • Работа с асинхронными actions в redux
      Модуль 5: Разработка одностраничных приложений
      • Клиентский роутинг, как строится одностраничное приложение
      • Публикация приложения на публичных сервисах - на что нужно обратить внимание
      • Использование redux для хранения состояния приложения
      • Redux-toolkit и feature-based разработка
      Модуль 6: Разработка с использованием React.js
      • Что такое React, JSX, настройка окружения
      • Умные и глупые компоненты в разрезе React
      • Жизненный цикл компонентов, хуки
      • Паттерны разработки с использованием React
      • Совместное использование React и redux Роутинг и ленивая загрузка при разработке на React
      • Оптимизация производительности React приложений
      • Тонкие моменты при использовании React - парсинг/генерация jsx, интеграция со сторонними библиотеками
      • Решение основных вопросов с Typescript, которые возникают при разработке на React
      Модуль 7: Основы разработки на Node.js
      • Сферы применения Node.js, отличия от разработки в браузере
      • Использование inquirer / commander для организации интерфейса в терминале, основные модули фреймворка Node.js
      • Создание сервера приложений с использованием Node.js.
      • Событийная модель и потоки
      • Express и обработчики запросов, шаблонизаторы и сессия
      • Работа с хранилищами данных из Node.js - SQL/NoSQL/key-value хранилища
      • Организация системы при разработке серверного приложения, деплой приложения на heroku
      • Реализация SSR при работе с современными фреймворками
      Модуль 8: Сопровождение кода
      • Чек-листы для проверки состояния проекта - метрики и значения, на что обращать внимание
      • Отладка и внесение изменений в унаследованный код, что делать, когда пришел на проект
      • Презентация работы - что сделать, чтобы было хорошо
      Проектная работа
      • Вводное занятие
      • Консультация по проектам
      • Защита проектов
      • Итоговое занятие
      Скачать полную программу курса
      и получить консультацию
      Польза домашних заданий
      Во время обучения вас ждет только полезная практика, которая поможет развить алгоритмическое мышление и самостоятельность
      Задания будут оцениваться по тому, как ваше решение соответствует разным принципам программирования:
      Выполняя практику, вы будете тренироваться использовать :
      • SOLID
      • KISS
      • DRY
      • YAGNI
      • MVC
      • Паттерны и антипаттерны проектирования
      • Модульные системы: CommonJS/ ES6 modules/ AMD
      • RequireJS — способ повышать скорость
        и качество кода
      Пример задания по итогам Модуля 3
      Реализовать одностраничное приложение «Календарь задач»
      От студентов требуется:
      • Разработать структуру презентационных «компонентов»
      • Применить event-driven подход
      • Разработать интерфейс для утилитарных сервисов
      • Покрыть приложение e2e тестами с использованием testcafe
      • Настроить деплой приложения на github pages
      Навыки, которые тренирует задание
      • Разбиение кода на модульность
      • Создание абстракций
      • Работа с шаблонизатором
      • Разработка тестов
      • Разработка кода, который должен быть доступен не только через UI, но и через UX
      Методические материалы
      Пособия для быстрого повторения изученного
      Записи вебинаров
      Посмотреть занятие, если
      не получилось присутствовать
      Чат студентов и преподавателей в Слаке
      Взаимопомощь и нетворк
      Ваше резюме после обучения
      JS разработчик
      от 60 000
      Работать с Git
      и github-flow
      Отлаживать
      и тестировать свой код
      Разбивать код на модули и логические части
      Разбираться
      с новым API
      Работать с документацией
      и другими источниками
      Разрабатывать приложения с помощью React
      Зарплата:
      Должность:
      Навыки:
      Стек технологий:
      Сертификат:
      Бесплатный урок
      Знакомство
      с преподавателем
      День открытых дверей: 10 ноября в 20:00
      «Введение в автотесты. pytest»
      18 ноября в 20:00
      Сурен Хоренян
      Сурен Хоренян
      Старший разработчик ООО «МТС ИТ»
      Старший разработчик ООО «МТС ИТ»
      Руководитель
      курса
      Трансляция пройдет:
      Партнеры и помощь
      в трудоустройстве
      Карьерная консультация
      Наш HR-эксперт поможет выстроить стратегию карьерного пути и подготовиться
      к собеседованиям
      Работа с резюме
      Вы создадите грамотное резюме
      и портфолио с учетом освоенных навыков
      Собеседования
      в компании-партнеры
      Сможете откликаться
      на эксклюзивные вакансии
      от партнеров курса
      Запишитесь на бесплатный вводный урок по курсу
      Запишитесь на день открытых дверей курса
      Корпоративное обучение для ваших сотрудников
      Сотрудники систематизируют
      и прокачают свои знания
      Практику сотрудники могут выполнять на рабочих задачах
      Вы сможете отслеживать успехи сотрудников в личном кабинете
      Ваши Middle и Senior эксперты сберегут время на наставничестве
      Записаться на курс и получить бесплатную консультацию
      Осталось: 8 мест
      Стоимость
      обучения
      80 000₽
      112 000₽
      Старт: 29 сентября
      Нужна рассрочка?

      Оставьте заявку и менеджер расскажет вам об условиях
      до 29 сентября
      –15%
      Вы уже отправляли заявку :)
      Осталось: 8 мест
      Стоимость
      обучения
      80 000₽
      112 000₽
      Старт: 28 сентября
      Нужна рассрочка?

      Оставьте заявку и менеджер расскажет вам об условиях
      –15%
      до 29 сентября
      FAQ
      Насколько легко джуниору-разработчику сейчас найти работу?
      Наша HR-команда отмечает, что вакансий для джуниоров становится все больше, но вместе с тем и конкуренция на них все серьезнее. Однако открывая вакансию джуниора, работодатель ищет того, кто быстро станет самостоятельной боевой единицей в команде. А вот таких джунов с актуальными знаниями, практическим опытом и пониманием процессов совсем немного. Поэтому у вас хорошие шансы!
        На что я могу рассчитывать после курса?
        Активно участвуйте в вебинарах, выполняйте практические задания и обсуждайте все непонятные моменты с ментором, тогда после обучения вы выйдете уверенным junior+ специалистом. Junior+ значит, что у вас уже есть опыт решения задач в условиях, приближенных к рабочим. С этим опытом вам будет легко развиваться как фрилансеру или устроиться в компанию на джуниор-позицию Frontend-, Fullstack- или React-разработчика.
          Как вы помогаете с трудоустройством?
          У нас есть HR-команда, которая поможет вам составить эффективное резюме и проведет карьерную консультацию. Кроме того, у курса есть компании-партнеры, которые нуждаются в frontend-разработчиках и готовы приглашать выпускников на собеседованя.
            Почему вебинары и созвоны с ментором?
            Мы сделали упор на живое общение с экспертами, чтобы вы не только перенимали их знания, но и погрузились в профессиональную среду. Ментор поможет отслеживать ваш прогресс и сделать процесс обучения более индивидуальным. Еженедельные сессии с ментором — возможность быстро разобрать сложные моменты и с поддержкой сразу попробовать решение в действии.
              А что на счет сертификата?
              OTUS обладает лицензией на образовательную деятельность. Вы получите сертификат, который высоко ценится IT-компаниями в России. Также можно получить диплом повышения квалификации при условии наличия диплома о среднем профессиональном или высшем образовании по профилю или специальности, смежной с тематикой курса.
              Что делать, если мне надо прервать обучение?
              У каждого студента есть право на один бесплатный трансфер в группу другого запуска. Мы рекомендуем воспользоваться им, если внезапно ваши планы поменялись, и вы не можете посещать вебинары и уделять достаточно времени практике.

              Если вам надо прерваться всего на неделю-другую, вполне реально догнать группу. Вы сможете посмотреть вебинары в записи, а созвоны с ментором проводить по мере выполнения домашних заданий.
              Как можно сэкономить на обучении?
              1) Оплатить весь курс сразу — это будет немного дешевле, чем итоговая сумма при оплате в рассрочку.

              2) Прийти учиться с друзьями и получить скидку.

              3) Осуществить налоговый вычет. Мы предоставим вам все необходимые документы для оформления.

              4) Попросить работодателя оплатить ваше обучение частично или полностью.
              Если не понравится, можно вернуть деньги?
              Да, вы сможете вернуть деньги за вычетом уже пройденной программы.