Фоновое изображение
Профессия

Frontend-разработчик с нуля

Получите востребованную профессию frontend-разработчика
Реализуйте жизнеспособные проекты уже во время обучения
Соберите крутое портфолио для получения работы своей мечты
Когда
30 сентября — 11 июня
Формат обучения
Онлайн-занятия 2-3 раза в неделю + домашние работы
Уровень
С нуля
Запишитесь на курс и получите консультацию по программе обучения
59 900 ₽79 900 ₽
полная стоимость курса
от 6 659 ₽ / месяц
оплата частями
10 технологий
будете работать с HTML, CSS, JavaScript, JSX, XHR и AJAX, React, VirtualDOM, Flexbox, React Router.
Реальные проекты
сможете добавить в своё портфолио и выполнить больше 100 практических задач
Диплом
получите официальный документ установленного образца от известного онлайн-университета
85 000 ₽
средняя зарплата в разработке (по данным hh.ru), на которую вы сможете претендовать уже на junior-уровне
Карьера
наш Центр развития карьеры поможет с составлением качественного резюме и поиском работы
Frontend-разработчики в дефиците — только на hh.ru прямо сейчас размещено 4 000 вакансий для разработчиков. Высокий уровень зарплат (в среднем 85 тыс. руб. для специалистов уровня junior) связан с большим спросом на профессионалов.

10 месяцев
обучения будет достаточно, чтобы получить необходимые навыки и найти работу junior-разработчиком

Ваш путь от новичка до разработчика

  • Вы учитесь — посещаете онлайн-занятия или смотрите их в записи
    Обучение проходит в формате онлайн-вебинаров: вы общаетесь напрямую с преподавателем и получаете ответы в прямом эфире. Если вы не успели на вебинар, видеозаписи уроков доступны в вашем личном кабинете.
    1
  • Выполняете домашние задания и получаете оценки и комментарии преподавателей
    После каждого занятия вас ждёт домашнее задание. Преподаватели проверят его и дадут развёрнутую обратную связь. По завершении каждого модуля вы создадите проекты, которые сможете сразу включить в своё портфолио.
    2
  • Оперативно получаете поддержку команды аспирантов и координаторов
    Координаторы помогут с операционными вопросами, аспиранты — с вопросами по домашним заданиям, преподаватели — с трудностями в коде. Вы всегда сможете задать вопрос, получить консультацию и помощь.
    3
  • Устраиваетесь на работу с помощью нашего Центра развития карьеры
    Центр развития карьеры поможет с составлением резюме, предложит подходящие интересные вакансии, подготовит к собеседованию и будет активно сопровождать вас на всех этапах поиска работы.
    4

Что вы сделаете во время обучения

Интернет-магазин обуви
Конструктор принтов на одежде
Игру-ходилку
Онлайн-сервисы по поиску книг и рецензированию изображений
Калькулятор ипотеки
Веб-сервис торговли криптовалютой

Что вы будете уметь после обучения

Верстать сайты и приложения для всех типов устройств
Узнаете о тонкостях вёрстки под iOS и другие мобильные операционные системы
Решать задачи с использованием JavaScript
Узнаете всё о семантике, синтаксисе и архитектуре языка и сможете создавать сайты и приложения
Оформлять решения, как это делают опытные разработчики
Изучите подходы к решению задач и варианты практического использования инструментов
Использовать библиотеку React
Сможете применять библиотеку для создания качественных интерфейсов, освоите композицию компонентов и способы интеграции с React

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

Вёрстка сайта на HTML и CSS
Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг.
Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг.
Введение в вёрстку
Контентные теги
Теги для вёрстки структуры контента
Позиционирование блочных элементов
Вёрстка форм
Нестандартные элементы форм
Всплывающие элементы
Позиционирование flex-элементов
8 часов теории24 часа практики
Навыки, которые вы получите
освоите кроссбраузерную вёрстку под десктопные устройства
научитесь проводить тестирование вёрстки
узнаете, как верстать по стандартам W3C
научитесь работать с DevTools
освоите работу с Adobe Photoshop
узнаете, что такое семантическая разметка страницы и вёрстка текста
познакомитесь с вёрсткой элементов, доступных для Screen Readers
освоите вёрстку элементов, доступных для управления с клавиатуры
научитесь оформлению кода
Адаптивная и мобильная вёрстка
Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.
Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.
Резиновая вёрстка
Мобильная вёрстка
Адаптивная вёрстка
Выполнение проекта по итогам модуля
9 часов теории39 часов практики
Навыки, которые вы получите
освоите адаптивную и отзывчивую вёрстку
научитесь верстать под тач- и мобильные устройства
узнаете, как выбирать breakpoints
освоите Flexbox
познакомитесь с медиа-выражениями
Основы программирования
Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на самом популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать «свой» язык с учётом личных интересов и профессиональных планов. В дипломном проекте вы разработаете онлайн-игру, похожую на «Монополию».
Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на самом популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать «свой» язык с учётом личных интересов и профессиональных планов. В дипломном проекте вы разработаете онлайн-игру, похожую на «Монополию».
Базовые понятия. Переменные и числа.
Логический тип и ветвление
Строки. Алгоритмы. Как отлаживать код
Массивы и базовые методы работы с ними
Циклы
Ассоциативные массивы
Функции без параметров. Область видимости
Параметры и возвращаемое значение
8 часов теории24 часа практики
Навыки, которые вы получите
получите понимание основ программирования
познакомитесь с видами языков программирования
освоите синтаксис, управляющие конструкции
научитесь искать и исправлять ошибки в коде
узнаете, как использовать циклы
научитесь работать с функциями
узнаете, что такое объекты
Git — система контроля версий
Научитесь работать с системой Git (стандарт по управлению исходным кодом) и с сервисом GitHub. Опубликуйте свои домашние работы и уже в процессе обучения сформируйте первое портфолио (работодатели часто просят показать примеры вашего кода на GitHub).
Научитесь работать с системой Git (стандарт по управлению исходным кодом) и с сервисом GitHub. Опубликуйте свои домашние работы и уже в процессе обучения сформируйте первое портфолио (работодатели часто просят показать примеры вашего кода на GitHub).
Внедрение системы контроля версий
История работы и ветки
Командная работа
3 часа теории9 часов практики
Навыки, которые вы получите
научитесь созданию репозитория, добавлению и игнорированию файлов, фиксации изменений
узнаете, как работать с историей, поиском изменений, откатом изменений
научитесь работать с ветками и разрешением конфликтов
освоите работу с удалёнными ветками и сервисом GitHub
научитесь командной работе над кодом
Введение в JavaScript
Погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. В рамках итогового проекта по этому модулю вы самостоятельно создадите свое первое веб-приложение. В дипломном проекте вы создадите веб-сервис для торговли криптовалютой.

Узнаете о дополнительных возможностях, которые дает браузер. Эта функциональность называется Web API. Подключив скрипт к HTML-документу, мы получаем к нему доступ и можем делать документ «живым»: изменять его и реагировать на действия пользователя.
Погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. В рамках итогового проекта по этому модулю вы самостоятельно создадите свое первое веб-приложение. В дипломном проекте вы создадите веб-сервис для торговли криптовалютой.

Узнаете о дополнительных возможностях, которые дает браузер. Эта функциональность называется Web API. Подключив скрипт к HTML-документу, мы получаем к нему доступ и можем делать документ «живым»: изменять его и реагировать на действия пользователя.
Базовый синтаксис JavaScript
Расширенный синтаксис JavaScript
Функции и объекты в JavaScript
Обёртки для примитивов
Прототип и конструктор объекта
ООП в JS (ES6)
Прототип массива, функции высшего порядка
Асинхронность
Возможности JavaScript в браузере
Способы поиска нужного HTML-элемента
Объект события
DOM
Работа с HTML-формами
Изменение структуры HTML-документа
Асинхронные запросы
Хранение состояния на клиенте и отправка на сервер
16 часов теории48 часов практики
Навыки, которые вы получите
освоите синтаксис JavaScript
изучите простые алгоритмы
познакомитесь с основами объектно-ориентированного программирования
узнаете, что такое асинхронное программирование
освоите JavaScript в браузере
изучите формы и асинхронные запросы
узнаете, что такое локальное хранилище
научитесь работать с файлами и медиаресурсами
Продвинутый JavaScript
Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: протипной моделью, promises и асинхронными программированием (async/await). Всё это позволит вам выйти на новый уровень в сфере веб-разработки.
Освоите инструменты, ускоряющие работу, научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы, а также познакомитесь с API, предоставляемым браузером: геолокацию, нотификации, медиа, веб-сокеты. И, конечно же, через анимацию добавите интерактивность в свои приложения.
Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: протипной моделью, promises и асинхронными программированием (async/await). Всё это позволит вам выйти на новый уровень в сфере веб-разработки.
Освоите инструменты, ускоряющие работу, научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы, а также познакомитесь с API, предоставляемым браузером: геолокацию, нотификации, медиа, веб-сокеты. И, конечно же, через анимацию добавите интерактивность в свои приложения.
Редакции и стандарты
Рабочее окружение
Unit-тестирование
Функции и замыкания
Прототипы, конструкторы
Классы, наследование
Контейнеры
Promises, async/await
Символы, итераторы, генераторы
Модули
Рабочее окружение
Работа с DOM
Работа с HTTP (jsonp, fetch, async/await)
Работа с формами
Обработка событий
Drag & Drop
SVG
Geolocation, Notification, Media
Анимации и CSS
EventSource, WebSockets
WebWorkers
24 часа теории72 часа практики
Навыки, которые вы получите
научитесь настройке проектов, подключению зависимостей, сборке
сможете писать авто-тесты
изучите использование замыканий, прототипной модели
научитесь использовать классы и наследования
освоите работу со стандартными контейнерами
изучите асинхронное программирование
освоите написание модульного кода
освоите настройку проектов, сборку и минификацию
узнаете, что такое валидация форм, использование продвинутых контролов
научитесь обрабатывать события Drag & Drop
сможете использовать геолокацию, нотификай, медиа
освоите разработку сложных анимаций
научитесь пользоваться EventSource, WebSockets
освоите WebWorkers — работу в нескольких потоках
Библиотека React: построй свою любовь к интерактивным веб-интерфейсам
Изучите самую перспективную библиотеку для создания интерфейсов.
Изучите самую перспективную библиотеку для создания интерфейсов.
JSX
Композиция компонентов
Одностраничные приложения
Интеграция с React
Выполнение проекта по итогам модуля
13 часов теории39 часов практики
Навыки, которые вы получите
освоите React
разберётесь с JSX
изучите React router
научитесь работать с VirtualDOM
поймёте принципы SPA
освоите Component Lifecycle
Дипломная работа
В конце курса вас ждёт дипломная работа, которую студент выполняет самостоятельно под руководством экспертов курса и закрепляет весь спектр знаний и навыков, полученных на программе. Дипломный проект должен пройти приёмочные испытания и строгий код-ревью, соответствовать требованиям по оформлению кода. А главное — он должен решать поставленную задачу.
В конце курса вас ждёт дипломная работа, которую студент выполняет самостоятельно под руководством экспертов курса и закрепляет весь спектр знаний и навыков, полученных на программе. Дипломный проект должен пройти приёмочные испытания и строгий код-ревью, соответствовать требованиям по оформлению кода. А главное — он должен решать поставленную задачу.
48 часов практики
Запишитесь на курс и получите консультацию по программе обучения
59 900 ₽79 900 ₽
полная стоимость курса
от 6 659 ₽ / месяц
оплата частями

Почему стоит учиться программированию
в Нетологии

910
студентов обучаются на курсах программирования прямо сейчас
19
потоков курсов по Frontend-разработке запущено за 12 месяцев
243
часа практики и 73 часа теоретических занятий
Обучаем на основании государственной лицензии №037356 от 06 апреля 2016 г. на дополнительное образование
Наши преподаватели — практикующие разработчики ведущих компаний, они понимают, как нужно учить программированию
Наш Центр развития карьеры предлагает подходящие вакансии и ведёт ваш процесс трудоустройства после окончания обучения

Преподаватели — опытные разработчики ведущих компаний

Разработчик программы
Ильназ Гильязов
Один из основателей компании AIMS, самостоятельно прошёл путь от сайтов на фриланс-биржах до проектов с федеральными компаниями, банками и гос. органами в РФ, а также с компаниями из США и Великобритании. Разработчик, специалист по информационной безопасности.
Стек технологий: JavaScript, Angular, React, Java, Spring, Java EE, C/C++
Фронтенд-разработка — это как владение английским языком, позволяет вам быть во много раз эффективнее практически в любой сфере: от бизнеса до самореализации.
Фронтенд-разработка — это как владение английским языком, позволяет вам быть во много раз эффективнее практически в любой сфере: от бизнеса до самореализации.
Татьяна Тен
Frontend-разработчик в webcoalition.ru. 7 лет в разработке. Из последних работ: fantasyclinic.ru, belgraviadent.ru
Александр Фитискин
Front-end разработчик Webzilla
Алёна Батицкая
Frontend-разработчик, freelance. Опыт 5 лет. Кроссбраузерная адаптивная вёрстка ikemiyagi.com, epic.spb.ru/dandelion
Александр Беспоясов
Ведущий frontend-разработчик. Стек технологий: Javascript, ES6, React, NODE.js, MongoDB, Python. Проекты: bespoyasov.ru/projects
Денис Ежков
Frontend-разработчик в “Ростелеком ИнфоТех”. Опыт 6 лет. Проекты: www.mercury.ru, skgelios.ru, nalog.rt.ru
Денис Завгородний
Руководитель Фронтенд-отдела, Ведущий веб-технолог в AlterEGO
Игорь Лобанов
Старший разработчик в OneTwoTrip
Николай Лопин
Senior Javascript Developer в MyTaxi
Андрей Костин
разработчик интерфейсов
Михаил Ларченко
Tech Lead Sytac B.V. Владеет языками программирования Java, PHP, Solidity, Swift
Елена Жукова
Frontend developer в Videogorillas
Татьяна Тен
Frontend-разработчик в webcoalition.ru. 7 лет в разработке. Из последних работ: fantasyclinic.ru, belgraviadent.ru

Проекты наших студентов

HTML-вёрстка сайта под разные браузеры
Интерактивное приложение подбора шрифта для надписи на футболку
Интернет-магазин
Игра «Крестики-нолики» на JavaScript
Адаптивная вёрстка сайта для разных устройств
Сервис для рецензирования изображений
HTML-вёрстка сайта под разные браузеры
Игра формата Super Mario
HTML-вёрстка сайта под разные браузеры

Ваше резюме после обучения

Frontend-разработчик
Умею делать
Редизайн блока «приветствие» на сайте Нетологии для разных разрешений экранов
Карту с множеством интерактивных точек, интегрированную с google-maps
Google-библиотеку — онлайн-сервис по поиску книг в интернете
Конструктор принтов на футболках
Калькулятор ипотеки
Интернет-магазин обуви
Сервис редактирования изображений
Онлайн-игра «ходилка»
Онлайн-сервис для работы с отзывами
Мои навыки
Вёрстка под тач и мобильные устройства
Работа с Flexbox и JavaScript
Способность правильно использовать переменные, числа и строки
Создание прототипа и конструктора объекта
Использование выражений в JavaScript
Применение символов, итераторов и генераторов
Импорт и экспорт модулей
Создание интерактивных веб-страниц
Работа с файлами и медиаресурсами
Применение принципов клиент-серверного взаимодействия
Создание одностраничных веб-приложений (SPA)
Навыки использования библиотеки React, JSX, React router, VirtualDom
Инструменты, которые освоите
JavaScript
Самый популярный язык программирования для разработки веб-приложений. Единственный язык, который поддерживается на любых устройствах и платформах.
Вашу квалификацию подтвердят документы установленного образца

Как мы помогаем вам с карьерой

Каждый выпускник получает помощь
и поддержку Центра развития карьеры
Помощь в подготовке резюме и прохождении собеседования
Консультация с HR-специалистом по поиску работы и развитию вашей карьеры
Возможность прохождения стажировки в проектах Нетологии-групп: Фоксфорд, Нетология, EdMarket
Регулярное информирование об открытых вакансиях в компаниях-партнерах
Бесплатный доступ к подборке видеокурсов по поиску работы и soft skills для всех студентов
Мы трудоустроили своих выпускников в компании

Отзывы выпускников Нетологии

Александр Щёлоков
Freelance
В данном курсе рассматриваются практически все аспекты и возможности новой спецификации ECMAScript. Творчески оформлены задания для домашних работ, что делает их решение увлекательным и интересным. Отличная обратная связь от преподавателей — до последнего помогают помочь и вникнуть в решение домашних заданий, поправить, подсказать.
Александр Щёлоков
Freelance
В данном курсе рассматриваются практически все аспекты и возможности новой спецификации ECMAScript. Творчески оформлены задания для домашних работ, что делает их решение увлекательным и интересным. Отличная обратная связь от преподавателей — до последнего помогают помочь и вникнуть в решение домашних заданий, поправить, подсказать.
Оплатите сразу или получите консультацию
При оплате частями
6 659 ₽ / мес.
Одним платежом
59 900 ₽
79 900 ₽
До 8 сентября скидка 20 000 ₽
У меня есть промокод
Сэкономьте еще 13%
Вы можете вернуть 13% денег через налоговый вычет. Спросите об этом менеджера, когда запишетесь на курс
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Войти через соцсети и записаться
Как оплатить частями?
Мы предоставляем беспроцентный кредит от Сбербанка, Тинькофф или от Яндекс.Кассы. Вы разделите платеж и ничего не переплатите
Как оплатить от юрлица?
Запишитесь на курс от имени того, кто будет учиться, а затем выберите способ оплаты «По счету от юрлица»
Есть еще вопросы?
Звоните нам — 8 (800) 301-39-69

Остались вопросы?

  • Почему мне стоит выбрать профессию frontend-разработчика?
    Frontend-разработчики — одни из самых востребованных специалистов в IT, без их участия невозможно создавать профессиональные сайты. При этом порог входа в профессию — один из самых низких. Это связано с тем, что от начинающего специалиста в основном требуется кроссбраузерная вёрстка несложных макетов и совсем немного JavaScript-программирования. Но самое главное, у frontend-разработчиков одна из самых широких перспектив роста как в рамках профессии, так и в переходе на более высокий уровень — fullstack-разработку.
  • Подойдёт ли мне эта профессия?
    Чтобы стать frontend-разработчиком, достаточно иметь желание и необходимое количество времени, чтобы освоить технологии и отточить навыки. Если вы будете внимательно изучать материал каждого вебинара и выполнять самостоятельные задания, выделяя на них не менее 9 часов в неделю, то к концу курса сможете решать все типовые задачи, которые ставятся перед начинающим frontend-разработчиком — и это независимо от начального уровня ваших знаний. Мы знаем немало дизайнеров, маркетологов, руководителей проектов, офисных сотрудников и учителей, которые перешли во frontend-разработку и добились успеха в этой области.
  • Решаются ли на курсе реальные задачи?
    Практика — это основа курса. В процессе обучения основной упор идёт на выработку реальных навыков. По итогам каждого вебинара вам предстоит решить 3 практические задачи, которые помогут усвоить полученный материал. При этом большая часть задач представляет собой фрагменты из реального проекта. Также по итогам каждого блока вам предстоит выполнить полноценный проект, чтобы подтвердить владение навыками из этого блока. И наконец, в финале вы сделаете ещё один проект, для выполнения которого вам понадобятся навыки все трёх блоков курса. Итого за время прохождения курса вы решите не менее 100 небольших задач, разработаете 3 проекта среднего объема и выполните один полноценный проект, затрагивающий весь изученный комплекс навыков и технологий.
  • Будет ли у меня наставник во время обучения на курсе?
    Один наставник — хорошо, а команда из десяти ассистентов и тренеров — лучше. В процессе обучения вы сможете задавать любые вопросы по темам курса, условиям домашних заданий и получать советы по их решению. Наличие команды наставников позволяет вам получать ответы оперативнее, а также взглянуть на обучение с разных точек зрения.
  • Как, когда и в какое время я буду учиться?
    Обучение проходит онлайн в формате вебинаров в будние дни, 2-3 раза в неделю в вечернее время. Если вы пропустили занятие, то всегда можете посмотреть его в записи. Как только вы получаете доступ к программе, в вашем личном кабинете появляется расписание занятий, записи всех прошедших вебинаров, домашние задания, библиотека полезных материалов и важные уведомления. Также вы сможете общаться с другими студентами и вашими преподавателями в закрытой группе на Facebook.
+ все вопросы
Мы используем файлы cookie
Чтобы улучшить работу сайта и предоставить вам больше возможностей для обучения. Продолжая использовать сайт, вы соглашаетесь с условиями использования файлов cookie.