Работа над созданием сайта включает в себя Frontend-разработку, которая направлена на улучшение внешнего вида и функциональности интернет-ресурса. Успешный разработчик должен обладать навыками верстки макетов, уметь программировать, знать библиотеки и уметь все это «упаковать» в удобный интерфейс.
Frontend разработчик — это специалист, умеющий верстать веб-страницы. Он должен знать JavaScript, один или несколько JavaScript-фреймворков (React, Angular, Vue.js), CSS, HTML, а также ряд других технологий, использующихся для создания клиентской стороны веб-сайта.
Для того чтобы стать фронтенд разработчиком, достаточно пройти обучение на курсах по frontend-разработке. На этой странице вы найдете бесплатные и платные курсы от онлайн-школ с сертификатом и трудоустройством.
Платные курсы
[Skillbox] Веб-вёрстка
Вы научитесь создавать быстрые и удобные сайты, работать с макетами и форматировать код, освоите адаптивную верстку. В обучении будут помогать практикующие эксперты, которые будут сопровождать на протяжении всего курса.
Школа: Skillbox - онлайн-университет digital и IT профессий
Сайт: https://skillbox.ru/
Спикеры: Сергей Корниенко, Максим Васянович
Длительность: 6 месяцев
Интенсивность: приблизительно 3-5 часов в неделю
Формат обучения: Теория и практика
Кому подойдет: Новичкам в разработке. Начинающим верстальщикам. Фрилансерам.
Программа:
29 тематических модулей, 160 видеоматериалов
Веб-вёрстка. Базовый уровень
- Введение.
- Базовый HTML.
- Базовый CSS. Часть 1.
- Базовый CSS. Часть 2.
- Подготовка к вёрстке.
- Layout. HTML-разметка.
- Layout. Flexbox.
- Layout. Стилизация.
- Продвинутый HTML. Формы.
- Продвинутый CSS. Часть 1.
- Продвинутый CSS. Часть 2.
- Адаптивность. Десктоп.
- Адаптивность. Мобильные устройства.
- JavaScript для верстальщика.
- Доступность.
- Кросс-браузерность.
- База знаний.
- Сетки.
- Работа с хостингом.
- Анимация.
Веб-вёрстка. Продвинутый уровень
- Вёрстка HTML-писем.
- SVG.
- Анимация на JavaScript.
- Оптимизация и процесс загрузки.
- Отрисовка сайта.
- Сборщики.
- Препроцессоры и Постпроцессоры.
- CSS Grid.
- Будущее вёрстки.
Навыки после обучения:
- Верстка интернет-магазина
- Основы CSS, HTML и JavaScript
- Тестирование и исправление браузерных несовместимостей
- Проверка сайта на доступность
- Блочная, резиновая и адаптивная верстка
- Работа с системой контроля версий Git
- Работа с современными инструментами
Особенности обучения:
- Обучение на практике
- Доступ к курсу навсегда
- Работа с наставником
- Свободный график занятий
- Стажировка для лучших студентов
- Диплом по специальности
- 2 работы в портфолио
- Год английского языка бесплатно
[Нетология] Frontend-разработчик с нуля
На курсе вы с нуля освоите такие инструменты frontend-разработчика как: HTML, CSS и JavaScript, сможете создавайте сайты и веб-приложения. Сможете добавить в своё портфолио и выполнить больше 100 практических задач.
Школа: Нетология - университет интернет-профессий
Сайт: https://netology.ru/
Преподаватели: Опытные разработчики ведущих компаний
Длительность: 8 месяцев
Интенсивность: 2-3 раза в неделю
Формат обучения: Вебинары, видеолекции, практические задания
Для кого этот курс: Новичкам
Программа:
76 практических заданий, 540 часов практики
- HTML-вёрстка с нуля до первого макета
- Мобильная и адаптивная вёрстка
- Английский язык для начинающих разработчиков
- Основы программирования
- Git — система контроля версий
- Основы JavaScript
- Основы JavaScript в браузере
- Продвинутый JavaScript
- Продвинутый JavaScript в браузере
- Библиотека React
- Основы графического дизайна
- Карьера в Frontend-разработке
Чему научитесь:
- Решать задачи с использованием JavaScript
- Верстать сайты и приложения для всех типов устройств
- Использовать библиотеку React
- Оформлять решения, как это делают опытные разработчики
Особенности обучения:
- Реальные проекты в портфолио
- Возможность стажировки в ведущих компаниях
- Помощь в обучении от координатора и наставников
- Преподаватели — эксперты-практики
- Помощь с составлением резюме и поиском работы
- Диплом о профессиональной переподготовке установленного образца
[Хекслет] Фронтенд-разработчик
Обучение фронтенд-разработчика с нуля за 10 месяцев. Возврат денег, если не удалось найти работу. С первых уроков ученики учатся думать и работать с информацией самостоятельно. Для участников сообщества регулярно проводятся дополнительные обучающие вебинары в Slack.
Школа: Хекслет - школа программирования
Сайт: https://ru.hexlet.io/
Длительность: 10 месяцев
Интенсивность: 15-20 часов в неделю
Формат обучения: Видеолекции, практические занятия на тренажере, обратная связь от ментора
Кому подойдет: Новичкам, которые хотят освоить профессию с нуля. Тем, кто уже пробовал учиться самостоятельно, но чувствует потребность в наставнике.
Ваши навыки после обучения:
- JavaScript
- HTML и CSS
- Фреймворки (React + Redux Toolkit)
- Алгоритмы и структуры данных
- Фронтенд (DOM API)
- Архитектура
- Инфраструктура
Особенности обучения:
- Сертификат об окончании
- 4 проекта в портфолио
- Помощь с трудоустройством
- Домашние задания
- Рассрочка
- Практика
- Глубокая проработка тем
- Более 420 заданий в тренажере
- Разбор задач и вопросов с собеседований
- Наставники
- Стажировка
[Яндекс.Практикум] Мидл фронтенд-разработчик
Курс поможет вам перейти на новый уровень и пополнить портфолио крупными и сложными проектами. В дополнение к техническим навыкам вы также улучшите свои навыки работы в команде. Вы сможете взять на себя больше ответственности и решать более сложные задачи в своих проектах. Получите помощь, чтобы улучшить свое резюме и пройти собеседование.
Школа: Яндекс.Практикум - сервис онлайн-образования в сфере IT
Сайт: https://practicum.yandex.ru/
Длительность: 5 месяцев
Интенсивность: 15-20 часов в неделю
Как проходит обучение: Изучаете тему, решаете задачи, изучаете дополнительные материалы, выполняете проектную работу, проходите код-ревью, участвуете в вебинаре, дорабатываете проект.
Требования: JS, CSS, HTML и иметь коммерческий опыт в разработке
Программа:
- JavaScript: параллельный курс
- Модуль самостоятельного проекта
- Модуль командного проекта
- Алгоритмы и структуры данных. Включённый курс
- Карьерный трек (опционально)
Что получите после обучения:
- Быстрый рост за счёт прокачки навыков и систематизации знаний
- Понимание паттернов разработки и смежных областей в вебе
- Рост стоимости на рынке и попадание в крутую команду
Особенности обучения:
- Особый формат
- Обратная связь от разработчиков
- Рассрочка
- 1 самостоятельный проект и 1 командный проект
- Диплом
- Помощь с трудоустройством
[GeekBrains] Факультет Frontend-разработки
Frontend-разработчик отвечает за внешний вид сайта или мобильного приложения. Из программы курса вы научитесь создавать сайты и приложения, проектировать интерфейсы и работать со сложными инструментами frontend-разработчика.
Школа: GeekBrains - образовательный портал от Mail.ru Group
Сайт: https://gb.ru/
Длительность: 12 месяцев
Формат обучения: Вебинары. Записанные видеоуроки. Домашние задания с проверкой.
Кому подойдет: Новички в профессии. Начинающие Frontend-разработчики. Практикующие IT-специалисты.
Программа:
Основной блок — 3 месяца
- Введение в программирование
- Математика и информатика
- Введение в контроль версий
- Знакомство с языком программирование C#
- Введение в базы данных
- Профориентация
Специализация — 9 месяцев
- Знакомство с треком обучения и направлениями: интро
- Основы Питон
- Знакомство с Веб-технологиями
- Операционные системы (Linux)
- Объектно-ориентированное программирование
- Алгоритмы и структуры данных
- Исключения в программировании и их обработка
- Unit-тесты
- Базы Данных и SQL
- Контейнеризация
- Архитектура ПО: принцип SOLID, проектирование ООП, чистая архитектура
- Контроль Версий Углубленно (Git)
- Организация CI/CD
- Парадигмы программирования и языки парадигм
- Профориентация по направлению и языкам
Технологическая специализация — 3 месяца
- Фронтенд и веб-программирование (углубленно для программистов)
- Веб-вёрстка HTML/CSS
- Основы языка JavaScript
- Продвинутый курс JavaScript
- Проект
Чему научитесь:
- Писать чистый поддерживаемый код
- Использовать препроцессоры
- Работать в команде
- Создавать адаптивную верстку
- Использовать концепцию Flux с применением библиотеки Redux
- Получать и обрабатывать данные со сторонних API
- Использовать возможности Vue.js
- Устанавливать и работать с инструментами – Parcel и Webpack
- Работать с библиотекой ReactJS
- Использовать Node.JS
- Использовать инструменты Bootstrap
- Применять систему контроля версий Git
- Верстать сайты
Особенности обучения:
- Быстрая обратная связь
- Воркшопы
- Гарантия возврата денег, если не найдёте работу
- Гарантия трудоустройства
- Диплом о профессиональной переподготовке
- Дополнительные материалы
- Доступ к материалам навсегда
- Закрытая группа в мессенджере
- Карьерные консультации
- Курс от практикующих специалистов
- Личный куратор
- Работы для портфолио
- Упор на практику
[LOFT] FRONTEND РАЗРАБОТЧИК
Курс, который уже через 3 месяца поможет вам стать востребованным IT-специалистом со знанием топовых технологий и двумя крутыми проектами в портфолио.
Школа: LOFT - школа онлайн обучения IT профессиям
Сайт: https://loftschool.com/
Длительность: 3 месяца
Формат обучения: Вебинары. Записанные видеоуроки. Домашние задания с проверкой.
Для кого этот курс: Профессия рассчитана на разработчиков с опытом разработки на JavaScript .
Программа:
2 больших вебинара с преподавателями, 12 групповых практик с наставниками, 46 видеокурсов, 2 больших выпускных проекта
Vue.js Продвинутая веб-разработка
- Неделя 1 — Workflow
- Неделя 2 — Vue.js
- Неделя 3 — Нативный JavaScript
- Неделя 4 — Vue.js, SPA
- Неделя 5 — Практика
- Неделя 6 — Завершение работы над проектом
React.js Разработка веб-приложений
- Неделя 1 — Введение в React.js
- Неделя 2 — Паттерны React.js, тестирование
- Неделя 3 — Redux, роутинг
- Неделя 4 — Redux-saga
- Неделя 5 — Формы, CI & DI & Client error handling
- Неделя 6 — Работа над проектом
Чему научитесь:
- Освоение новых технологий за короткие сроки
- Отличное знание JavaScript и ES6
- Работа с Gulp, Webpack, NPM
- Уверенная работа с SVG
- Кроссбраузерная верстка;.
- Уверенная работа с консолью и пакетными менеджерами
- SPA, React.Js
- Работа с Git
- Отличное знание HTML и CSS
Особенности обучения:
- Быстрая обратная связь
- Гарантия возврата денег в течение трёх дней с момента старта
- Гарантия трудоустройства для хорошистов и отличников
- Сертификат
- Доступ к материалам навсегда
- Закрытая группа в мессенджере
- Курс от практикующих специалистов
- Общение с преподавателями
- 2 впечатляющих современных и технологичных проекта в вашем портфолио.
- Упор на практику
[SkillFactory] Frontend-разработчик PRO
Изучите JavaScript, TypeScript, React, а также Next.js, который помогает React работать быстрее и упростит вашу жизнь как разработчика. Преподаватели опытные практики, которые дают качественную обратную связь на задания, отвечают на вопросы и помогают достичь своих целей.
Школа: SkillFactory - школа IT профессий
Сайт: https://skillfactory.ru/
Длительность: 15 месяцев
Формат обучения: Теория и практика
Кому подойдет: Для новичков. Для фрилансеров. Для всех, кто думает о будущем.
Программа:
Верстка веб-страниц
- 2 тренажера: HTML и CSS
- 70 задач на верстку
- 3 проекта: сайт-визитка, верстка лендинга по макету, верстка мобильной версии
Программирование на JavaScript
- Тренажер по Javascript
- 76 задач на Javascript
- Проекты: слайдер с фото, мини-игры на JS и на JS + Canvas API
TypeScript и инструменты для разработки
- 20 задач на TypeScript
- Проекты: книжный интернет-магазин на API, система комментариев на JS + Typescript
Разработка с помощью React.js
- Тренажер по React.js
- Проекты: виджет с прогнозом погоды, канбан-доска на React.js + Typescript, интернет-магазин на React + Next.js
Архитектура приложений и бэкенд
- Code challenge на реализацию API
- Финальный проект: киносайт на API
Карьерный трек
- Составление резюме, поиск вакансий или заказов
Вы научитесь:
- Верстать адаптивные веб-страницы на Flexbox и Grid
- Использовать Typescript в React-проектах
- Использовать инструменты оптимизации приложений: svg-спрайты, мемоизация, Lighthouse
- Использовать препроцессоры CSS
- Использовать средства разработчика в браузере
- Использовать файлы формата SVG
- Настраивать сборку проекта на Webpack
- Писать программы на TypeScript
- Писать простые программы на JavaScript, разбираться в типах данных
- Писать свои компоненты и хуки на React
- Писать юнит-тесты
- Подключать TypeScript к проекту и настраивать
- Подключать приложение к базе данных
- Позиционировать элементы на странице с помощью CSS
- Пользоваться различными API в браузере
- Применять библиотеку Redux на приложении React
- Применять ООП в JavaScript
- Применять семантическую верстку
- Проектировать и реализовывать Rest API
- Работать в GitHub
- Работать с интерфейсами по методологии БЭМ
- Работать с форматами XML и JSON
- Разворачивать приложение на Node.js
- Разрабатывать приложения на React
- Разрабатывать сайты на React + Next.js
- Реализовать анимацию на JS
- Создавать SPA
- Создавать документацию к своему API
- Создавать приложения на Angular и Vue.js
- Создавать сложные скрипты с обработкой событий
- Создавать страницы на чистом HTML
Особенности обучения:
- Итоговый проект
- Менторы отвечают на вопросы по темам курса в Slack
- Координаторы помогают в обучении, решают технические проблемы
- Интерактивные вебинары
- Доступ к материалам курса навсегда
- Центр карьеры
- 13 проектов в портфолио
- Фокус на подготовке к трудоустройству
- 80% обучения — практика в разных форматах
- Персональный сертификат о прохождении специализации
[HTML Academy] Фронтенд-разработчик
Курс предназначен для начинающих веб-разработчиков. В программе: живые лекции и голосовые консультации, практические задания, разработка и защита реального проекта в сопровождении ментора. Выпускники освоят «скоростную» безошибочную верстку с использованием основных инструментов создания сайтов.
Школа: HTML Academy - интерактивные онлайн-курсы
Сайт: https://htmlacademy.ru/
Длительность: 1 год и 3 месяца
Интенсивность: 20 часов в неделю
Формат обучения: Двухчасовые вебинары 2 раза в неделю, выполнение практических заданий, работа над проектом с наставником 15−20 часов в неделю.
Кому подойдет: Данный курс нацелен на новичков со знанием основ компьютерной грамотности.
Программа:
Восемь месяцев непрерывного обучения и шесть месяцев производства
- Подготовка к профессии
- HTML и CSS. Профессиональная вёрстка сайтов.
- HTML и CSS. Адаптивная вёрстка и автоматизация.
- JavaScript. Профессиональная разработка веб-интерфейсов.
- Подготовка вёрстки для cистем управления контентом (CMS)
- Вёрстка React-компонентов
- Производство
Чему научитесь:
- Работать в команде
- Создавать выразительную и доступную разметку
- Валидировать данные в формах
- Строить сетки страниц
- Программировать на языке JavaScript
- Оптимизировать код и готовить завершённый проект к публикации
- Использовать инструменты автоматизации
- Использовать препроцессоры
- Строить адаптивные сетки
- Работать с адаптивной и ретиновой графикой
- Создавать разметку по методологии БЭМ
- Настраивать сборку проекта для публикации
- Оформлять декоративные элементы и текстовое содержание
- Оживлять статичные страницы
- Работать с графическим макетом
Особенности обучения:
- Высокая интенсивность
- Домашние задания
- Рассрочка
- Сертификат
[HEDU] Онлайн-курс по frontend
Познакомьтесь с фронтенд-разработкой и освойте прибыльную профессию в IT.
Школа: HEDU - курсы дистанционного обучения
Сайт: https://irs.academy/
Преподаватель: Павел Колосов
Длительность: 28 часов
Формат обучения: Видеоуроки. Личные консультации. Домашние задания. Тесты. Защита дипломного проекта.
Кому подойдет: Курс полезен новичкам, начинающим программистам, школьникам и студентам.
Программа:
Программа курса состоит из 9 уроков
- HTML. Часть 1
- HTML. Часть 2
- CSS. Часть 1
- CSS. Часть 2
- CSS. Часть 3
- JavaScript. Часть 1
- JavaScript. Часть 2
- JavaScript. Часть 3
- JavaScript. Часть 4
Вы научитесь:
- Фрилансить фронтенд-вёрсткой и разработкой
- Создавать различные визуальные эффекты и анимации
- Познакомитесь с frontend-разработкой
- Размещать код на сайте и редактировать его в онлайн режиме
Особенности обучения:
- 14 видеоуроков по frontend-разработке
- Возможность задать вопросы frontend-разработчику
- Полезные методические материалы, которые останутся у вас и после занятий
- Интересные домашние задания и обратную связь по ним
- Защита собственного проекта
- Сертификат о прохождении курса
[Nordic IT School] Frontend-разработчик
Курс построен на глубоком погружении в JavaScript, что означает, что вы будете кроме html и css работать с React.js, Vue.js, JQuery.js и Node.js. Вы узнаете, как создавать веб-сайты и анимировать статические веб-страницы.
Школа: Nordic IT School - курсы программирования
Сайт: https://inordic.ru/
Длительность: 6 месяцев
Интенсивность: 2 раза в неделю
Формат обучения: Очное или онлайн обучение
Кому подойдет: Начинающим, которые хотят познакомиться с программированием. Тем, кто хочет заниматься разработкой пользовательского интерфейса.
Программа:
1 блок
- Верстка сайтов (HTML и СSS)
- Адаптивная верстка и препроцессоры CSS
- Основы JavaScript
- jQuery. Основные методы
2 блок
- AJAX запросы. Синхронность/ Асинхронность
- Объектно-ориентированное программирование
- Постулаты ООП: Наследование Инкапсуляция Полиморфизм
- Обзор современных фреймворков Отличия от библиотек
3 блок
- Vue.js
- Vue компоненты, виды, props
- Vue взаимодействие компонентов
- Навигация и ссылки во Vue
4 блок
- Node.js (JavaScript для сервера)
- Создание сервера
- Отправка файлов
- Введение в Express
5 блок
- React.js: рендеринг, компоненты, Props
- Redux: работа с хранилищем
- События State
6 блок
- Покупка хостинга и домена. Работа с FTP
- Git Github: Создание репозиториев Основные команды Ветвление
- Командный проект: MVP
Вы научитесь:
- HTML (разметка страниц)
- CSS (стили)
- JavaScript
- Препроцессоры и фреймворки CSS, системы контроля версий
- Адаптивной и кроссбраузерной верстке
- Поработаете с React.js , Vue.js , JQuery.js , Node.js
Особенности обучения:
- Поддержка преподавателя
- Готовое портфолио
- Помощь в составлении резюме
- Сертификат
[Skypro] Профессия Frontend-разработчик
Полноценная программа обучения профессии рассчитана на студентов без опыта разработки. Научитесь программировать с нуля. Создадите сайт интернет-магазина всего через месяц.
Школа: Skypro - онлайн-университет от Skyeng
Сайт: https://sky.pro/
Наставники: Практикующие веб-разработчики крупных компаний
Длительность: 12 месяцев
Интенсивность: 10−15 часов в неделю
Формат обучения: Видеоуроки, вебинары, структурированные конспекты к каждому занятию. В конце каждого модуля — полноценный проект для портфолио.
Кому подойдет: Для студентов без опыта разработки
Программа:
90 часов теории, 330 часов практики, 7 проектов в портфолио
HTML, CSS и адаптивный дизайн
- Введение в веб-разработку
- Основы HTML
- Основы CSS
- Строчные и блочные элементы
- Знакомство с графическими редакторами
- Позиционирование элементов. Flexbox
- Позиционирование элементов. Grid Layout
- Препроцессоры CSS
- Введение в адаптивный дизайн
- Практика создания адаптивного дизайна
- Методология БЭМ и анимация для сайта
- Финальная проверка сайта
Основы JavaScript
- Знакомство с JavaScript
- Условное ветвление и основы функций
- Циклы, массивы. Работа с функциями
- Методы работы с массивами. Продвинутая работа с циклами
- Работа с объектами
- Финальный мастер-класс
JavaScript в браузере
- Введение в Document Object Model
- Browser Object Model
- Document Object Model. Часть 1
- Document Object Model. Часть 2
- Шаблонизация
- Шаблонизация. Практика
- События. Часть 1
- События. Часть 2
- Работа с формами и элементами на странице. Часть 1
- Работа с формами и элементами на странице. Часть 2
- Типовые виджеты. Часть 1
- Типовые виджеты. Часть 2
- AJAX и работа с данными. Часть 1
- AJAX и работа с данными. Часть 2
- Работа с API. Часть 1
- Работа с API. Часть 2
- Работа со сторонними модулями и организация кода. Часть 1
- Работа со сторонними модулями и организация кода. Часть 2
- Курсовая работа
Инструменты разработки
- Жизненный цикл frontend-проекта и основы Git
- Code review
- Пакетные менеджеры. Code Linting
- Инструменты для сборки проектов
- TypeScript
- Основы тестирования (автоматические тесты, unit-тесты)
- Отладка, дебагинг и профилирование приложения
- Рефакторинг
- Курсовая работа (сквозная)
Фреймворк React
- Введение в React
- JSX
- Компонент
- Жизненный цикл компонента
- Коллекции, обработка событий
- Hooks
- React Router
- Функциональные компоненты
- Состояние
- Props
- Контекст (Context API)
- Тестирование. Фреймворк Jest
- Производительность
- Refs
- Redux
- Асинхронность
- Styled components
Знакомство с бэкенд-разработкой
- Основы работы бэкенда
- Express.js
- REST API
- WebSocket
Процессы командной разработки
Вас ожидает командная разработка приложения для онлайн-школы
Финальный индивидуальный проект
Разработка frontend-части для сервиса покупки авиабилетов.
Особенности обучения:
- Домашние задания
- Полноценное обучение профессии
- Рассрочка
- Чат студентов
- Помощь наставника
- Каникулы
- Помощь в поиске работы
- Разбор сложных тем с преподавателем онлайн
- Диплом о профессиональной переподготовке установленного образца
[КАТА Academy] Frontend
Обучение проходит на платформе. Вы будете изучать теоретические материалы, выполнять практические задания и писать код небольшими фрагментами от простого к сложному. Вы изучаете материал и решаете задачи самостоятельно, а при возникновении вопросов или затруднений обращаетесь за помощью в общий чат или к наставнику. По окончании курса вы будете работать над командным проектом под руководством опытного разработчика.
Школа: КАТА Academy - школа программирования
Сайт: https://kata.academy/
Длительность: 7 месяцев
Интенсивность: 25 часов в неделю
Формат обучения: Теоретические материалы, практические задания
Кому подойдет: Для новичков
Программа:
- Web core - 2 месяца
- Javascript core - 2 месяца
- React.Js core - 2.5 месяца
- Командный проект - 1 месяц
- Подготовка к собеседованию - 1 месяц
- Трудоустройство - 0.5 месяца
Особенности обучения:
- Регулярное взаимодействие студента с ментором
- Жесткий контроль знаний на каждом этапе твоего обучения
- Отработка знаний в реальном бизнес-проекте
- Подготовка к собеседованию и трудоустройству
- 2 года карьерной поддержки
Frontend-разработка
На курсе вы познакомьтесь с разработкой веб-приложений на основе JavaScript, React и Redux. Научитесь работать с REST API для интеграции с сервером, использовать тесты для контроля качества и разворачивать приложение для всеобщего доступа.
Сайт: https://brainskills.ru/
Длительность: 1,5 месяца
Формат обучения: Теория, практика, консультации
Кому подойдет: Для новичков или тех, кто уже немного знаком с frontend-разработкой.
Программа:
- Элементы React. Стилизация
- Навигация. Ядро приложения ToDo
- Взаимодействие с сервером. Отображение загрузчиков.
- Redux
- Redux middleware. Features
- Публикация приложения. Разбор успешных проектов
Навыки после обучения:
- Разворачивать проект для публичного доступа на heroku
- Создавать с нуля современные web приложения с React
- Получать и редактировать данные с сервера с fetch api
- Выстраивать взаимодействие с Rest api сервера
- Создавать динамические страницы с React
- Объединять страницы навигацией с react-router
- Контролировать хранение и изменение данных в приложении с Redux
- Анимировать процесс загрузки и обрабатывать ошибки асинхронных операций
Особенности обучения:
- Занятия с экспертами
- Практические кейсы
- Онлайн консультации
- Тестирование
- Выпускной проект
[Академия TOP] Front-end
Дистанционная форма обучения позволит вам освоить востребованную на данный момент профессию. Все, что вам нужно, это компьютер или ноутбук, микрофон, веб-камера, бесперебойное подключение к интернету и, конечно же, ваше уверенное отношение к учебе. После обучения вам будет выдан международный сертификат о прохождении курса.
Школа: Академия TOP - компьютерные курсы
Сайт: https://top-academy.ru
Преподаватели: Преподаватели – специалисты ведущих IT-компаний с опытом работы минимум 5 лет
Длительность: 12 месяцев
Интенсивность: 2 раза в неделю по 4 академических часа
Формат обучения: Школьники и выпускники (15-18 лет). Студенты ВУЗов. Представители других профессий. Все желающие повысить IT-квалификацию.
Кому подойдет: Курс подходит для начинающих программистов, которые хотят связать свою жизнь с работой в сфере web-программирования.
Чему вы научитесь:
- Использовать систему управления базами данных MongoDB
- Тестировать веб-страницы
- Использовать JSON
- Эффективно манипулировать элементами DOM
- Использовать объект XmlHttpRequest для выполнения запросов к серверу
- Создавать высокоэффективные сайты
- Использовать базовую анимацию и управлять эффектами
- Передавать и обрабатывать данные на сервер
- Управлять браузерами и элементами HTML-страниц с помощью JavaScript
- Использовать XML-PRC
- Верстать веб-страницы
- Владеть фреймворками React и Angular
Особенности обучения:
- Международный диплом Компьютерной Академии «TOP»
[Skillbox] Профессия Frontend-разработчик PRO
Курс предназначен для тех, кто только начинает работать в веб-разработке и для тех, кто уже имеет базовый уровень. Помогает продвигаться в профессии Frontend-разработки. Программа включает в себя веб-верстку, JavaScript, систему контроля версий Git, английский для специалистов IT-индустрии. Поддержка и помощь наставника. Пройдя курс, вы научитесь верстать веб-страницы и создавать приложения. Вы также сможете работать в Photoshop или Figma.
Школа: Skillbox - онлайн-университет digital и IT профессий
Сайт: https://skillbox.ru/
Длительность: 9 месяцев
Интенсивность: приблизительно 3-5 часов в неделю
Формат обучения: Для новичков
Кому подойдет: Новичкам. Начинающим программистам. Фрилансерам без опыта в IT.
Программа:
719 видеоматериалов, 66 практических заданий
- Веб-вёрстка. Базовый уровень
- JavaScript. Базовый уровень
- Курс на выбор. React.js
- Курс на выбор. Vue.js
- Веб-вёрстка. Продвинутый уровень
- JavaScript. Продвинутый уровень
- Универсальные знания программиста
- Photoshop с нуля
- Figma с нуля до PRO
- Английский для IT-специалистов
- Система контроля версий Git
- Язык запросов SQL
- Карьера и развитие программиста
- Работа в командной строке Bash
Чему научитесь:
- Верстать сайты правильно
- Работать с Git
- Программировать на JavaScript
- Создавать красоту в команде
- Работать с современными фреймворками
Особенности обучения:
- Обучение на практике
- Портфолио
- Помощь в трудоустройстве
- Доступ к курсу навсегда
- Работа с наставником
- Стажировка для лучших студентов
- Сертификат
[Хекслет] JS: Архитектура фронтенда
Этот курс рассказывает о том, как строить архитектуру приложения без привязки к конкретным решениям и их особенностям.
Школа: Хекслет - школа программирования
Сайт: https://ru.hexlet.io/
Дата начала: В любое время
Длительность: 14 часов
Интенсивность: Обучение в свободном режиме
Формат обучения: Короткие лекции в виде текста или видео, тесты, упражнения
Курс для тех, кто: Курс подходит для разработчиков JavaScript среднего уровня
Программа:
11 уроков (видео и/или текст), 12 упражнений в тренажере, 19 проверочных тестов
- Введение
- Состояние приложения
- Комплексное состояние
- Отрисовка (рендеринг) состояния
- Состояние отображения (UI State)
- Процессы и автоматы, их описывающие
- Нормализация данных
- MVC
- Состояние форм
- Организация текстов интерфейса
- Инициализация приложения
- Дополнительные материалы
Чему научитесь:
- Использовать теорию автоматов для описания происходящих процессов в коде
- Структурировать состояние приложения оптимальным способом
- Правильно разделять приложения на слои и строить зависимости между ними
- Создавать модульные и легко расширяемые фронтенд-приложения
Особенности обучения:
- Дополнительные материалы
- Помощь в «Обсуждениях»
- Доступ к остальным курсам платформы
- Тренажер с практикой
- Бессрочный доступ к теории
- Асинхронный формат обучения
- Сообщество в Slack
- Выпускники школы работают во множестве крупных IT-компаниях
- Возможность переключиться на любую другую программу
- Возврат денег в течение первых двух недель
[GeekBrains] Frontend-разработчик
Это интенсивная программа обучения для тех, кто хочет освоить востребованную профессию в IT-сфере. Программа наполнена экспертными материалами и практикой. Помимо лекций вам будут доступны задачи и тесты, которые можно решать самостоятельно. У вас будет возможность познакомиться со сферой IT, получить знания и навыки необходимые для работы, собрать портфолио из собственных проектов и начать зарабатывать.
Школа: GeekBrains - образовательный портал от Mail.ru Group
Сайт: https://gb.ru/
Длительность: 6 месяцев
Интенсивность: 12 часов в неделю
Формат обучения: Онлайн-вебинары, записанные видеоуроки, домашние задания с проверкой.
Кому подойдет: Веб-разработчикам. Разработчикам мобильных приложений. Фронтенд-разработчикам. Фулстек-разработчикам.
Чему научитесь:
- Навыки работы с Gulp, Grunt, Webpack, Mustache и Underscore
- Разработка с применением Twitter Bootstrap
- Создание графических интерактивных приложений
- Применение IDE, полезных приёмов и средств автопроверки кода
- Контроль процесса выпуска различных версий программ (GIT)
- Делегирование событий и управление структурой DOM
- Знания внутреннего устройства интерпретатора JavaScript
- Использование встроенных возможностей браузера для воспроизведения аудио и видео на веб-страницах
- Использование инструментов разработки и отладки в браузере
- Опыт написания Ajax-запросов
- Умение создавать интерактивные страницы на JavaScript
- Разработка профессионального frontend-а на ReactJS, Flux, Redux
- Вёрстка сайтов с использованием HTML5 и CSS3
Особенности обучения:
- Быстрая обратная связь
- Диплом о профессиональной переподготовке
- Дополнительные материалы
- Доступ к материалам навсегда
- Закрытая группа в мессенджере
- Карьерные консультации
- Курс от практикующих специалистов
- Личный куратор
- Нетворкинг
- Помощь с трудоустройством
- Портфолио
- Стажировка
- Упор на практику
[SkillFactory] Frontend-разработчик
Специализация Frontend разработчик направлена на предоставление полного набора знаний и навыков. Выпускник специализации сможет создавать веб-сайты с использованием инструментов верстки HTML, CSS и Flexbox. Создавать интерактивные интерфейсы для веб-сайтов и приложений с помощью JavaScript и библиотеки React. Автоматизировать создание и развертывание веб-сайтов с помощью Webpack.
Школа: SkillFactory - школа IT профессий
Сайт: https://skillfactory.ru/
Длительность: 7 месяцев
Интенсивность: 10-12 часов в неделю
Формат обучения: Видео, тренажеры
Требуеые навыки: Знакомство с веб-технологиями на уровне работы в браузере
Программа:
- Проект 1: сайт-визитка
- Проект 2: вёрстка лендинга по макету
- Проект 3: слайдер на javascript
- Проект 4: канбан-доска на react
- проект 5: финальный проект
Чему научитесь:
- Создавать простые веб-сайты
- Создавать интерактивные интерфейсы веб-сайтов и приложений, используя JavaScript
- Использовать JavaScript-фреймворк Node.js
- Тестировать созданные веб-сайты и приложения
- Автоматизировать создание и деплой веб-сайтов с помощью Webpack
Особенности обучения:
- Персональный сертификат о прохождении специализации
- Средняя зарплата после окончания курса от 80 000 ₽
- Помощь в трудоустройстве
- Готовое портфолио на GitHub
- Навыки эффективной коммуникации
- Сообщество экспертов и ваших коллег для обмена опытом и совместных проектов
Frontend-разработчик
Этот курс подойдет как новичкам, которые никогда не сталкивались с разработкой сайтов, так и тем, кто хочет повысить свою квалификацию. Вы научитесь программировать на HTML, CSS, JavaScript, PHP. По окончании курса веб-разработчика вы сможете самостоятельно разрабатывать веб-сайты и веб-приложения. Вы можете пройти стажировку или начать работать младшим разработчиком.
Сайт: https://raschool.ru/
Длительность: 8 месяцев
Интенсивность: 2 урока в неделю
Формат обучения: Видеоуроки, тесты, кейсы для отработки теории, консультации
Кому подойдет: Данный курс подойдет как начинающим, тем, кто хочет научиться самостоятельно создавать сайты с нуля, так и тем, кто хочет прокачать свои навыки в Frontend разработке.
Программа:
- Базовые знания о компьютерах и ЯП (языки программирования)
- HTML CSS
- Основы JavaScript
- Мир оъектов в JS
- Работа с DOM
- Массивы
- Браузерное API
- Паттерны
- Работа с ajax
- Работа с браузерными API
- Что еще надо знать в JS
- ES6+
- Фишки ES6+
- Объект Promise
- Asunc...await
- Заключение
- Работа c Изображениями
Навыки после обучения:
- Продвинутые навыки работы HTML5 CSS3
- Адаптивная и кроссбраузерная верстка
- WEB API, HTTP, HTTPS
- JavaScript
- Работа с макетами изображений
- Создание сайтов
Особенности обучения:
- Доступ к курсу навсегда
- Проверка домашних заданий
- Работа с наставником
- Дипломная работа и развитие карьеры
- Сертификат о прохождении курса
[Skillbox] Frontend-разработчик
Вы изучите основы HTML, CSS и JavaScript. Научитесь создавать сайты и приложения для любых устройств, оптимизировать код и работать с анимацией. Соберите портфолио и начните карьеру разработчика.
Школа: Skillbox - онлайн-университет digital и IT профессий
Сайт: https://skillbox.ru/
Длительность: 12 месяцев
Интенсивность: от 3 до 5 часов в неделю
Формат обучения: Занятия в записи
Кому подойдет: Новичкам в разработке. Начинающим программистам.
Программа:
360 видеоматериалов, 47 практических заданий
- Веб-вёрстка. Базовый уровень ~17 часов
- Веб-вёрстка. Продвинутый уровень ~10 часов
- JavaScript. Базовый уровень ~8 часов
- JavaScript. Продвинутый уровень ~9 часов
- Онлайн-сессии по веб-разработке ~20 часов
Чему научитесь:
- Создавать сайты и приложения с помощью JavaScript
- Верстать сайты и приложения для всех типов устройств
- Подключать сторонние модули через npm
- Обрабатывать ошибки в JavaScript
- Работать в Git
- Делать сайты, которые будут корректно открываться в любом браузере
- Писать асинхронный код на JavaScript
- Анимировать веб-страницы
Особенности обучения:
- Вы можете купить курс в рассрочку
- Онлайн в удобное время
- Практические задания
- Доступ к курсу навсегда
- Telegram-чат
- Сертификат Skillbox
- Год английского языка бесплатно
[Хекслет] Фронтенд-разработка (DOM + React + Redux)
Вы подробно изучите работу с JavaScript и научитесь создавать полноценные фронтенд-приложения с помощью Websockets и API. Программа обучения состоит из нескольких курсов и итогового проекта.
Школа: Хекслет - школа программирования
Сайт: https://ru.hexlet.io/
Дата начала: В любое время
Длительность: Срок обучения не ограничен
Интенсивность: 15-20 часов в неделю
Формат обучения: Обучение в браузере: теория, тесты, упражнения
Кому подойдет: Тем, кто испытывает сложности в самостоятельном написании кода. Тем, кто уже программирует и хочет повысить свой профессиональный уровень.
Программа:
88 текстовых уроков, 70 упражнений в тренажере, 169 проверочных тестов
Теория, квизы, практика в тренажере
- JS: DOM API
- JS: Архитектура фронтенда
- JS: React
- JS: React Hooks
- JS: Redux (React)
- React: Redux Toolkit
Итоговый проект
Напишите real-time приложение на React/Redux, используя AJAX, REST, websockets, React (с хуками) + Redux (@reduxjs/toolkit) + Formik
Особенности обучения:
- Можно отменить подписку в любой момент
- Дипломный проект
- Помощь в «Обсуждениях»
- Доступ к остальным программам
- Сообщество в Slack
- Выпускники школы работают во множестве крупных IT-компаниях
- Возможность переключиться на любую другую программу
- Возврат денег в течение первых двух недель
[Skillbox] Профессия Frontend-разработчик с нуля до PRO
Изучите HTML, CSS, JavaScript, фреймворки, Node.js и другие популярные технологии разработки веб-приложений с нуля. Соберите портфолио, научитесь работать в команде и начните карьеру в качестве фронтенд-разработчика. Вы пройдете путь от человека, далекого от ИТ, до уверенного в себе веб-разработчика с навыками командной работы. Вы можете начать карьеру в перспективной IT-студии.
Школа: Skillbox - онлайн-университет digital и IT профессий
Сайт: https://skillbox.ru/
Длительность: 9 месяцев
Интенсивность: от 3 до 5 часов в неделю
Формат обучения: Вебинары, практика
Кому подойдет: Абсолютным новичкам. Начинающим программистам.
Программа:
933 видеоматериала, 84 практических задания
- Веб-вёрстка. Базовый уровень
- JavaScript. Базовый уровень
- Node
- TypeScript. Базовый уровень
- Vue.js
- React.js
- Angular
- Веб-вёрстка. Продвинутый уровень
- JavaScript. Продвинутый уровень
- Системы контроля версий, знакомство с Git
- Работа с командной строкой Bash
- Figma с нуля до PRO
- Photoshop с нуля
- Английский для IT
- Универсальные знания программиста
- Карьера и развитие программиста
Вы научитесь:
- Разрабатывать серверные приложения на Node.js
- Применять алгоритмы и структуры данных
- Верстать веб-страницы и письма с помощью HTML и CSS
- Работать с TypeScript
- Работать с Git
- Работать с фреймворками: Angular, React.js, Vue.js
- Программировать на JavaScript
Особенности обучения:
- Бесплатный доступ к первым трём модулям
- 6 проектов в портфолио
- Практика на вебинарах с разработчиками из крупных компаний
- Стажировка в команде под руководством тимлида
- Помощь с трудоустройством
- Telegram-чат
- Сертификат Skillbox
Бесплатные курсы
[GeekBrains] Что нужно знать о верстке, кроме HTML & CSS?
Вы изучаете HTML и CSS и задаетесь вопросом, как сделать процесс разработки более комфортным? На вебинаре мы поговорим о том, как повысить скорость и качество. Данный курс состоит из одного урока. Сама программа помогает сориентироваться в профессиях фронтенд-разработчика и веб-разработчика, понять, какие компетенции нужны для работы.
Школа: GeekBrains - образовательный портал от Mail.ru Group
Сайт: https://gb.ru/
Дата начала: В любое время
Длительность: 1,5 часа, 1 урок
Формат обучения: Видеозаписи всех онлайн-занятий
Вы узнаете как повысить скорость и качество:
- Методологии названия классов
- Валидаторы
- Препроцессоры
- Необходимые расширения
- Плагины
Особенности обучения:
- Общение с одногруппниками
- Методички и практические задания
[YouTube] Webpack - Полный курс за 3 часа [2020]
Автор: Владилен Минин
Дата начала: В любое время
Длительность: 3 часа
Интенсивность: Обучение в своем темпе
Формат обучения: Занятия в записи
Структура видео:
Показать
- 00:00 – Вступление
- 03:01 – Написание базового приложения
- 14:56 – Инициализация приложения
- 16:33 – Установка Webpack
- 18:30 – Базовая настройка Webpack
- 38:12 – Паттерны
- 39:46 – Плагины
- 40:31 – Работа с HTML
- 45:56 – Очистка папки проекта
- 47:50 – Сборка проекта
- 50:17 – Контекст
- 51:50 – CSS-лоадеры
- 58:56 – Работа с JSON
- 1:02:50 – Работа с файлами
- 1:09:02 – Работа со шрифтами
- 1:13:21 – Подключение CSS-библиотек
- 1:14:51 – Защита от публикации пакета
- 1:15:32 – Работа с XML-файлами
- 1:17:44 – Работа с CSV-файлами
- 1:20:06 – Дополнительные настройки
- 1:24:54 – Подключение JS-библиотек
- 1:28:56 – Оптимизация
- 1:33:40 – Webpack-dev-server
- 1:39:14 – Копирования статических файлов
- 1:42:32 – Сжатие CSS, HTML, JS
- 1:59:37 – Компиляция Less
- 2:06:08 – Компиляция Sass
- 2:03:57 – Оптимизация
- 2:10:21 – Babel
- 2:22:35 – Добавление плагинов для Babel
- 2:24:28 – Компиляция TypeScript
- 2:27:20 – Компиляция React JSX
- 2:33:38 – Devtool
- 2:36:14 – ESLint
- 2:43:00 – Динамические импорты
- 2:44:52 – Анализ финальной сборки
[YouTube] 1. ФРОНТЕНД. Введение во Frontend | Технострим
Автор: VK Team
Для студентов мы предоставляем базовые навыки Frontend-разработки и знакомим их с основными принципами, правилами и подходом к разработке современных веб-приложений. Выпускники получают все необходимые знания, чтобы успешно пройти собеседование на должность начинающего Frontend-разработчика в любой крупной компании.
Дата начала: В любое время
Длительность: 50 минут
Интенсивность: Свободный график
Формат обучения: Видеокурс
Требования: Студенты должны на базовом уровне знать JavaScript. Должны быть знакомы с HTML и CSS: необходимо уметь верстать. Умение работать с git.
Структура урока:
- Введение и структура курса;
- Порядок работы и требования к проекту;
- Почему Frontend-разработка — это не только вёрстка;
- Клиент-серверное взаимодействие;
- Node.js, npm и git: создание и деплой приложения.