Ваша заявка принята!

Менеджер свяжется с вами в ближайшее время.

Скидка 1500 ₽ При самостоятельной оплате курса.

Истекает через:

+7 495 120-40-96
Frontend-разработчик +7 495 120-40-96
Образовательный курс

Frontend-разработчик

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

Курс идеально подойдет

Новичкам в IT

Вы научитесь создавать собственные проекты, освоите профессию frontend-разработчика и начнёте карьеру в этой сфере.

Разработчикам с начальным уровнем

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

Чему вы научитесь

Верстать сайты и приложения для всех типов устройств.

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

Создавать сайты и приложения с помощью JavaScript.

Работать с системой Git (стандарт по управлению исходным кодом) и с сервисом GitHub.

Использовать библиотеки для ускорения и упрощения разработки.

Работать с анимацией для веб-страниц.

скидка 50%

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

Программа курса содержит 16 основных блоков.

  1. Введение

    • Что умеет JavaScript и почему он так популярен? 
    • Инструменты разработчика. 
    • Hello, world! 
    • Синтаксис языка. 

  2. Основы

    • Числа. 
    • Строки.
    • Логические (булевые) значения. 
    • NaN (Not a Number). Определение числовых и нечисловых переменных.
    • Infinity. Числовые значения, представляющие бесконечность.
    • Математические операторы. 
    • Переменные.
    • Преобразование типов. 
    • Условия.
    • Циклы.

  3. Функции

    • Объявление и вызов функций.
    • Аргументы.
    • Локальные и глобальные переменные.
    • Hoisting. Управление «всплытием» переменных.
    • Возвращаемые значения.
    • Рекурсия.

  4. Массивы и объекты 

    • Понятие объектов.
    • Объекты в JavaScript.
    • Перебор свойств объекта.
    • Массивы.
    • Стандартный объект Math. 
    • Стандартный объект String. 
    • Стандартный объект Array. 
    • Стандартный объект Date. 

  5. Замыкания

    • Глобальный объект window. 
    • Garbage collector. Управление памятью браузера. 
    • Замыкания.
    • IIFE. Выполнение функций сразу после их определения.

  6. Объекты и конструкторы

    • Функции-конструкторы.
    • Контекст вызова.
    • Привязка контекста (call, apply и bind). 

  7. Объектно-ориентированное программирование

    • Наследование, инкапсуляция, полиморфизм. 
    • Функциональное наследование.
    • Прототипное наследование.
    • Прототипы стандартных объектов. 

  8. Специфика JS

    • Объект arguments. 
    • Планирование с помощью функций setTimeout и setInterval. 
    • Выполнение кода через eval. 
    • Обработка исключений (throw, catch). 
    • Регулярные выражения.
    • Строгий режим (strict mode). 

  9. JavaScript в браузере

    • DOM. 
    • Порядок выполнения скриптов.
    • Селекторы.
    • Свойства и методы элементов.
    • События и обработчики.
    • Погружение и всплытие событий. 

  10. Веб-API

    • Console. Доступ к средствам отладки браузера.
    • Window. Вывод интерфейса.
    • Document. Указание на документ, открытый в окне.
    • Информация о браузере и истории переходов. 
    • Доступ к локальным объектам через LocalStorage и SessionStorage. 
    • Указание на редактируемость элемента. ContentEditable. 
    • Разнообразие веб-API. 

  11. Клиент и сервер

    • Клиент-серверное взаимодействие (введение). 
    • Запуск локального сервера. 
    • Общение с сервером без перезагрузки страницы. AJAX и callback. 
    • Формат представления значений и объектов. JSON и Promise. 
    • Обращения к внешним источникам данных. API и WebSocket. 

  12. jQuery

    • Библиотека jQuery: введение.
    • Библиотеки и frameworks: введение. 
    • Возможности jQuery.
    • Анимация.
    • AJAX в jQuery.
    • Плагины. 
    • Современный JavaScript, ES 2015. 
    • История стандарта ECMAScript: введение.
    • Транспиляция и полифиллы.
    • Изменяемые и постоянные переменные. Let и const. 
    • Деструктуризация. 
    • Обработка ответов. Rest и spread. 
    • Встроенные выражения. Template strings. 
    • Стрелочные функции и параметры по умолчанию. 
    • Классы и наследование. 

  13. Сборка проектов

    • Что такое и для чего нужна.
    • Основы библиотеки Node.js. 
    • Сборщик npm. 
    • Сборщик Gulp. 
    • Сборщик Webpack. 

  14. React

    • DOM и императивный подход: введение.
    • React и декларативный подход.
    • Подготовка рабочего пространства.
    • Простое React-приложение.
    • Разделение на компоненты.

  15. Redux

    • Ключевые принципы Redux.
    • Установка зависимостей и разделение на компоненты.
    • Создание store и reducers.
    • Создание actions.
    • Запуск приложения. 

  16. Бонус: предэкзаменационные материалы

    • Библиотеки и фреймворки 2017. 
    • Развитие стандарта EC.

Получите полную программу и индивидуальную консультацию

Дипломные проекты

Подтвердят вашу квалификацию и закрепят полученные знания.

Сайт-портфолио

Вы создадите лендинг по продвижению вас как разработчика.

Аналог Instagram

Вы самостоятельно разработаете веб-интерфейс — аналог популярной социальной сети.

Преподаватели

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

Резюме после прохождения

Андрей Семёнов Андрей Семёнов frontend-разработчик

Ожидаемая зарплата от 60 000

  • React JavaScript-библиотека для создания пользовательских интерфейсов

  • Webpack Модульный компилятор для приложений на JavaScript.

  • Grunt Инструмент для сборки JavaScript-проектов из командной строки и планировщик задач.

  • Gulp Инструмент для автоматического выполнения задач frontend-разработки.

  • Ajax Подход к построению интерактивных пользовательских интерфейсов веб-приложений без видимой перезагрузки веб-страниц.

  • Git Распределённая система контроля версий и платформа для совместной разработки.

  • Bootstrap Шаблонный набор инструментов HTML и CSS для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса.

  • JavaScript Клиентский язык программирования для создания интерактивных элементов на веб-страницах.

  • HTML5 Новая версия языка HTML и набор технологий для создания сайтов и веб-приложений.

  • CSS3 Язык разметки и каскадные таблицы стилей третьего поколения.

  • jQuery Фреймворк JavaScript для взаимодействия JavaScript, HTML и CSS.

Ключевые навыки:
  • Адаптивная и кроссбраузерная верстка.
  • Взаимодействие со внешними сервисами.
  • Сборка проектов.
  • Работа с Web API.
  • Владение методологией БЭМ.
  • Основы React и Redux.
  • Работа с протоколами HTTP/HTTPS.
  • Знание Node.js.

Диплом Skillbox

Подтверждает успешное прохождение курса «Frontend-разработчик»

Frontend-разработчик

Стоимость обучения

Скидка 50%

Стоимость обучения 67 500

2 813 Рассрочка без первого взноса

33 750

Гарантия возврата денег в течение 14 дней

Запишитесь на курс

Дата начала: 8 декабря

Осталось: 15 мест

О Skillbox

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

После обучения вы можете трудоустроиться в эти компании или к партнёрам университета.

25 000 +

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

82%

студентов довольны преподавателями

89%

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

94%

выпускников довольны курсом и результатом

Часто задаваемые вопросы

  1. Я никогда не занимался разработкой. У меня получится?

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

  2. Действуют ли какие-нибудь программы рассрочки?

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

  3. Как проходит обучение?

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

  4. Получится ли совмещать с работой?

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

или получить

Появились вопросы по курсу?

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