Освойте фронтенд-разработку с нуля до junior-специалиста
Практика:
5 проектов в портфолио
Курс «Профессия JavaScript-разработчик»
Присоединитесь к новому потоку или начните учиться в удобное время
Вернем деньги, если не найдете работу
Мы уверены в качестве обучения, поэтому вернем деньги, если не найдете работу за 6 месяцев после прохождения курса.
Подробнее об условиях участия в
правилах Потому что именно этот язык чаще всего применяют в вебе. С его помощью сайты делают интерактивными: добавляют всплывающие окна, анимацию, кнопки лайков и формы для отправки информации. Его еще называют главным языком фронтенда — видимой стороны сайта, с которой взаимодействуют пользователи.
Почему JavaScript
JavaScript незаменим для веб-разработки — содержит много готовых решений, позволяет сократить количество запросов к серверу. Это помогает снизить нагрузку на сервер, экономить время и трафик.
Язык существует уже четверть века и остается одним из самых популярных. Он лидирует в рейтингах PYPL, Stack Overflow, W3Techs.
— три мини-курса для мягкого старта в IT
— скидку до 55% на любую программу
Стройте карьеру мечты с нами. Забирайте:
Зима закончится. Новые знания останутся навсегда
Новичкам
Программу может освоить каждый — независимо от технического бэкграунда
Фрилансерам
Сможете браться за сложные комплексные задачи и расти как специалист
Тем, кто хочет сменить профессию
Фронтенд-разработка — универсальная специальность, которая будет нужна и сейчас, и через 5−10 лет
Кому подойдет курс
7 из 10 работодателей нанимают людей с опытом
Вы получите реальный опыт
Это формат, где студенты решают реальные задачи бизнеса. У вас будет опыт, которого так не хватает выпускникам онлайн-школ. Вместе с ментором вы решите кейс для компании-партнера — и получите фидбэк от потенциального работодателя.
Реальный опыт даст студентам:
Реальные проекты в портфолио
Участие в стажировках и хакатонах
Шанс получить оффер от компании-заказчика
Опыт работы над проектом в команде
Поэтому мы придумали Фэктори
Веб-приложение для проверки контрагентов
Создадите сложную фронтенд-часть для поиска публикаций о юрлице с подключением по API. Это интересный проект от компании СКАН для реально существующего сервиса, который предназначен для проверки надежности подрядчиков. Получите обратную связь от заказчика, кейс в портфолио и шанс трудоустройства.
Разработчики онлайн-сервисов «Детского мира»
Вы создадите сервис, где можно искать игрушки и одежду, добавлять их в корзину и оплачивать. И вё это под руководством менторов и представителей от «Детского мира», которые оценят вашу работу.
Сервис YouTalk помогает людям найти своего психолога или терапевта. Вы же поможете компании найти новых клиентов — и разработаете сайт для их полезного блога. Результат можно положить в портфолио и презентовать работодателю.
Технологии и навыки, которые вы освоите
Цель курса — сделать из новичков полноценных разработчиков на JavaScript. Вы получите системную подготовку, набор базовых знаний и умений, чтобы разрабатывать визуальную часть веб-приложений.
EventLoop — цикл событий, ключ к асинхронному программированию на JavaScript.
Webpack — сборщик модулей, который позволяет скомпилировать JavaScript-модули в единый JS-файл.
React — это популярная библиотека языка программирования Javascript, которая применяется для создания пользовательских web-интерфейсов.
API — программный интерфейс приложения. В контексте API слово «приложение» относится к любому ПО с определенной функцией.
Angular — это фреймворк от компании Google для создания продвинутых бесшовных (одностраничных) веб-приложений — SPA.
Redux — это библиотека JavaScript.
Node.js — платформа с помощью которой можно запускать Javascript на сервере как большинство других языков программирования
JavaScript — один из самых популярных и распространенных языков программирования. Его используют для создания фронтенда — это страницы сайта, которые открываются в браузере.
HTML — это язык разметки документов для веб-страниц. С ним можно разбить текст на абзацы, сделать маркированные списки, добавить иллюстрации.
CSS — язык, который отвечает за описание внешнего вида HTML-документа.
GitHub — это облачная платформа для хостинга исходного кода IT-проектов.
JSON — это формат данных, который используется при взаимодействии веб-сервера и браузера. До создания формата JSON веб-сайты работали медленно.
Chrome DevTools — это набор инструментов, встроенных в браузер Google Chrome, для отладки сайтов.
Flexbox — это способ позиционирования элементов в CSS.
На курсе много практики, приближенной к реальности. Это визитная карточка Skillfactory. Вот что создают студенты в процессе обучения: сайт, слайдер, канбан-доску и клиентскую часть веб-приложения.
Ваши проекты на курсе
Канбан-доска на JavaScript
Часть веб-приложения на JS
Учитесь полдня или 15 минут — наши курсы для тех, кто хочет сам распоряжаться временем. Многие совмещают учебу в Skillfactory с работой фултайм и переходят в новую сферу меньше чем за год.
Занимайтесь в своем темпе
Выпускники оценивают менторскую поддержку на 9,1 балла из 10. Все потому, что менторы — опытные практики из IT-индустрии, которые могут много дать новичкам. Вы получите качественную обратную связь на задания, ответы на вопросы и заряд мотивации от человека, который когда-то тоже был новичком.
Координаторы решат любой организационный вопрос. Их задача — помочь студентам пройти курс до конца.
Менторы и координаторы помогут дойти до конца
Смотрите короткие видеоролики, а потом выполняйте задания. Так вы будете постепенно погружаться в материал и усваивать новые знания.
20% теории, 80% практики
Учитесь в любое время и в любом месте с мобильного, планшета или ноутбука
Тренируйтесь на кейсах компаний, делайте проекты по реальным брифам и закрепляйте навыки на стажировке. Каждому поможем оформить портфолио, составить резюме и подготовиться к собеседованию — даже если работодатель в другой стране.
Фокус на подготовке к трудоустройству
Как проходит обучение на платформе
— Выберите одну из десятков сфер применения JavaScript
— Работайте из любой точки мира
— Развивайтесь и получайте высокую зарплату
— Пользуйтесь льготами от российского правительства
Станьте крепким специалистом — тем, кто отработал навыки на реальных проектах
Попадите в перспективную сферу IT
Войдите в профессию, где вам будут рады и через пять, и через десять лет. Фронтенд-разработчиков ищут Сбер, Яндекс, МТС, Билайн, Тинькофф, VK, Aviasales, Ozon. По данным Минцифры, к 2027 году дефицит кадров в IT составит 2 млн человек.
Без знания верстки разработчику не обойтись. HTML и CSS нужны даже для простеньких сайтов. В этом блоке вы узнаете, как создавать адаптируемые страницы для разных устройств. И уже через месяц обучения сможете брать маленькие заказы на биржах.
Практика:
— 2 тренажера: HTML и CSS
— 70 задач на верстку
— 2 проекта: сайт-визитка и верстка лендинга по макету
— Выстраивать внешнюю логику сайта
— Писать страницы на чистом HTML
— Позиционировать элементы на странице с помощью CSS
— Создавать логичную и последовательную иерархию страниц при помощи семантической верстки
— Использовать Google DevTools, средства разработчика в браузере
— Верстать адаптивные веб-страницы на Flexbox
— Работать в GitHub
Программирование на JavaScript
JavaScript — популярный язык для создания фронтенда. Это клиентская часть сайтов, которая видна пользователям. Вы будете программировать на JavaScript и с его помощью решать конкретные задачи.
Практика:
— Тренажер по JavaScript
— 76 задач на JavaScript
— Проект: слайдер на сайте
— Использовать объекты и EventLoop
— Создавать сложные скрипты с обработкой событий
— Работать с форматом JSON
— Использовать препроцессоры CSS
— Работать по методологии БЭМ
— Применять сборщики (Webpack)
Разработка с помощью React. js
Освойте набор библиотек React. С его помощью можно управлять сложными событиями, создавать модульные проекты и добавлять анимацию на страницы сайта. Более того, изучение React позволяет освоить другие фреймворки — например, Angular и Vue.js. Это расширит ваши возможности по выбору проектов.
Практика:
— Тренажер по React. js
— 45 задач по React. js
— Проект: канбан-доска на React
— Разрабатывать приложения на React
— Писать компоненты на React
— Использовать продвинутый API
— Создавать приложение на Angular
— Создавать приложение на Vue. js
— Использовать анимацию на CSS или React
— Применять библиотеку Redux
Архитектура приложений и бэкенд
Если верстальщик отвечает за компоновку макета, то разработчик должен понимать, как все устроено изнутри. В этом блоке вы познакомитесь с серверной частью веб-сайтов — бэкендом. А еще поработаете с API и узнаете, как использовать Node.js.
Практика:
— 15 задач по Node, Redux, React
— Финальный проект: клиентская часть для поиска публикаций о юрлице по ИНН в СМИ с подключением по API.
— Подключать приложение к базе данных
— Разворачивать приложение на Node. js
— Писать unit-тесты для проверки небольшой части кода
Мало стать компетентным разработчиком — нужно, чтобы эйчары узнали о вашем существовании. В этом модуле будете качать софт скилы — улучшите самопрезентацию, обновите резюме, подготовитесь к собеседованиям.
Практика:
— Составление резюме, поиск вакансий или заказов на биржах
— Составлять резюме и сопроводительное письмо
— Готовиться к собеседованию
— Оформлять профиль на фриланс-биржах
— Искать заказы на биржах и общаться с клиентами
— Сотрудничать в командных проектах
— Использовать методы Agile
Без знания верстки разработчику не обойтись. HTML и CSS нужны даже для простеньких сайтов. В этом блоке вы узнаете, как создавать адаптируемые страницы для разных устройств. И уже через месяц обучения сможете брать маленькие заказы на биржах.
Практика:
— 2 тренажера: HTML и CSS
— 70 задач на верстку
— 2 проекта: сайт-визитка и верстка лендинга по макету
— Выстраивать внешнюю логику сайта
— Писать страницы на чистом HTML
— Позиционировать элементы на странице с помощью CSS
— Создавать логичную и последовательную иерархию страниц при помощи семантической верстки
— Использовать Google DevTools, средства разработчика в браузере
— Верстать адаптивные веб-страницы на Flexbox
— Работать в GitHub
Программирование на JavaScript
JavaScript — популярный язык для создания фронтенда. Это клиентская часть сайтов, которая видна пользователям. Вы будете программировать на JavaScript и с его помощью решать конкретные задачи.
Практика:
— Тренажер по JavaScript
— 76 задач на JavaScript
— Проект: слайдер на сайте
— Использовать объекты и EventLoop
— Создавать сложные скрипты с обработкой событий
— Работать с форматом JSON
— Использовать препроцессоры CSS
— Работать по методологии БЭМ
— Применять сборщики (Webpack)
Разработка с помощью React. js
Освойте набор библиотек React. С его помощью можно управлять сложными событиями, создавать модульные проекты и добавлять анимацию на страницы сайта. Более того, изучение React позволяет освоить другие фреймворки — например, Angular и Vue.js. Это расширит ваши возможности по выбору проектов.
Практика:
— Тренажер по React. js
— 45 задач по React. js
— Проект: канбан-доска на React
— Разрабатывать приложения на React
— Писать компоненты на React
— Использовать продвинутый API
— Создавать приложение на Angular
— Создавать приложение на Vue. js
— Использовать анимацию на CSS или React
— Применять библиотеку Redux
Архитектура приложений и бэкенд
Если верстальщик отвечает за компоновку макета, то разработчик должен понимать, как все устроено изнутри. В этом блоке вы познакомитесь с серверной частью веб-сайтов — бэкендом. А еще поработаете с API и узнаете, как использовать Node.js.
Практика:
— 15 задач по Node, Redux, React
— Финальный проект: клиентская часть для поиска публикаций о юрлице по ИНН в СМИ с подключением по API.
— Подключать приложение к базе данных
— Разворачивать приложение на Node. js
— Писать unit-тесты для проверки небольшой части кода
Мало стать компетентным разработчиком — нужно, чтобы эйчары узнали о вашем существовании. В этом модуле будете качать софт скилы — улучшите самопрезентацию, обновите резюме, подготовитесь к собеседованиям.
Практика:
— Составление резюме, поиск вакансий или заказов на биржах
— Составлять резюме и сопроводительное письмо
— Готовиться к собеседованию
— Оформлять профиль на фриланс-биржах
— Искать заказы на биржах и общаться с клиентами
— Сотрудничать в командных проектах
— Использовать методы Agile
сверстать адаптивные страницы по готовому дизайну
настроить получение данных по API и обработку ошибок
сделать выдачу контента под уровень авторизации клиента
предусмотреть проверку на ошибки в полях формы
Финальный проект — разработка сервиса для поиска публикаций в СМИ
Вам нужно будет:
Ваша задача — создать клиентскую часть сервиса для поиска публикаций о юрлице по ИНН в СМИ. Понадобятся навыки работы с JavaScript, React. js и Redux.
Отточите навыки на задаче по реальному ТЗ от сотрудников СКАН. За месяц вы создадите проект, который будет не стыдно показать работодателю на GitHub.
Форма для ввода параметров запроса
Страница с выводом результатов запроса
Спикеры курса — топы и фронтенд-разработчики уровня senior
-
Наталья Крестинина
Frontend-разработчик в EPAM Systems, преподаватель в Webpurple, ментор в RSSchool, автор раздела ReactJS.
-
Богдан Коновченко
Senior Frontend в Radario, автор раздела JavaScript.
-
Сергей Михайлов
Руководитель разработки The Makers, 10 лет в отрасли, разработчик тренажеров.
-
Дарья Короткова
Ведущий инженер в газовой сфере. Опыт работы в ИТ более 7 лет. Стек: PHP, mySQL, JS-технологии. Разрабатывала системы для опроса телеметрии, систему для оценки качества сварки судостроительной технологии и различные сайты на популярных CMS системах.
-
Дмитрий Бондарчук
Lead Software Engineer в EPAM
к.ф.-м.н. в области NLP (natural language processing).
-
Юлия Токаревская
Frontend-разработчик с опытом 7 лет. Работает в компании Emplifi
В команде разрабатывала платформы для управления и анализа контента в соцсетях, платформы для службы поддержки, криптовалютной биржи.
Стек: Javascript, React.js, Redux-Saga, Typescript
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;}
else if(item.indexOf('mailto:')!==-1) {var email='
';socialWrapper.insertAdjacentHTML('beforeend',email);}
else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='
';socialWrapper.insertAdjacentHTML('beforeend',telegram);}
else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='
';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);}
else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='
';socialWrapper.insertAdjacentHTML('beforeend',viber);}
else if(item.indexOf('vk.me')!==-1) {var vkmessenger='
';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);}
else if(item.indexOf('m.me')!==-1) {var messenger='
';socialWrapper.insertAdjacentHTML('beforeend',messenger);}
else if(item.indexOf('skype')!==-1) {var skype='
';socialWrapper.insertAdjacentHTML('beforeend',skype);}
else if(item.indexOf('facebook.com')!==-1) {var fb='
';socialWrapper.insertAdjacentHTML('beforeend',fb);}
else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='
';socialWrapper.insertAdjacentHTML('beforeend',twi);}
else if(item.indexOf('vk.com')!==-1) {var vk='
';socialWrapper.insertAdjacentHTML('beforeend',vk);}
else if(item.indexOf('instagram')!==-1) {var instagram='
';socialWrapper.insertAdjacentHTML('beforeend',instagram);}
else if(item.indexOf('tiktok.com')!==-1) {var tiktok='
';socialWrapper.insertAdjacentHTML('beforeend',tiktok);}
else if(item.indexOf('ok.ru')!==-1) {var ok='
';socialWrapper.insertAdjacentHTML('beforeend',ok);}
else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='
';socialWrapper.insertAdjacentHTML('beforeend',behance);}
else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='
';socialWrapper.insertAdjacentHTML('beforeend',pinterest);}
else if(item.indexOf('vimeo.com')!==-1) {var vimeo='
';socialWrapper.insertAdjacentHTML('beforeend',vimeo);}
else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='
';socialWrapper.insertAdjacentHTML('beforeend',youtube);}
else if(item.indexOf('snapchat.com')!==-1) {var snapchat='
';socialWrapper.insertAdjacentHTML('beforeend',snapchat);}
else if(item.indexOf('linkedin.com')!==-1) {var linkedin='
';socialWrapper.insertAdjacentHTML('beforeend',linkedin);}
else if(item.indexOf('hh.ru')!==-1) {var hh='
';socialWrapper.insertAdjacentHTML('beforeend',hh);}
else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='
';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);}
else if(item.indexOf('github.com')!==-1) {var github='
';socialWrapper.insertAdjacentHTML('beforeend',github);}
else if(item.indexOf('dribbble.com')!==-1) {var dribbble='
';socialWrapper.insertAdjacentHTML('beforeend',dribbble);}
else if(item.indexOf('medium.com')!==-1) {var medium='
';socialWrapper.insertAdjacentHTML('beforeend',medium);}
else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='
';socialWrapper.insertAdjacentHTML('beforeend',zen);}
else if(item.indexOf('rutube.ru')!==-1) {var rutube='
';socialWrapper.insertAdjacentHTML('beforeend',rutube);}
else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='
';socialWrapper.insertAdjacentHTML('beforeend',website);}}