Получить доступ
Эксклюзивный партнер
SkillFactory в Киргизии
burger
Каталог Программирование Профессия Frontend-разработчик PRO
Frontend-разработчик PRO
Профессия
Получите перспективную творческую профессию
У меня есть промокод
  • Курс по фронтенду для новичков и тех, кто уже в теме
  • Глубокое изучение фреймворков — React в связке с Next. js
  • Знания уровня middle
Курс по фронтенду для новичков и тех, кто уже в теме
Глубокое изучение фреймворков — React в связке с Next. js
Знания уровня middle
09 : 10 : 44 : 44
Скидка действует
Цена на курс вырастет с 1 октября

Онлайн-курс «Frontend-Разработчик с нуля до PRO»

Изучите JavaScript и TypeScript
Выполните 13 проектов в портфолио
Курс • с нуля
Длительность:
Формат обучения:
онлайн в удобное время
Старт:
9 декабря
14 мес
Фронтенд-разработка основана на трех китах — HTML (разметка страницы), CSS (стили) и JavaScript (собственно, сам язык программирования).

Помимо этого, программисты используют фреймворки (готовые шаблоны для кода), которые позволяют работать быстрее и эффективнее.

Из базовых фреймворков особенно популярен React, потому что имеет легко читаемый код, прост для освоения и работает на любых платформах.

Вы изучите также Next.js, который помогает React работать быстрее и упростит вашу жизнь как разработчика.

Кто такой frontend-разработчик

У специалистов с опытом выше зарплаты и больше шансов получить оффер

Начните работать во время учебы

Поэтому мы придумали Фэктори — хакатоны, конкурсы, стажировки и брифы, встроенные в обучение. Это возможность получить реальный опыт, обратную связь и оффер от компаний-заказчиков
Постоянные проекты на курсе «Профессия frontend-разработчик PRO»
Результаты положите в портфолио и презентуете на собеседованиях
Создадите сервис для поиска, покупки и оплаты товаров
Сделаете веб-приложение для проверки надежности подрядчиков
Разработаете сайт для блога
с полезной информацией
Стажировка с шансом попасть на работу — проходит раз в 3 месяца
Разовые активности
Проходят для разных курсов и потоков — можно присоединиться во время обучения и получить больше практики. Вот часть проектов, созданных нашими студентами в 2023 году:
Разработали и презентовали на выставке non/fiction Нейронезнайку — приложение
с кастомизированным голосовым помощником
Вместе с креативным агентством REDKEDS создали дизайн сайта для международной ярмарки современного искусства
Более 300 студентов разных направлений решали задачи от 7 партнеров. 25% участников продолжили работу с компаниями
Разовая стажировка
Хакатон — это соревнование, в котором специалисты из разных областей разработки за определенное время создают продукт для решения проблемы заказчика. Например, приложение, сайт, чат-бот, игру.
Мегахакатон — большое практическое мероприятие для студентов Skillfactory c участием IT-компаний. В отличие от обычного хакатона на один-два дня, Мегахакатон длится две недели — как полноценный спринт в современной компании
Мегахакатон
JavaScript — основной язык современного интернета. А TypeScript позволяет быстрее писать и поддерживать сложные программы. Поэтому его все чаще используют крупные компании.

Почему JavaScript и TypeScript?

JavaScript на первом месте по популярности языков по данным Github
Чтобы посмотреть как устроена работа в большой IT-компании
Чтобы быстрее влиться в среду
Чтобы расти в карьере и работать из любой точки мира
Для всех, кто думает о будущем
Новая IT-специальность даст опору в быстро меняющемся мире. Мы дадим основы и поможем вам стать увереннее в своих компетенциях.
Для новичков
Наш курс рассчитан на обучение с нуля. Программированию можно научиться, даже если у вас нет опыта в IT или технического образования.

Для кого этот курс?

Ваш путь во frontend-разработку

Этот маршрут уже проверен и обкатан на тысячах студентов. У вас точно получится!
Приняли решение учиться программированию
Начали учиться на курсе «Frontend-разработчик»
Сделали итоговый проект для портфолио
Разработали карьерную стратегию и резюме вместе с Центром карьеры
Натренировались проходить технические интервью с помощью Центра карьеры
Нашли работу мечты и приняли оффер!
Наши курсы ориентированы на тех, кто работает и хочет сам регулировать нагрузку. Занимайтесь без отрыва от работы и выделяйте на учебу столько времени, сколько есть прямо сейчас, — 15 минут или 2 часа в день.
Для развития навыков у нас есть 5 видов практики: тренажёры, тесты, домашние задания, проекты и хакатоны. Разнообразие форматов помогает усваивать знания максимально эффективно.
Все менторы — опытные практики из IT-индустрии. Они дают качественную обратную связь на задания, отвечают на вопросы и помогают студенту достичь своих целей во время обучения. Выпускники оценивают менторскую поддержку на 9,1 балла из 10.

Координаторы постоянно на связи, чтобы решить любой организационный вопрос. Их задача — мотивировать студентов и помочь дойти курс до конца.
Теория разбита на короткие блоки, после которых обязательно идёт практика.

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

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

Занимайтесь в своем темпе
80% обучения — практика в разных форматах
Менторы и координаторы помогут дойти до конца
20% обучения — интересная и важная теория

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

Верстка веб-страниц

3 месяца
Чтобы стать фронтенд-разработчиком, нужно изучить основу основ — HTML и CSS. С их помощью вы будете верстать веб-страницы.

Затем вы освоите адаптивную верстку, которая помогает подстраивать отображение созданных страниц под экраны разных устройств.

С этими навыками вы сможете брать заказы на фриланс-биржах, работать с GitHub и сохранять там свои проекты.
Вы научитесь:
Практика:
— 2 тренажера: HTML и CSS
— 70 задач на верстку
— 3 проекта: сайт-визитка, верстка лендинга по макету, верстка мобильной версии
— Создавать страницы на чистом HTML
— Позиционировать элементы на странице с помощью CSS
— Применять семантическую верстку
— Использовать средства разработчика в браузере
— Верстать адаптивные веб-страницы на Flexbox и Grid
— Использовать файлы формата SVG
— Работать в GitHub

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

3 месяца
JavaScript используют для создания фронтенда — страниц сайта, которые открываются в браузере.

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

Для этого вам понадобится узнать, что такое объектно-ориентированное программирование, и научиться применять ООП в JavaScript.

Познакомитесь с темами уровня middle — Canvas API и анимация. Освоите тестирование кода.
Вы научитесь:
Практика:
— Тренажер по Javascript
— 76 задач на Javascript
— Проекты: слайдер с фото, мини-игры на JS и на JS + Canvas API
— Писать простые программы на JavaScript, разбираться в типах данных
— Применять ООП в JavaScript
— Создавать сложные скрипты с обработкой событий
— Работать с форматами XML и JSON
— Пользоваться различными API в браузере
— Реализовать анимацию на JS
— Писать юнит-тесты

TypeScript и инструменты для разработки

3 месяца
TypeScript — язык программирования, который основан на JavaScript, но дает больше возможностей в ООП и поэтому лучше подходит для больших проектов. В ближайшее время все крупные компании будут его использовать.

Вы освоите темы уровня middle: программирование на TypeScript одностраничных сайтов, упаковка проектов в Webpack, оптимизация созданного приложения.
Вы научитесь:
Практика:
— 20 задач на TypeScript
— Проекты: книжный интернет-магазин на API, система комментариев на JS + Typescript
— Писать программы на TypeScript
— Подключать TypeScript к проекту и настраивать
— Использовать препроцессоры CSS
— Работать с интерфейсами по методологии БЭМ
— Создавать SPA
— Настраивать сборку проекта на Webpack
— Использовать инструменты оптимизации приложений: svg-спрайты, мемоизация, Lighthouse

Разработка с помощью React.js

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

Помимо этого, вы изучите фреймворк Next.js, чтобы в связке React + Next.js разрабатывать многостраничные сайты.

Познакомитесь с фреймворками Angular и Vue.js. Это расширит ваши возможности по выбору проектов.
Вы научитесь:
Практика:
— Тренажер по React.js
— Проекты: виджет с прогнозом погоды, канбан-доска на React.js + Typescript, интернет-магазин на React + Next.js
— Разрабатывать приложения на React
— Писать свои компоненты и хуки на React
— Создавать приложения на Angular и Vue.js
— Использовать Typescript в React-проектах
— Разрабатывать сайты на React + Next.js
— Применять библиотеку Redux на приложении React

Архитектура приложений и бэкенд

2 месяца
Сайт состоит из фронтенда и бэкенда. Фронтенд-разработчик должен разбираться в том, как устроен бэкенд — внутренняя работа программы на сервере.

Вы научитесь соединять фронтенд с бэкендом, для этого узнаете, что такое API и познакомитесь с Node.js. Знания закрепите на практике в виде code challenge.

Эти навыки вы примените для самостоятельного итогового проекта, который станет реальным доказательством ваших знаний.
Вы научитесь:
Практика:
— Code challenge на реализацию API
— Финальный проект: киносайт на API
— Подключать приложение к базе данных
— Разворачивать приложение на Node.js
— Проектировать и реализовывать Rest API
— Создавать документацию к своему API

Карьерный трек

1 месяц
Умение программировать — это хард скилы. Для успешной работы нужны еще софт скилы.

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

Если планируете брать заказы на фрилансе, мы поможем вам освоить работу на фриланс-биржах.
Вы научитесь:
Практика:
— Составление резюме, поиск вакансий или заказов
— Составлять резюме и сопроводительное письмо
— Готовиться к собеседованию
— Адаптироваться к работе в команде
— Оформлять свой профиль на фриланс-биржах
— Искать заказы на биржах и общаться с заказчиками

Верстка веб-страниц

3 месяца
Чтобы стать фронтенд-разработчиком, нужно изучить основу основ — HTML и CSS. С их помощью вы будете верстать веб-страницы.

Затем вы освоите адаптивную верстку, которая помогает подстраивать отображение созданных страниц под экраны разных устройств.

С этими навыками вы сможете брать заказы на фриланс-биржах, работать с GitHub и сохранять там свои проекты.
Вы научитесь:
Практика:
— 2 тренажера: HTML и CSS
— 70 задач на верстку
— 3 проекта: сайт-визитка, верстка лендинга по макету, верстка мобильной версии
— Создавать страницы на чистом HTML
— Позиционировать элементы на странице с помощью CSS
— Применять семантическую верстку
— Использовать средства разработчика в браузере
— Верстать адаптивные веб-страницы на Flexbox и Grid
— Использовать файлы формата SVG
— Работать в GitHub

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

3 месяца
JavaScript используют для создания фронтенда — страниц сайта, которые открываются в браузере.

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

Для этого вам понадобится узнать, что такое объектно-ориентированное программирование, и научиться применять ООП в JavaScript.

Познакомитесь с темами уровня middle — Canvas API и анимация. Освоите тестирование кода.
Вы научитесь:
Практика:
— Тренажер по Javascript
— 76 задач на Javascript
— Проекты: слайдер с фото, мини-игры на JS и на JS + Canvas API
— Писать простые программы на JavaScript, разбираться в типах данных
— Применять ООП в JavaScript
— Создавать сложные скрипты с обработкой событий
— Работать с форматами XML и JSON
— Пользоваться различными API в браузере
— Реализовать анимацию на JS
— Писать юнит-тесты

TypeScript и инструменты для разработки

3 месяца
TypeScript — язык программирования, который основан на JavaScript, но дает больше возможностей в ООП и поэтому лучше подходит для больших проектов. В ближайшее время все крупные компании будут его использовать.

Вы освоите темы уровня middle: программирование на TypeScript одностраничных сайтов, упаковка проектов в Webpack, оптимизация созданного приложения.
Вы научитесь:
Практика:
— 20 задач на TypeScript
— Проекты: книжный интернет-магазин на API, система комментариев на JS + Typescript
— Писать программы на TypeScript
— Подключать TypeScript к проекту и настраивать
— Использовать препроцессоры CSS
— Работать с интерфейсами по методологии БЭМ
— Создавать SPA
— Настраивать сборку проекта на Webpack
— Использовать инструменты оптимизации приложений: svg-спрайты, мемоизация, Lighthouse

Разработка с помощью React.js

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

Помимо этого, вы изучите фреймворк Next.js, чтобы в связке React + Next.js разрабатывать многостраничные сайты.

Познакомитесь с фреймворками Angular и Vue.js. Это расширит ваши возможности по выбору проектов.
Вы научитесь:
Практика:
— Тренажер по React.js
— Проекты: виджет с прогнозом погоды, канбан-доска на React.js + Typescript, интернет-магазин на React + Next.js
— Разрабатывать приложения на React
— Писать свои компоненты и хуки на React
— Создавать приложения на Angular и Vue.js
— Использовать Typescript в React-проектах
— Разрабатывать сайты на React + Next.js
— Применять библиотеку Redux на приложении React

Архитектура приложений и бэкенд

2 месяца
Сайт состоит из фронтенда и бэкенда. Фронтенд-разработчик должен разбираться в том, как устроен бэкенд — внутренняя работа программы на сервере.

Вы научитесь соединять фронтенд с бэкендом, для этого узнаете, что такое API и познакомитесь с Node.js. Знания закрепите на практике в виде code challenge.

Эти навыки вы примените для самостоятельного итогового проекта, который станет реальным доказательством ваших знаний.
Вы научитесь:
Практика:
— Code challenge на реализацию API
— Финальный проект: киносайт на API
— Подключать приложение к базе данных
— Разворачивать приложение на Node.js
— Проектировать и реализовывать Rest API
— Создавать документацию к своему API

Карьерный трек

1 месяц
Умение программировать — это хард скилы. Для успешной работы нужны еще софт скилы.

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

Если планируете брать заказы на фрилансе, мы поможем вам освоить работу на фриланс-биржах.
Вы научитесь:
Практика:
— Составление резюме, поиск вакансий или заказов
— Составлять резюме и сопроводительное письмо
— Готовиться к собеседованию
— Адаптироваться к работе в команде
— Оформлять свой профиль на фриланс-биржах
— Искать заказы на биржах и общаться с заказчиками
Техническое задание подготовлено сотрудниками компании СКАН.
У компании существует API для поиска публикаций о юрлице по ИНН в средствах массовой информации. Ваша задача — разработать клиентскую часть сервиса.

Финальный проект — разработка сервиса для поиска публикаций в СМИ

В ходе дипломного проекта вы проверите в деле навыки работы с  JavaScript, React.js и Redux.
За 4 недели создадите сервис, который можно будет показать работодателю на GitHub.
Вам нужно будет:
сверстать адаптивные страницы по готовому дизайну
настроить получение данных по API и обработку ошибок
сделать выдачу контента под уровень авторизации клиента
предусмотреть проверку на ошибки в полях формы

Реальные истории наших студентов

Узнайте, как преобразилась их жизнь
Екатерина Тарасевич
Санкт-Петербург
Всем привет, меня зовут Екатерина. Мне 29 лет. И я живу в городе Санкт-Петербурге.
Александр Журавлев
Минск
Всех приветствую. Меня зовут Александр. Я живу в городе Минске. Больше 20 лет я работаю врачом.
Марина Чигарева
Москва
Здравствуйте. Я Марина. Живу в Москве. Работаю главным бухгалтером.
Дмитрий Анпилогов
Саратов
Всем привет. Я Дмитрий из города Саратова. Уже 25 лет директор турагентства.
Валентин Шунайлов
Челябинск
Добрый день. Меня зовут Валентин. Я из города Челябинска.
Долговская Виктория
Каменск-Уральский
Добрый день, меня зовут Виктория. В настоящий момент я проживаю в городе Каменск-Уральский.
Валентин Ветюков
Всем привет. Меня зовут Валентин. Живу и работаю в Москве.
Москва
Антон Пальшин
Калининград
Всем привет. Меня зовут Антон. Живу в Калининграде. Работаю комплектовщиком.
Николай Шумаков
Москва
Привет. Меня зовут Николай, и я являюсь студентом Skillfactory по программе фронтенд-разработчик.
53 года, Москва
Привет. Меня зовут Алексей Журавлев. Я генеральный директор агентства Универсальный менеджмент.
Татьяна Мирко
30 лет, Москва
Добрый день. Я маркетолог. Учусь в Skillfactory по специальности фронтенд-разработчик.