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

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

Практический годовой курс для тех, кто горит желанием претендовать на звание fullstack веб‑разработчика, хочет запустить свой интернет‑проект или веб‑сервис и получить первые заказы на разработку
скидка
30%
первым 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
  • Тестирование кода
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 дипломных проекта в портфолио

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

Резюме
Иван Иванов
Fullstack веб‑разработчик
Ключевые навыки:
Основы 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

Сервис для управления задачами

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

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

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

Гарантия успешной карьеры

Мы предоставляем каждому из наших студентов возможность стажировки в топовых компаниях России, а также помощь в трудоустройстве и прохождении собеседований
Подготовка к работе мечты
Посещайте занятия, разработанные лучшими преподавателями в отрасли веб-разработки
Стажировка для веб‑разработчиков
Ваше портфолио пополнится реально выполненным проектом
Стажировка проходит в ведущих компаниях

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

Максимально практическое обучение от лидеров digital-рынка. Курсы от компаний, оттачивающих мастерство на реальных проектах. После обучения возможность получить работу
в этих компаниях или у партнеров университета.
82 %
выпускников довольны
курсом и результатом
89 %
студентов довольны
преподавателями
94 %
выпускников получают
карьерный рост
20 128
студентов проходят курсы
Партнеры курсов
Showreel Skillbox
Наши курсы меняют жизни тысяч людей к лучшему каждый день
124 194
подписчиков в соцсетях

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

Компания 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