Курс по фронтенду для новичков и тех, кто уже в теме
Глубокое изучение фреймворков — 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.
Координаторы постоянно на связи, чтобы решить любой организационный вопрос. Их задача — мотивировать студентов и помочь дойти курс до конца.
Теория разбита на короткие блоки, после которых обязательно идёт практика.
Вы смотрите короткие видео, изучаете текстовые материалы и приступаете к заданиям, чтобы закрепить знания.
Учитесь в любое время и в любом месте с мобильного, планшета или ноутбука
Чтобы стать фронтенд-разработчиком, нужно изучить основу основ — 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 лет. И я живу в городе Санкт-Петербурге.