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

скидка 30% первым 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
  • Тестирование кода
записаться на курс

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

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

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

60 000 P

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

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

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

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

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

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

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

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

Senior Frontend Developer в Setka.io

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

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

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

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

2

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

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

3

Комментарии

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

4

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

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

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

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

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

Вёрстка landing-page

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

2

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

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

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

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

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

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

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

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

  • Портфолио

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

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

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

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

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

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

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

  • Поучаствуй в создании и поддержке landing-page
  • Улучшай нашу образовательную платформу
  • Создавай сайты и страницы наших спец проектов
  • Погружайся в мир онлайн-образования
Стоимость курса
скидка
30%
первым 20
Полная стоимость курса
50 000 P
3 500 P
Рассрочка без первого взноса
35 000 P
Стоимость курса со скидкой
Гарантия возврата денег в течение 14 дней
Запишитесь на курс
Старт курса 30 Сентября
Осталось 15 мест
Онлайн-университет
современных digital-профессий
Максимально практическое обучение от лидеров digital-рынка. Курсы от компаний, оттачивающих мастерство на реальных проектах. После обучения возможность получить работу в этих компаниях или у партнёров университета.
82%
выпускников довольны курсом и результатом
89%
студентов довольны преподавателями
94%
выпускников получают
карьерный рост
20 128

cтудентов проходят курсы

Партнёры курсов
Рецепты успеха от лидеров digital-рынка. Практические рекомендации и прикладные задания
Showreel Skillbox
Наши курсы меняют жизни тысяч людей к лучшему каждый день
124 194
подписчиков
в соцсетях
На курсы Skillbox уже записались сотрудники компаний
Появились вопросы по курсу?
Оставьте свой номер телефона и наш специалист свяжется с вами, чтобы ответить на ваши вопросы