Образовательный онлайн-курс
Профессия Frontend-разработчик
С нуля до разработчика с зарплатой от 60 000 рублей за 6 месяцев. Научитесь верстать сайты и создавать интерфейсы, соберите два проекта в портфолио и получите современную профессию
  • длительность
    6 месяцев
  • формат
    Онлайн-обучение
  • помощь
    Работа с наставником
  • по завершении
    2 реальных проекта
Новичкам в разработке
Если вас привлекают интернет-технологии, и вы хотите начать развиваться в этом направлении, мы поможем вам освоить профессию мобильного разработчика. Вы научитесь создавать собственные проекты и начнете реальную карьеру.
Разработчикам с начальным уровнем
Для тех, кто уже знаком и умеет разрабатывать страницу на HTML и CSS, но не готов останавливаться в изучении программинга. Курс Skillbox уже структурировал знания, где больше времени отводится практике, чем нёрдовской теории. Преподаватели на пальцах расскажут базовые основы языка и его синтактиса, научат создавать визуальные интерактивные элементы и помогут разработать первый веб-проект на JavaScript.
Сегодня навыки создания front-end проектов позволяют
Зарабатывать от 60 000 рублей, делать динамичные интерактивы и бомбические проекты.
Работать в перспективной и хорошо оплачиваемой сфере
Профессия веб-разработчика является одной из самых перспективных. По данным агентства «Тэглайн» веб-программисты получают зарплату в 1,8 раза больше, чем обычный россиянин.
Участвовать в интересных проектах и строить карьеру
Разработка сайтов и веб-приложений позволяет самостоятельно создавать различные онлайн-ресурсы и сервисы, такие как Фейсбук, Вконтакте, Яндекс
Работать из любой точки мира
Ноутбук, ваши навыки и знания, а также стабильный интернет — это всё, что нужно для эффективной работы. Толковые веб-разработчики высоко ценятся в международных компаниях и часто получают приглашения о работе.
записаться на курс

скидка 20% первым 20 студентам

Программа курса
Курс длится 6 месяцев и состоит из 25 тем
1. Веб верстка
1.
Вводный модуль
5 уроков
53:00
  • Как работают сайты. Backend и frontend. Вёрстка.
  • Как выглядит и из чего состоит код веб-страницы.
  • Установка редактора кода Sublime Text.
  • Простая веб-страница на HTML. Тэги и атрибуты.
  • CSS-стили. Селекторы, параметры и значения.
2.
HTML
5 уроков
60:00
  • Структура HTML5-документа.
  • Обзор и демонстрация работы основных HTML-тэгов.
  • Вёрстка веб-форм. Поля и кнопки. Валидация форм.
  • Таблицы и табличная вёрстка.
  • Семантическая вёрстка. Стандарты и валидность.
3.
Основы CSS
6 уроков
63:00
  • Как можно задавать стили. Селекторы.
  • Отступы, поля, размеры и единицы измерения.
  • Inline- и block-элементы, свойство display.
  • Обтекание, позиционирование и слои.
  • Блочная вёрстка.
  • Цвета, шрифты, фон и границы.
4.
Основы JavaScript
7 уроков
77:00
  • Что такое JavaScript и как его подключать к веб-странице.
  • Библиотека jQuery. Управление стилями элементов.
  • Обработка событий.
  • Работа с DOM, изменение, добавление и удаление элементов.
  • Отображение и скрытие элементов, анимация.
  • Работа с сетью, получение и отправка данных.
  • JavaScript-фреймворки.
5.
Адаптивность и кроссбраузерность
6 уроков
66:00
  • Ширина экрана и “резиновость” сайта.
  • Media-запросы.
  • Flexbox.
  • Шаги адаптивности и сетки.
  • Разнообразие браузеров и их особенности.
  • Инструменты проверки и обеспечения адаптивности и кроссбраузерности.
6.
Оформление
6 уроков
70:00
  • Фон, прозрачность и градиенты.
  • Границы, аутлайны и тени.
  • Шрифты и оформление текста. Типографика и спецсимволы.
  • Стили указателей.
  • Изображения. Форматы, сжатие, cпрайты, iconfonts. Favicon.
  • Рисование на веб-странице. SVG и Canvas.
7.
Advanced CSS
6 уроков
65:00
  • Сложные селекторы. Свойство !important
  • Псевдо-классы и псевдо-элементы.
  • Трансформации, переходы и анимации.
  • Стандарты именования в CSS. Методология БЭМ.
  • Библиотеки стилей: Bootstrap, Semantic UI, Material UI.
  • Шаблонизаторы (Twig, Haml) и препроцессоры (SASS, LESS, Stylus).
8.
Инструменты верстальщика
6 уроков
48:00
  • Размещение своих работ в Интернете. Домен и хостинг.
  • Инструменты командной разработки. Таск-трекеры и Git.
  • Сборщики, минификаторы и оптимизаторы проектов.
  • Инструменты прототипирования.
  • Другие среды разработки. NetBeans, WebStorm.
  • Дипломная работа.
2. JavaScript с нуля
1.
Знакомство с языком
4 урока
45:00
  • Что умеет JavaScript и почему он так популярен?
  • Инструменты разработчика
  • Hello, world!
  • Синтаксис языка
2.
Основы
10 уроков
67:00
  • Числа
  • Строки
  • Логические (булевые) значения
  • NaN (Not a Number)
  • Infinity
  • Математические операторы
  • Переменные
  • Преобразование типов
  • Условия
  • Циклы
3.
Функции
6 уроков
49:00
  • Объявление и вызов функций
  • Аргументы
  • Локальные и глобальные переменные
  • Hoisting
  • Возвращаемые значения
  • Рекурсия
4.
Массивы и объекты
8 уроков
60:00
  • Понятие объектов
  • Объекты в JavaScript
  • Перебор свойств объекта
  • Массивы
  • Стандартный объект Math
  • Стандартный объект String
  • Стандартный объект Array
  • Стандартный объект Date
5.
Замыкания
4 урока
35:00
  • Глобальный объект window
  • Сборщик мусора
  • Замыкания
  • IIFE
6.
Объекты и конструкторы
3 урока
35:00
  • Функции-конструкторы
  • Контекст вызова
  • Привязка контекста (call, apply и bind)
7.
Объектно-ориентированное программирование
4 урока
46:00
  • ООП. Наследование, инкапсуляция, полиморфизм
  • Функциональное наследование
  • Прототипное наследование
  • Прототипы стандартных объектов
8.
Разное
6 уроков
52:00
  • Объект arguments
  • setTimeout и setInterval
  • Выполнение кода через eval
  • Обработка исключений (throw, catch)
  • Регулярные выражения
  • Строгий режим (strict mode)
9.
JavaScript в браузере, DOM
6 уроков
58:00
  • DOM
  • Порядок выполнения скриптов
  • Селекторы
  • Свойства и методы элементов
  • События и обработчики
  • Погружение и всплытие событий
10.
Web API
7 уроков
70:00
  • Console
  • Window
  • Селекторы
  • Document
  • Информация о браузере и истории переходов
  • LocalStorage и SessionStorage
  • ContentEditable
  • Разнообразие Web API
11.
Клиент и сервер
5 уроков
48:00
  • Клиент-серверное взаимодействие
  • Запуск локального сервера
  • AJAX и callback
  • JSON и Promise
  • API и WebSocker
12.
jQuery
6 уроков
48:00
  • Библиотека jQuery. Интро
  • Библиотеки и frameworks. Интро
  • Возможности jQuery
  • Анимация
  • AJAX
  • Плагины
13.
Расширенный материал: Современный JavaScript, ES 2015
8 уроков
75:00
  • История стандарта ECMAScript. Интро
  • Транспиляция и полифиллы
  • Let и const
  • Деструктуризация
  • Rest и spread
  • Template strings
  • Стрелочные функции и параметры по умолчанию
  • Классы и наследование
14.
Расширенный материал: Сборка проектов
5 уроков
48:00
  • Что такое сборка проектов и для чего она нужна?
  • Node.js
  • npm
  • Gulp
  • Webpack
15.
Расширенный материал: React
5 уроков
42:00
  • DOM и императивный подход. Интро
  • React и декларативный подход
  • Подготовка рабочего пространства
  • Простое React-приложение
  • Разделение на компоненты
16.
Расширенный материал: Redux
5 уроков
78:00
  • Ключевые принципы Redux
  • Установка зависимостей и разделение на компоненты
  • Создание store и reducers
  • Создание actions
  • Запуск приложения
17.
Предэкзаменационные материалы: Бонус
3 урока
50:00
  • Библиотеки и фреймворки 2017
  • Развитие стандарта ECMAScript
  • Тестирование кода
записаться на курс

скидка 20% первым 20 студентам

Что вы получаете, обучаясь на курсе
  • Функциональную систему обучения
  • Быстрый старт и практику кодинга
  • Пожизненный доступ к модулям
  • Систему мотивации
  • Портфолио из работоспособных проектов
  • Возможность уйти в академ отпуск
  • Собственный график
  • Персонального менеджера
  • Преподавателей-практиков
  • Качественный видео-контент
  • Структурированный учебный материал
  • Индивидуальная консультация
  • Диплом
Ваше резюме после обучения
Кодинг совершенно не такой, как был даже 3 года назад. Задачи и особенности меняются очень быстро.
Именно поэтому — часто после 5 лет университета надо переучиваться заново.
Ваше резюме после обучения
Андрей Семёнов

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

60 000 P

Владение инструментами:
React
Webpack
Grunt
Gulp
Ajax
GIT
Bootstrap
JavaScript
CSS3
HTML5
JQuery
А также:
  • Адаптивная и кроссбраузерная верстка
  • Основы работы с Photoshop
  • Знание Node.js
  • Работа с Web API
  • Работа с протоколами HTTP/HTTPS
  • Методология БЭМ
записаться на курс

скидка 20% первым 20 студентам

Преподаватели
Даниил Пилипенко

Даниил Пилипенко

Директор центра SymbioWay

10 лет Java-разработки, являлся ведущим разработчиком «Ютинета»

SW
Егор Яковишен

Егор Яковишен

Senior Frontend Developer в Setka.io

Участвовал в разработке более 200 проектов, клиенты: PepsiCo, Tetra Pack и т.д.

setka
Как проходит обучение
Обучение проходит в формате пошаговых интернет-семинаров с индивидуальным разбором домашних работ
1

Доступ в систему

Просматриваете обучающий видео-модуль в удобное для вас время.

2

Домашние задания

Получаете необходимые материалы для выполнения домашнего задания.

3

Комментарии

Куратор проверяет задание, дает обратную связь, разбирает сложные ситуации

4

Следующий модуль

После одобрения куратором задания вы переходите к следующему блоку

Можно учиться в удобном месте, 
с мобильного, планшета или ноутбука
У вас всегда есть доступ к записям мастер-классов и материалам курса
записаться на курс

скидка 20% первым 20 студентам

Дипломный проект
Все теоретические знания 
и практические методы разработки собираются по частям в цельный дипломный проект. Повторение — мать учения. Особенно, если вы программист.
1

Вёрстка landing-page

Вы сделаете свой первый сайт по представленному нами макету или выберете для реализации макет, понравившийся именно вам

2

Пользовательский интерфейс
по аналогу с Instagram

Проект не только захватит весь объем полученных знаний за курс, но и в будущем продемонстрирует ваш профессиональный потенциал на практике, а не на словах

Итоги курса
  • 6 месяцев практики

    В сторону занудные лекции, на курсе мы кодим, кодим и еще раз кодим

  • Новая профессия

    Престижная, востребованная 
и высокооплачиваемая

  • Верная методика работы

    Учим делать хорошо — вырабатываем подход 
к написанию чистого кода 
и структуризации проектов

  • Портфолио

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

  • Доступ к материалам курса

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

  • Домашние задания

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

Стажировка в Skillbox
Закрепи все полученные знания на реальных задачах. По окончании приглашаем вас на стажировку в Skillbox
Присоединяйся к команде!

Присоединяйся к команде!

  • Поучаствуй в создании и поддержке landing-page
  • Улучшай нашу образовательную платформу
  • Создавай сайты и страницы наших спец проектов
  • Погружайся в мир онлайн-образования
Стоимость курса
скидка
20%
первым 20
Полная стоимость курса
50 000 P
3 900 P
Рассрочка без первого взноса
39 000 P
Стоимость курса со скидкой
Гарантия возврата денег в течение 14 дней
Запишитесь на курс
Старт курса 15 Ноября
Осталось 15 мест

Онлайн-университет современных digital-профессий

Максимально практическое обучение от лидеров digital-рынка. Курсы от компаний, оттачивающих мастерство на реальных проектах. После обучения возможность получить работу
в этих компаниях или у партнеров университета.
82 %
выпускников довольны
курсом и результатом
89 %
студентов довольны
преподавателями
94 %
выпускников получают
карьерный рост
>20 000
студентов проходят курсы

На курсы Skillbox уже записались сотрудники из компаний

Компания 1
Компания 2
Компания 3
Компания 4
Компания 5
Компания 6
Компания 7
Компания 8
Компания 9
Компания 10
Компания 11
Компания 12
Компания 13
Компания 14
Компания 15
Компания 16
Компания 17
Компания 18
Компания 19
Компания 20
Компания 21
Компания 22
Компания 23
Компания 24
Компания 25
Компания 26
Компания 27
Компания 28
Компания 29
Компания 30
Компания 31
Компания 32
Компания 33
Компания 34
Компания 35
Компания 36
Компания 37
Компания 38
Компания 39
Появились вопросы по курсу?
Оставьте свой номер телефона и наш специалист свяжется с вами, чтобы ответить на ваши вопросы