JavaScript Developer. Basic
29 сентября
Basic
4 месяца
Онлайн
Пн/Ср 20:00 Мск
Видео-презентация курса
JavaScript Developer. Basic
- Для знакомых с основами программирования и желающих развиваться как JavaScript-разработчик
- Для начинающих разработчиков, которые осваивают JavaScript, но хотят систематизировать знания и получить экспертную обратную связь
- Для начинающих разработчиков, которые осваивают backend-разработку и хотят пополнить свой арсенал навыков frontend технологиями
Необходимые знания:
- вы знакомы с базовым HTML/CSS
- можете реализовать базовые алгоритмы на JS (циклы, условия)
- можете по клику на кнопку добавить параграф на страницу
- знаете, как разбить код на функции
- знакомы со словами "хостинг" и "http запрос"
- умеете работать с компьютером (создавать файлы/папки, открывать консоль и выполнять там команды)

Что даст вам этот курс?
JavaScript применяется для разработки:
- Веб сайты
- Серверные приложения и инструменты автоматизации
- Мобильные и десктоп приложения
После обучения вы сможете:
- Легко включиться в работу, а работодателю не придется «доучивать» вас. Вы научитесь понимать код и принципы разработки, сможете работать без шаблонов и уверенно действовать в рамках своих компетенций, задавать вопросы и находить ответы
- Работать с Git и GitHub flow, покрывать код тестами, познакомитесь с CI-процессами. С первого же месяца вы будете заниматься в условиях, приближенных к реальной разработке
- Использовать JavaScript, его фреймворк React и другие технологии для решения задач фронтенда
- Отлаживать и тестировать свой код
- Разбивать код на модули и логические части
- Работать с документацией и гуглом
- Разрабатывать приложения с помощью React
- Разбираться с новым API
Бонус:
В подарок видеокурс «JavaScript для начинающих» для самостоятельного прохождения. Эти знания вам понадобятся для освоения базовых конструкций языка, если до этого у вас не было опыта работы с JavaScript.Процесс обучения
Учитесь онлайн отовсюду. А если вдруг пропустите занятие, просто посмотрите запись.
Оптимальная нагрузка
Возможность совмещать учебу с работой.Эксперты
Преподаватели из разных сфер, каждый со своим уникальным опытом.
Перспективы
Сможете претендовать на позицию JavaScript Junior разработчикПартнеры
- Разместите резюме в базе OTUS: так наши партнёры смогут пригласить вас на собеседование
- Посещайте карьерные мероприятия OTUS: вам расскажут, как лучше проходить собеседование
Формат обучения
Плавный старт
Для постепенного погружения в профессию 2 недели - 1 занятие в неделю, далее - 2 занятия в неделю
Практика
20 домашних заданий и 1 проектная работа. К концу обучения вы соберете портфолио из выполненных работ и сделаете готовый проект, который сможете опубликовать и показывать на собеседованиях.
Групповое менторство
Разберем возникающие в процессе обучения вопросы и пути решения ДЗ.
Программа
Подготовительный модуль
Изучение основ языка (как писать самые простые программы) и подготовка перед стартом интенсивного обучения. Разберем базу: переменные, циклы, условия, функции и объекты. Изучим предзаписаный курс: решим ряд задач и разберем возникшие вопросы.
Тема 1: Консультация №1 по итогам просмотра первой части подготовительного курса
Тема 2: Консультация №2 по итогам просмотра первой части подготовительного курса
Тема 3: Введение в курс + основы JS и практика
Тема 4: Тестирование кода как часть процесса разработки
Базовый синтаксис
Более глубокое погружение в базовый синтаксис (нюансы работы с циклами и функциями), затронем прототипное наследование. Потренируемся решать задачи, отработаем навыки на codewars.
Тема 1: Базовый синтаксис JavaScript: основы, базовые операции, ветвления и базовая алгоритмизация
Тема 2: Объектная модель в JavaScript
Инструменты
Разбираемся с инструментами, которые важны в современной разработке: как работать с git, что такое линтеры и для чего они нужны, как работать с зависимостями и проверять свой код на CI/CD. Научимся деплоить свои приложения на Github Pages, а также закрепим знания из прошлого модуля с новыми практиками и подходами.
Тема 1: Использование СКВ: задачи и решения
Тема 2: Типовой порядок разработки с использованием Git
Тема 3: Код как «проект» - артефакты работы разработчика. Зависимости и утилиты в стеке JavaScript
Тема 4: Современный инструментарий при разработке приложений
Тема 5: Консультация по ДЗ
Тема 6: Документирование кода - работа с типами и JSDoc. TypeScript
Тема 7: CI/CD проекта - линтинг, тесты и деплой
Тема 8: Консультация по ДЗ
Работа с API
Учимся использовать в своих программах API, которые предоставляются средой исполнения и языком, разберемся как получать данные с удаленного сервиса, чтобы динамически отображать их на своих страницах.
Тема 1: Базовое использование API и JavaScript. Как работать с DOM и другими доступными API
Тема 2: Базовое использование асинхронных API в Javascript
Тема 3: Базовая работа с сетью: методы HTTP, куки, заголовки, WS
Тема 4: Консультация. Разбор сложных моментов в выполнении домашних заданий.
Асинхронность, Контекст и Прототипы
Как работать с синхронностью и зачем она нужна. Погружаемся в функции и их контекст, узнаем как это связано с объектной моделью в JS.
Тема 1: Контекст при работе с функциями
Тема 2: Прототипное наследование и функции-конструкторы
Тема 3: Работа с асинхронным кодом
Тема 4: Итоги по синтаксису JS. Что делать, если что-то не работает? Где искать документацию и помощь. Решение вопросов по текущим домашним заданиям
Организация кода
Работа с более сложными приложениями. Научимся писать их так, чтобы было проще дорабатывать и изменять. Также, изучим, что такое одностраничные приложения и как разбивать программы на части, чтобы они друг другу не мешали.
Тема 1: Разделение логики и представления (шаблонизация, сервисный слой)
Тема 2: Разбиение кода на модули (чистые функции, внедрение зависимостей, принцип единственной ответственности)
Тема 3: Связь модулей - от интерфейсов до EventBus
Тема 4: Консультация по ДЗ
Тема 5: Многостраничные и одностраничные приложения - работа с URL
Тема 6: Использование клиентского роутинга для создания одностраничных приложений. Деплой одностраничных приложений
Знакомство с React
Знакомимся с библиотекой React и тем, как на ней реализовывать интерактивные приложения. Попробуем применить полученные ранее знания к новому компонентному подходу.
Тема 1: Различие между стандартами языка, инструменты транспиляции, проблемы типизации
Тема 2: Что такое React, JSX, настройка окружения
Тема 3: Hooks в React: useState, useEffect, useCallback, useMemo
Тема 4: Переиспользование кода с кастомными хуками
Тема 5: Подключение дополнительных библиотек в экосистеме React на примере роутинга и визуальных компонентов
Тема 6: Разделение состояния между компонентами - подъем состояния, useContext, State managers
Проектная работа
Заключительный месяц курса посвящен проектной работе. Свой проект — это то, что интересно писать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.
Тема 1: Организация проектной работы: на что обратить внимание при защите. Консультация.
Тема 2: Защита проектных работ
Также вы можете получить полную программу, чтобы убедиться, что обучение вам подходит
Проектная работа
Последний месяц курса посвящен проектной работе. Вы создадите готовый проект, который станет частью вашего портфолио. Вы можете реализовать свою идею или взять один из предложенных преподавателем вариантов. Тема проектной работы отдельно выносится в сертификат.Примеры тем итоговых работ студентов:
- Приложение для учета раcходов
- Продвинутое веб-приложение для киноманов, разработанное на основе React
- Приложение для поиска вакансий с HeadHunter
Преподаватели
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания
Ближайшие мероприятия
Открытый вебинар — это настоящее занятие в режиме онлайн с преподавателем курса, которое позволяет посмотреть, как проходит процесс обучения. В ходе занятия слушатели имеют возможность задать вопросы и получить знания по реальным практическим кейсам.
Что будет на вебинаре?
- Пошаговое руководство по созданию интерактивного интерфейса на чистом JavaScript — без использования React, Vue и других библиотек.
- Разберём, как JavaScript работает с HTML и CSS: выбор элементов, реакция на клики, добавление и удаление классов, базовые анимации.
- Создадим мини-проект — интерактивную карточку, которая раскрывается, реагирует на действия пользователя и включает простую форму.
Для кого этот вебинар?
- Для начинающих JavaScript-разработчиков, которые хотят понять, как "оживить" интерфейс с помощью кода.
- Для тех, кто уже знаком с HTML и CSS, но не чувствует уверенности в работе с JavaScript и DOM.
- Для всех, кто хочет получить готовую практическую работу в портфолио и почувствовать, как JavaScript управляет интерфейсом.
Что узнают участники?
- Как с нуля создать динамическое поведение на сайте, работая напрямую с DOM.
- Какие приёмы и конструкции JavaScript нужны для построения реального интерфейса.
- Как превратить HTML-блок в интерактивный элемент с анимацией, логикой и реакцией на действия пользователя — без фреймворков и зависимостей.
Что будет на вебинаре?
- Работа с DOM: освоим поиск, изменение и добавление HTML-элементов с помощью JavaScript, чтобы сделать страницы интерактивными.
- Реагирование на клики и события: как с помощью JavaScript управлять действиями пользователя, изменяя элементы страницы по щелчкам, вводам и другим событиям.
- Основы изменения стилей: научимся добавлять и убирать классы, менять стили CSS для динамического управления внешним видом элементов.
Каким слушателям вебинар будет полезен?
- Новичкам в JavaScript, которые хотят научиться работать с HTML и CSS через JavaScript и создать первые интерактивные элементы.
- Тем, кто уже знаком с HTML и CSS, но хочет расширить свои возможности с помощью JavaScript и сделать сайты более отзывчивыми.
- Для всех, кто хочет освоить базовые техники управления элементами страницы, чтобы придать им интерактивные функции без сложных библиотек.
Что узнают участники?
- Как использовать JavaScript для взаимодействия с HTML и CSS, включая управление элементами страницы через простые клики и другие события.
- Основные методы изменения стилей и классов, чтобы делать интерфейсы более динамичными.
- Практические навыки для применения в небольших проектах, позволяя создавать страницы с интерактивными элементами, которые реагируют на действия пользователей.
Что будет на вебинаре?
⁃ Пошаговое руководство по созданию профессионально выглядящей карточки товара на чистом HTML и CSS — без использования UI-фреймворков или готовых компонентов.
⁃ Детально разберём работу с HTML-тегами: <div>, <article>, <h2>, <p>, <img>, <a>, <button>.
⁃ Научимся эффективно применять CSS-свойства (width, border, background-color, color, text-decoration, font-family, font-size, margin, padding) для стилизации
⁃ Создадим готовый мини-проект — карточку товара, применяя эффекты :hover для интерактивности.
Для кого этот вебинар?
⁃ Для начинающих верстальщиков и веб-разработчиков, которые хотят понять, как создавать визуально привлекательные и функциональные элементы сайта.
⁃ Для тех, кто уже знаком с основами HTML, но хочет углубить свои знания в CSS и научиться создавать сложные макеты и эффекты.
Что узнают участники?
⁃ Как с нуля сверстать красивый и функциональный блок для сайта, используя только HTML и CSS.
⁃ Как превратить простой HTML-блок в привлекательный элемент с хорошим дизайном и динамичными эффектами — без использования библиотек или сложных инструментов.
Что будет на вебинаре?
- Создадим настоящую интерактивную анкету — не простую «регистрацию», а форму с логикой, реакцией на ввод, динамическими полями и псевдоотправкой.
- Поработаем с разными типами элементов: текстовые поля, радиокнопки, чекбоксы, селекты, текстовые области. Добавим счетчики, условия показа, управление доступностью кнопки.
- Разберём лучшие практики обработки форм на чистом JavaScript — без фреймворков и лишнего кода.
Для кого этот вебинар?
- Для всех, кто хочет разобраться в JavaScript на практическом уровне и научиться работать с формами современно и гибко.
- Тем, кто хочет писать интерактивный, адаптивный интерфейс, где форма — это не просто набор полей, а полноценный пользовательский опыт.
- Для разработчиков, стремящихся к чистому коду, правильной архитектуре и реальному пониманию логики форм в веб-приложениях.
Что узнают участники?
- Как с помощью JavaScript управлять структурой формы, её состоянием и интерактивными элементами.
- Как добавлять динамическое поведение: скрытие и показ полей, реакция на ввод, активация кнопок по условиям.
- Как создавать современные формы без фреймворков — только с помощью чистого, понятного JavaScript.
Прошедшие
мероприятия
Корпоративное обучение для ваших сотрудников
- Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
- Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
- OTUS проверяет знания студентов перед стартом обучения и после его завершения
- Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
- Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
- OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год
Отзывы
Подтверждение знаний и навыков
OTUS осуществляет лицензированную образовательную деятельность.
В конце обучения вы получите сертификат OTUS о прохождении курса
После обучения:
- получите материалы по всем пройденным занятиям (презентации, видеозаписи вебинаров)
- получите сертификат об окончании курса
- будете иметь возможность попасть на собеседования в компании-партнеры курса
JavaScript Developer. Basic
Полная стоимость
Стоимость указана для оплаты физическими лицами
вычета до 13% стоимости обучения. Оставьте заявку и менеджер вас проконсультирует
+7 499 938-92-02 бесплатно