годовая программа обучения

Профессия Веб‑разработчик

Практический годовой курс для тех, кто хочет стать профессиональным веб‑разработчиком, запустить свой интернет‑проект или веб‑сервис и получить первые заказы на разработку
скидка
20%
первым 20
Стартуем 31 Июля
12 месяцев
Онлайн-обучение
Поддержка менторов
Проверка домашних заданий
Диплом

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

Новичкам в веб‑разработке

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

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

Если вы уже имеете представление о HTML‑верстке, имеете небольшую практику написания кода для веб‑ресурсов, но пока не хватает комплексных знаний для того, чтобы всерьез заняться разработкой. На курсе вы получите фундаментальные навыки и сможете комплексно решать задачи, связанные с digital‑проектами

laptop

На курсе изучите основные инструменты веб‑разработчика

HTML
    Язык разметки гипертекста (Hypertext Markup Language) контролирует содержимое и разметку того, что вы видите в браузере

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

СSS
    Каскадные таблицы стилей (Cascading Style Sheets) для настройки внешнего вида элементов HTML на странице

    CSS — это язык стилей, определяющий отображение HTML‑документов и позволяет более точно работать над внешним видом страницы. Освоив CSS вы научитесь работать со шрифтами, цветом, полями, строками, высотой, шириной, изображениями, позиционированием элементов и многими другими вещами, помогая сделать сайт более динамичным и удобным

JavaScript
    Сценарный язык программирования для придания интерактивности веб‑страницам

    Сценарный язык программирования для придания интерактивности веб‑страницам. Результат выполнения сценариев отображается на странице, вызывая изменения. Освоив его, можно отслеживать любые манипуляции пользователя на странице (прокрутку, нажатие любой клавиши, клики мышкой, увеличение или уменьшение рабочей области экрана). Через него можно получить доступ к любому элементу HTML‑кода и делать с этим элементом множество манипуляций. Можно загружать данные не перезагружая страницу, выводить сообщения, считывать или устанавливать cookie и множество других действий

PHP
    Язык программирования общего назначения с открытым исходным кодом (Hypertext Preprocessor)

    Скриптовый язык общего назначения, интенсивно применяемый для разработки веб‑приложений. Знания PHP позволяют работать с POST и GET‑параметрами, взаимодействовать с большим количеством различных систем управления базами данных, автоматизированной отправки HTTP‑заголовков, работой с HTTP‑авторизацией, cookies и сессиями, работать с локальными и удалёнными файлами, сокетами, обработка файлов, загружаемых на сервер, работа с XForms

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

Представьте, что вы снова попали в школу, только учитель работает с вами удаленно, знанию даются на порядок круче, а ритм обучения не позволяет расслабиться
  • 1
    Посмотрели видеолекцию
    Записанную в студии с отличным качеством видео и звука
  • 2
    Сделали задание
    и отправили на проверку в любое удобное время через личный кабинет
  • 3
    Видеоразбор вашей работы
    С описанием всех ошибок и инструкцией, как их исправить
  • 4
    Исправили ошибки
    Если их было много — проходим проверку еще раз. Халтуру мы не любим, так разработчиком не стать. После проверки двигаемся дальше
devices
Можно учиться в удобном месте, со смартфона, планшета или ноутбука
cloud
У вас всегда есть доступ к материалам курса — просматривайте в любое время

Программа

Курс длится 12 месяцев и состоит из 3 основных блоков
1. Введение
  • Как работают сайты. Backend и frontend. Вёрстка
  • Как выглядит и из чего состоит код веб-страницы
  • Установка среды разработки Sublime Text
  • Простая веб-страница на HTML. Тэги и атрибуты
  • CSS-стили. Селекторы, параметры и значения
  • Прототипирование веб-страниц. Axure
2. HTML
  • Структура HTML5-документа
  • Обзор и демонстрация работы всех HTML-тэгов
  • Табличная вёрстка
  • Семантическая вёрстка. Стандарты и валидность
  • Шаблонизаторы: jade, twig, haml
3. CSS - основы
  • Написание селекторов (id, class, вложенные элементы)
  • Основные inline- и block-стили. Свойство display
  • Позиционирование элементов (position, float)
  • Блочная вёрстка
  • Препроцессоры: sass, less, stylus
4. Основы JavaScript
  • Как подключается и как выглядит код на JavaScript
  • DOM-модель. Применение стилей к элементам с помощью jQuery
  • События в DOM-модели. Работа с событиями с помощью jQuery
  • Нативный JavaScript. Контексты и прототипы
  • Обзор JavaScript-фреймворков: устаревшие (Ember, Backbone, Knockout) и новые (Angular, React, Vue)
5. Адаптивность и кроссбраузерность
  • Способы работы с адаптивностью. Media-запросы
  • Flexbox
  • Понимание работы с сетками (bootstrap, semantic ui, foundation)
  • Разнообразие и особенности браузеров
  • Инструменты проверки и обеспечения кроссбраузерности
6. Оформление
  • Изображения. Форматы и сжатие. Иконка favicon
  • Спрайты, iconfonts, SVG-спрайты
  • Шрифты. Подключение и особенности
  • Рисование на веб-странице. SVG и Canvas
7. CSS - advanced
  • Extended-селекторы и псевдо-классы (> + ~ nth-child hover)
  • Псевдо-элементы :before, :after
  • Тени, градиенты, форма границ, clip-path
  • Трансформации элементов (transform, transition)
  • CSS naming conventions. Методология БЭМ
8. Инструменты верстальщика
  • Инструменты командной разработки. Git
  • Структура проекта и автоматизация процесса разработки. Сборщики проектов: Gulp, Grunt, Bowe
  • Медленные устройства и “плохой Интернет”. Минификация, сжатие, оптимизация
  • Основы работы с Photoshop: слои, базовые операции (нарезка, передвижение, изменение размеров)
  • Обзор альтернатив Photoshop'a: Adobe Extract, Zeplin, Avocode, Sketch, Figma, Adobe XD
  • Другие среды разработки. WebStorm, PHPStorm
1. Знакомство с языком
  • Что умеет JavaScript и почему он так популярен?
  • Инструменты разработчика
  • Hello, world!
  • Синтаксис языка
2. Основы
  • Числа
  • Строки
  • Логические (булевые) значения
  • NaN (Not a Number)
  • Infinity
  • Математические операторы
  • Переменные
  • Преобразование типов
  • Условия
  • Циклы
3. Функции
  • Объявление и вызов функций
  • Аргументы
  • Локальные и глобальные переменные
  • Hoisting
  • Возвращаемые значения
  • Рекурсия
4. Массивы и объекты
  • Понятие объектов
  • Объекты в JavaScript
  • Перебор свойств объекта
  • Массивы
  • Стандартный объект Math
  • Стандартный объект String
  • Стандартный объект Array
  • Стандартный объект Date
5. Расширеный материал: Замыкания
  • Глобальный объект window
  • Сборщик мусора
  • Замыкания
  • IIFE
6. Расширеный материал: Объекты и конструкторы
  • Функции-конструкторы
  • Контекст вызова
  • Привязка контекста (call, apply и bind)
7. Расширеный материал: Объектно-ориентированное программирование
  • ООП. Наследование, инкапсуляция, полиморфизм
  • Функциональное наследование
  • Прототипное наследование
  • Прототипы стандартных объектов
8. Расширеный материал: Разное
  • Объект arguments
  • setTimeout и setInterval
  • Выполнение кода через eval
  • Обработка исключений (throw, catch)
  • Регулярные выражения
  • Строгий режим (strict mode)
9. Расширеный материал: JavaScript в браузере; DOM
  • DOM
  • Порядок выполнения скриптов
  • Селекторы
  • Свойства и методы элементов
  • События и обработчики
  • Погружение и всплытие событий
10. Расширеный материал: Web API
  • Console
  • Window
  • Document
  • Информация о браузере и истории переходов
  • LocalStorage и SessionStorage
  • ContentEditable
  • Разнообразие Web API
11. Расширеный материал: Клиент и сервер
  • Клиент-серверное взаимодействие
  • Запуск локального сервера
  • AJAX и callback
  • JSON и Promise
  • API и WebSocker
12. Расширеный материал: jQuery
  • Библиотека jQuery. Интро
  • Библиотеки и frameworks. Интро
  • Возможности jQuery
  • Анимация
  • AJAX
  • Плагины
13. Расширеный материал: Современный JavaScript; ES 2015
  • История стандарта ECMAScript. Интро
  • Транспиляция и полифиллы
  • Let и const
  • Деструктуризация
  • Rest и spread
  • Template strings
  • Стрелочные функции и параметры по умолчанию
  • Классы и наследование
14. Расширеный материал: Сборка проектов
  • Что такое сборка проектов и для чего она нужна?
  • Node.js
  • npm
  • Gulp
  • Webpack
15. Расширеный материал: React
  • DOM и императивный подход. Интро
  • React и декларативный подход
  • Подготовка рабочего пространства
  • Простое React-приложение
  • Разделение на компоненты
16. Расширеный материал: Redux
  • Ключевые принципы Redux
  • Установка зависимостей и разделение на компоненты
  • Создание store и reducers
  • Создание actions
  • Запуск приложения
17. Предэкзаменационные материалы: Бонус
  • Библиотеки и фреймворки 2017
  • Развитие стандарта ECMAScript
  • Тестирование кода
  • Обработка исключений (throw, catch)
  • Регулярные выражения
  • Строгий режим (strict mode)
1. Введение в программирование
  • Установка, настройка и принцип работы веб-серверов
  • Среда разработки
  • Синтаксис, типы данных (определение / изменение), переменные, константы
  • Массивы
  • Объекты
  • Выражения (скалярные / не скалярные)
2. Протокол HTTP/HTTPS
  • Стандарт протокола
  • Методы протокола
  • Заголовки запроса/ответа
  • Статусы сервера
  • Безопасность передачи данных
3. Структура управления данными. Базовые концепции PHP 7
  • Встроенные константы, суперглобальные переменные
  • Встроенные базовые функции
  • Функции подключения файлов
  • Использование комментариев
  • Условные операторы, тернарные операторы
  • Встроенные базовые функции для ежедневной работы
  • Циклы (операторы, рекурсия, проблема бесконечных циклов)
4. Пользовательские функции
  • Определение и вызов функции
  • Аргументы функции (уточнение типов данных)
  • Возврат значений
  • Область видимости
  • Передача аргументов по ссылке
  • Статические переменные
  • Глобальные переменные
5. Файлы и каталоги
  • Открытие файла, режимы работы
  • Чтение и запись в файл
  • Функции работы с файлами
  • Функции по работе с каталогами
6. Cookie/Session
  • Что такое Cookie/Session
  • Создание / изменение / удаление
  • Параметры
7. База данных MySQL
  • Общие сведения о БД
  • Общие сведения о серверах БД
  • Реляционная база данных (нормальные формы)
  • Форматы таблиц БД (MyISAM, InnoDB)
  • Установка соединения
  • Создание БД, пользователей и таблиц
  • Синтаксис базовых запросов
  • Экспорт и импорт БД
  • Подготовленные запросы
  • Архитектура построения структуры таблиц БД

Преподаватели курса

Даниил Пилипенко
Даниил Пилипенко
Директор центра SymbioWay

Более 10-ти лет работает в сфере Java разработки. Долгое время являлся ведущим разработчиком «Ютинета», руководил отделом разработки ПО в издательстве «Вокруг Света»

Куратор курса Веб-верстка

Егор Яковишен
Егор Яковишен
Senior Frontend Developer Setka

Участвовал в разработке более 200 проектов, крупные клиенты: PepsiCo, Tetra Pak и т.д.
C 2015 года в Setka (технологический стартап выросший в издательском доме Look at Media)

Куратор курса JavaScript с нуля

Василий Грудистов
Василий Грудистов
Технический директор QSOFT

Руководитель Департамента разработки в компании QSOFT. Аналитик-проектировщик высоконагруженных, отказоустойчивых систем. Опыт программирования более 15 лет

Куратор курса PHP

Юрий Тинюков
Юрий Тинюков
Team-leader QSOFT

Владеет технологиями: PHP, JavaScript, 1С-Битрикс, Laravel, MySQL, React Native.
Общий стаж программирования более 6 лет

Преподаватель курса PHP

Сергей Иванов
Сергей Иванов
Team-leader QSOFT

В компании QSOFT участвовал более чем в 40 проектах. Использует технологии: PHP, JavaScript, 1С-Битрикс, Laravel, MySQL.
Стаж программирования на PHP более 6 лет

Преподаватель курса PHP

Что вы получаете, обучаясь на курсе

Функциональная система обучения
Быстрый старт и практика
Пожизненный доступ к модулям
Структурированный учебный материал
Портфолио из работоспособных проектов
Возможность уйти в академический отпуск
Собственный график
Персональный менеджер
Преподаватели-практики
Качественный видеоконтент
Система мотивации
3 дипломных проекта в портфолио

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

Резюме
Иван Иванов
Веб-разработчик
Ключевые навыки:
Основы html/css
HTML5 и CSS3
Адаптивная и кроссбраузерная верстка
JavaScript и библиотека jQuery
React и Redux
Знание Node.js
Web API
PHP и PHP.7
Протокол HTTP/HTTPS
Работа с базой данных MySQL
Топовые компании всегда в поисках специалистов
Кодинг совершенно не такой, как был даже 3 года назад.
Задачи и особенности меняются очень быстро. Именно поэтому, — часто после 5 лет университета надо переучиваться заново.
HTML/CSS - адаптивная и кроссбраузерная верстка
JavaScript и фреймворки React и Redux
PHP и работа с MySQL
120
тысяч рублей — средняя заработная плата программиста
591
вакансий, подходящих вам после прохождения курса на сайте hh.ru

Итоги программы

Целый год практики

Минимум теории и максимально практические задания. Целый год вы будете кодить на разных языках веб-разработки и работать с основными инструментами программирования под руководством кураторов

Проверенная методика работы

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

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

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

Портфолио

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

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

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

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

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

Три дипломные работы

В конце каждого курса необходимо сдать дипломную работу, которая подтвердит вашу квалификацию
1

Вёрстка landing-page

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

2

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

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

3

Свой Task-tracker

На основе верстки сделаете функциональный сайт для создания и отслеживания задач, который продемонстрирует ваши знания в back end разработке

Диплом по окончании

После прохождения курса и выполнения всех дипломных работ вы получите диплом Веб‑разработчика

Образовательная
онлайн-платформа SkillBoх

Это студия профессиональной видеозаписи, команда методистов, служба поддержки клиентов, методика индивидуальной проверки домашних заданий в онлайне, а также большое сообщество наших студентов и выпускников
Студентов
1 000
каждый месяц
Преподавателей
69
онлайн-платформы
Вебинаров
48
каждый месяц