Веб-разработчик от Skillbox

Основные курсы

Веб-вёрстка. Базовый уровень

• Знакомство с курсом.
• Базовый HTML.
• Базовый CSS.
• Работа с макетом.
• Layout. HTML-разметка.
• Layout. Flexbox.
• Layout. Стилизация.
• Продвинутый HTML.
• Продвинутый CSS.
• Сетки.
• Адаптивность. Десктоп и планшет.
• Адаптивность. Мобильные устройства.
• JavaScript для верстальщика.
• Доступность.
• Кросс-браузерность.
• База знаний.
• Работа с хостингом.
• Анимация.

Веб-вёрстка. Продвинутый уровень

• Верстка HTML-писем.
• SVG.
• Анимация на JS.
• Оптимизация и процесс загрузки.
• Сборщики.
• Препроцессоры и постпроцессоры.
• CSS Grid.
• CMS.
• База знаний: часть 2.
• Будущее вёрстки.

JavaScript. Базовый уровень

• Введение.
• Переменные и работа с числами.
• Строки, boolean и условные операторы.
• Массивы и циклы.
• Функции.
• Объекты.
• Введение в DOM.
• Константы, области видимости и замыкания.
• Преобразование типов и нестрогие сравнения.
• Обработка событий и пользовательский ввод.
• Разработчик и soft skills.

JavaScript. Продвинутый уровень

• Модули.
• npm, package.json.
• Event loop и асинхронная разработка.
• Методы объекта и прототипы.
• Тестирование.
• Обработка ошибок.
• Общение с сервером, async/await.
• События.
• ООП и его реализация в JavaScript.
• ФП, работа с массивами и строками.

PHP

• Введение в программирование.
• Структура управления данными. Базовые концепции PHP 7.
• Протокол HTTP/HTTPS.
• Пользовательские функции.
• Файлы и каталоги.
• Cookie/Session.
• База данных MySQL.
• Курсовая работа.
• Объекты (базовые понятия).
• Принципы.
• Объекты (расширенные понятия).
• Функции и стандарты по работе с классами.
• Исключения и другие встроенные классы.
• ООП. Шаблоны.
• Подготовка среды обучения. Ручной режим.
• Архитектура и проектирование.
• Структура проекта Laravel.
• GIT и командная разработка.
• Laravel — начинающий уровень.
• Laravel — продвинутый уровень.
• Eloquent ORM и база данных.
• Laravel. Очереди и WebSocket.
• Laravel. Кеширование и оптимизация.

Node.js

• Введение.
• Подготовка рабочей среды.
• Hello, world!
• Решаем базовые задачи.
• Асинхронный код.
• Express.js.
• Базы данных, Реляционные ДБ.
• Базы данных, Нереляционные БД.
• CLI программы.
• Углубляем теорию + продвинутые понятия.
• Real-time & WebSockets.
• Pro tips.
• Информация о дипломном проекте.

Курсы на выбор

React.js

• Введение в React.
• Создание проекта.
• Компоненты на примере новостной карточки Reddit.
• Больше о компонентах и введение в тестирование компонентов.
• Работа с публичным API на примере Reddit.
• Введение в Redux на примере новостной ленты.
• Использование Redux-Thunk на примере бесконечной ленты.
• Сайдбар + роутинг.
• Формы на примере комментариев и карточки поста.
• Оптимизируем приложение.
• SSR + Next.JS.
• Бонусный модуль: MobX.

Vue.js

• Основы Vue.
• Создание проекта.
• Каталог товаров.
• Пагинация и фильтрация.
• Страница товара.
• Корзина.
• Работа с API. Список товаров.
• Работа с API. Оформление заказа.
• Деплой.

Angular

• Введение в Angular.
• Вывод списка товаров.
• RxJS: поиск товаров.
• Работа с http. Улучшенный список товаров.
• RxJS & Components Advanced: корзина товаров.
• Роутинг: страница товара.
• Формы: checkout.
• Авторизация и защищённые зоны.
• Тестирование.
• Способы организации обмена данными.
• Advanced Practice.
• Advanced Practice: куда расти.

Бонусные курсы

Английский для IT-специалистов

• Терминология.
• Чтение документации и библиотек.
• Общение на форумах.
• Ресурсы технологических новостей.
• Произношение слов.
• Коммуникация.
• Акценты.
• Просмотр видеооригиналов.

Универсальные знания программиста

• Как стать первоклассным программистом и чем он отличается от кодера.
• Какими soft skills должен обладать программист.
• Как общаться по почте и эффективно работать с ней.
• Карта развития для разработчиков.
• Data driven подход к продуктивности — инсайты из данных миллиона людей.
• Как искать заказы на разработку.
• Личный бренд разработчика.
• Вёрстка email-рассылок. Советы на реальных примерах.

Онлайн-сессии по веб-разработке

• Адаптация макета под мобильные устройства.
• Практикум по интерактивным элементам.
• Что такое Webpack.
• Сборка проекта на Gulp и обзор препроцессора Sass.
• Анимация в CSS.
• Вёрстка писем.

Веб-дизайн с нуля

• Введение и первый результат.
• Тренды, подготовка, мудборды.
• Работа со стилями. Создание GUI.
• Главная страница, первые шаги.
• Основы работы с графикой.
• Декомпозиция.
• Навигация и структура.
• Интересная подача информации.
• Формы и кнопки.
• Адаптивность и мобильная версия.
• Цвета, настроение. Промостраница мероприятия.
• Декомпозиция промостраницы.
• 3D-элементы в Photoshop.
• Разработка презентации проекта.
• Передача проекта в вёрстку.
• Первый кейс на Behance.

Веб-дизайн PRO

• Специализация и личное позиционирование.
• Концептуальный дизайн.
• Введение в UX.
• Портреты пользователей и CJM.
• Стилеобразующие элементы. Иконки.
• Типографика PRO.
• Когда верстальщик не пригодился. Readymag.
• Продвинутая презентация.
• Копирайтинг.
• Погружение в мир 3D. Cinema 4D и Blender.
• Adobe XD.
• Кейс на 1 000 лайков.
• План развития дизайнера на 3 года.
• Бонус-модуль. Инфографика (РИА «Новости»).

Git и командная разработка

• Системы контроля версий, знакомство с Git.
• Основы работы с Git.
• Работа с удалёнными репозиториями.
• Работа с ветками.
• Другие инструменты Git.

Руководитель digital-проектов

• Экологичный путь менеджера.
• Релиз-менеджмент: готовим проекты к запуску.
• Требовательность digital-продюсера.
• Аналитика. Базовые навыки.
• Как пасти котов: правильное делегирование в IT.
• Переговорные навыки: цикл продаж.
• Переговорные навыки: провокации и работа с возражениями.
• Оценка и декомпозиция digital-проектов.
• Управление временем.
• Scrum: передовая методология управления современными digital-проектами.
• Решение факапов. Lean/TOC. Обзор.
• Интеграционные проекты.
• Управление дизайнерами. Разработка дизайна по Scrum.
• Основы технической грамотности.
• Контроль. Риски. Поощрения. Наказания. Обратная связь.
• Бонус-модуль. Работа с типовыми документами.

Программист «1C-Битрикс»

• Философия разработки. Подготовка рабочего места.
• Источник товаров и контента.
• Создание страниц и шаблонов.
• Стандартные компоненты.
• Каталог интернет-магазина.
• Карта товара.
• Оформление заказа.
• Личный кабинет.
• Доработка сайта.

Symfony

• Введение в Symfony
• Основы Symfony
• Шаблонизатор Twig
• Библиотека работы с базой данных Doctrine Orm
• Фикстуры и расширения Doctrine
• Связи в Doctrine ч1 Один ко многим
• Связи в Doctrine ч2 Многие ко многим
• Система аутентификации
• Роли, уровни доступов и безопасность
• Доступы по API
• Регистрация и классы Voter
• Знакомство с компонентом Форм
• Валидация, вывод и обработка формы
• Расширение полей и кастомная валидация
• Загрузка файлов в Symfony
• Сервис отправки электронных писем
• Система Событий
• Создание переиспользуемых бандлов для Symfony

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

Проекты по вёрстке

Вы сверстаете лендинг и интернет-магазин.

JavaScript

Напишете простую игру на JavaScript.

Vue.js/Angular

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

React.js

Создадите аналог социального новостного сайта Reddit с помощью React.js.

PHP

Вы сделаете 4 проекта: два интернет-магазина, личный сайт-блог и сервис-конструктор для блога на фреймворке Symfony.