Профессия Frontend-разработчик с нуля до PRO

все курсы

Программирование

4.4

5 отзывов

Сложность

Начинающий

Тип обучения

Профессия

Формат обучения

С проверкой домашнего задания

Трудоустройство

Гарантия

Сертификат

Да

Стоимость курса

бесплатно

есть рассрочка

Кому подойдёт этот курс

Абсолютным новичкам
Пройдёте путь от человека, далёкого от IT, до уверенного веб-разработчика с навыками командной работы. Сможете начать карьеру в перспективной IT-студии.

Начинающим программистам
Прокачаете навыки вёрстки, научитесь работать с фреймворками и создавать десктопные приложения на JS. Станете востребованным веб-разработчиком и поймёте, как развиваться в профессии.

Что вы получите после обучения

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

CRM

DOM

Figma

Frontend

Npm

Сертификат, ссылками на который можно делиться с другими людьми

Образовательная организация

Skillbox

3375 отзывов

Российская интернет-компания из сферы онлайн-образования, основанная в 2016 году. Контрольный пакет ООО «Скилбокс» принадлежит VK. Компания считается лидером российского рынка профессионального онлайн-обучения. Она также лидирует в сфере обучения профессиям, связанным с цифровой экономикой и Интернет-рекламой.

Skillbox — российская компания, которая специализируется на онлайн-образовании. Skillbox называет себя онлайн-университетом востребованных профессий.

Образовательные программы сервиса сосредоточены на четырех основных направлениях:

дизайн;
программирование;
маркетинг;
управление.

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

Образовательная платформа Skillbox была запущена в 2016 году. Компанию основали Игорь Коропов (1989—2020) и Дмитрий Крутов.Позже к ним присоединились Андрей Анищенко и Сергей Попков.Генеральным директором компании с момента основания является Дмитрий Крутов.Skillbox дважды получила «Премию Рунета»: в 2018 году в номинации «Образование и кадры», и в 2019 году в номинации «Технологии и инновации»

В феврале 2019 года Mail.Ru Group приобрела 3 % компании, затем в марте увеличила долю до 10,33 %, и, наконец, до 60,33 % в декабре того же года.Согласно годовому отчёту Mail.Ru Group, контрольный пакет компании обошёлся ей в 1,6 млрд руб.

В ноябре 2019 года РБК включил компанию в рейтинг 35-и крупнейших EdTech компаний России, поставив Skillbox на 6-ое место. В 2020 году в рейтинге топ-10 крупнейших EdTech-компаний, составленном РБК, Skillbox переместилась на 2-ое место.

В октябре 2020 года Mail.Ru Group увеличила свою долю в компании до 70 %. В ноябре 2020 года сооснователь платформы Игорь Коропов погиб в Сочи.

Программа курса

Содержание курсов

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

Веб-вёрстка. Уровень 1

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

Javascript. Уровень 1

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

Веб-вёрстка. Уровень 2

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

JavaScript. Уровень 2

События браузера, контекст выполнения.
Модули.
Event loop и асинхронная разработка.
Обработка ошибок.
Классы.
События.
Экосистема JavaScript и npm.
Сборка.
Тестирование.
База знаний.

Node

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

TypeScript, часть 1

Введение.
Компиляция и примитивные типы.
Применение типов.
Типизация ООП.
Дженерики.
Утилитарные типы.
Дополнительные типы.

Выбор направления

Vue.js

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

React.js

Введение в React.
Создание проекта.
TypeScript (Предложение).
Компоненты на примере новостной карточки Reddit.
Hooks и Функциональное программирование.
Больше о компонентах и введение в тестирование компонентов.
Работа с публичным API на примере Reddit.
API + контекст.
Портал и форма.
Введение в Redux на примере новостной ленты.
Использование Redux-Thunk на примере бесконечной ленты.
Формы на примере комментариев и карточки поста.
Сайдбар + роутинг.
Бонус: Mobx.

Основные курсы после выбора специализации

Typescript под Vue/React/Angular

tsconfig
бандлинг
Spread Types
Infer
Conditional types
Маппинг типов
Еще немного про ооп
Декораторы
Миксины
Неймспейсы
Алгебраические типы
Тестирование типов
Строковые типы для разбора строк
Сложные типы

Angular

Введение в Angular.
Создаём UI Kit.
Каталог товаров.
Машрутизация.
Сервисная архитектура в Angular.
HTTP Advanced.
RXJS: Поиск товаров.
Формы в Angular.
Страница товара.
Улучшаем приложение.
RXJS & Components Advanced: корзина товаров.
Тестирование.
Способы организации обмена данными.
Дополнительные идеи.

TypeScript Pro

SOLID.
Сложные типы.
Строковые типы для разбора строк.
Абстрактные алгебраические типы.
Тестирование типов.
DDD.
Чистая архитектура.
Чистая файловая структура.

Дополнительные курсы

Системы контроля версий, знакомство с Git

Работаем с Git на своём компьютере.
Работаем с удалённым репозиторием.
Командная работа в Git.
Сравнение версий и отмена изменений.
Инструменты и правила работы с Git.
В результате. Научитесь вести контроль версий ваших проектов в Git. Этот навык поможет вам совместно работать в команде.

Работа с командной строкой Bash

Что такое командная строка.
Работа с файлами и папками.
Авторизация и права доступа.
Процессы, сервисы и задачи.
Конфигурация и инструменты.
Написание скриптов на Bash.
Использование Bash на примере настройки веб-сервера.
В результате. Научитесь управлять файловой системой компьютера при помощи командной строки. Ускорите работу и будете меньше времени тратить на рутину.

Figma

Введение в Figma. Обзор возможностей.
Работа с графикой.
Редактор Figma — модульные сетки и монтажные области.
Создание и настройка компонентов, работа с эффектами.
Создание вложенных компонентов. Auto Layout.
Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
Прототипирование.
Figma Animate.
Бонус-модуль. Обзор и применение Figma plugins.
В результате. Познакомитесь с графическим редактором, в котором вам будут присылать макеты для вёрстки. Научитесь извлекать цвета, шрифты, стили и даже попробуете себя в роли веб-дизайнера.

Photoshop для веб-разработчика

Введение в Photoshop.
Инструменты.
Работа с файлами и изображениями
Принципы работы со слоями и масками.
Бонус-модуль. Выделения и маски.
Работа со слоями.
Эффекты.
В результате. Научитесь основам работы в редакторе Photoshop.

Английский для IT

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

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

Как стать первоклассным программистом.
Вёрстка email-рассылок. Советы на реальных примерах.
The state of soft skills.
Как мы создавали карту развития для разработчиков.
Как эффективно работать с почтой.
Повышение своей эффективности.
Спор о первом языке программирования.
Саморазвитие: как я не усидел на двух стульях и нашёл третий.
Data-driven-подход к продуктивности — инсайты из данных миллиона людей.
Протокол HTTP.
Введение в алгоритмы.
В результате. Получите полезные навыки, которые пригодятся вам на новой работе.

Карьера и развитие программиста

Что нужно работодателю.
Как создать резюме и искать работу.
Как успешно пройти собеседование.
Как пройти испытательный срок.
В результате. Получите полезные советы по дальнейшему развитию карьеры.

Итоговые проекты

Лендинг

Сверстаете лендинг для арт-галереи Blanchard по макету от заказчика.

Страницы для интернет-магазина

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

Стажировка в команде: разработка CRM-системы

Вместе с командой студентов и тимлидом разработаете сервис управления бизнесом для компании. Через ваше приложение сотрудники смогут отслеживать списки сделок, клиентов, следить за документооборотом. Вы пройдёте через все этапы разработки коммерческого ПО в компании и будете готовы к командной работе.

Интернет-магазин (на выбор)

Разработаете frontend для агрегатора товаров на Vue или Angular.

Трекер задач по методу Pomodoro (на выбор)

Напишете трекер задач с таймером на фреймворке React.

Сервис заметок на Node.js

Разработаете сервис заметок с возможностью автосохранения, удаления, выгрузки в PDF, поиска по заметкам и бесконечным скроллом. Результат задеплоите на сервер.

Банк-клиент

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

Рейтинг курса

4.4

рейтинг

Отзывы о курсе

5 отзывов

по рейтингу

по дате

НЕ пожалел, купив курсы от Skillbox!

Достоинства: Подача материала, дополнительные материалы, кураторы, чаты и их помощники, в целом сама платформа и удобство её использования! Недостатки: Лично у меня их не было, но я слышал, что бывало, что кураторы долго отвечают! :) Курсы классные, есть как простые моменты, так и не простые. Лично мне не всё давалось с первого раза. Курс я приобретал по профессии "Frontend-разработчик c нул...

Обучайтесь в Skillbox и не пожалеете!

В Skillbox я обучаюсь уже полгода на "Фронтенд-разработчика" с нуля, а также учу английский язык. Информацию на платформе дают очень доступно и понятно, а если всё же остаются вопросы, то я могу их задать своему куратору или в Телеграмм-чате. Обучение поделено на отдельные модули по темам, просмотрев видео-уроки надо выполнить домашнюю работу, при выполнении которой, приходится применять все получ...

Отличный курс по вёрстке

Достоинства: Всё описал в отзыве Недостатки: Иногда тормозили видео уроки В какой то момент жизни понял, что работать в продажах всю жизнь - это совершенно не то, что я хочу, было решено менять профессию. Посидел, подумал, что мне может понравиться - пришел к выводу, что, как пользователь, очень люблю качественные и красивые сайты и решил, что круто бы было уметь их самому создавать и выбрал...

Профессия: Frontend-разработчик с нуля до PRO

Достоинства: Программа, преподаватели, учебные и внеучебные чаты, центр трудоустройства, вебинары Недостатки: Стоимость (но оно того стоит) Учусь на Frontend-разработчика в Skillbox уже год, хотела бы поделиться своим опытом. Когда я отдавала кругленькую сумму за курс, меня, честно говоря, душила большая такая жаба =) Но чем дальше учусь, тем больше понимаю, что решение было верным. Еще бол...

Слишком дорого за такие знания

У меня сложилось впечатление, что курс намеренно растянут, чтобы заработать больше денег. Я через пару месяцев ушел со Skillbox из-за того, что почти не было практики. Обучился Front-end с нуля за 7 месяцев офлайн в Москве в школе на Шлюзовой набережной - и дешевле, и быстрее, и атмосфера совсем другая. Курсам Skillbox советую поубавить пафос и давать знания, а не брать деньги. Кому нужна ваша т...