Хит

Frontend разработчик

Офлайн-курс для начинающих: от вёрстки и JavaScript до API, Git и 8 проектов в портфолио. Возможность обучения с грантом TechOrda.

📅 6 месяцев(26 недель) ⏰ 2 раза в неделю по 90 минут 💻 8 проектов 📚 104 ак.часа 🗣️ Русский 🎓 Грант TechOrda
Записаться на курс

О курсе

Курс «Frontend-разработчик» для начинающих рассчитан на 6 месяцев (104 академических часа) и включает интенсивную практическую работу над созданием современных интерфейсов. Вы освоите полный цикл фронтенд-разработки: от написания семантической структуры сайта и гибкой адаптивной вёрстки до программирования сложной бизнес-логики на JavaScript и взаимодействия с серверными API. По завершении курса вы получите сертификат и 8 проектов в портфолио, которые позволят успешно пройти собеседование и начать карьеру веб-разработчика с нуля.

TechOrda На этот курс можно поступить с грантом по программе TechOrda — уточните условия при записи

🎯

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

  • Начинающие без опыта в IT
  • Возраст: от 18 до 44 лет
  • Уровень: для начинающих
  • Язык обучения: русский
💼

Квалификация по завершении

  • Junior Frontend-разработчик
  • Сертификат об окончании
  • 8 проектов в портфолио на GitHub
  • Готовность к трудоустройству
🎨

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

  • Оффлайн
  • Живые лекции (теория и практика)
  • Собственная обучающая онлайн-платформа
  • Теория и практика 50/50

Преподаватель курса

О преподавателе

Практикующий разработчик с опытом создания современных веб-интерфейсов и цифровых продуктов. Специализируется на FullStack-разработке: от семантической вёрстки и адаптивных макетов до JavaScript, работы с API и командных проектов в Git.

Работал над корпоративными сайтами, интернет-магазинами, обучающими платформами и внутренними системами. На курсе ведёт студентов через полный цикл — от первой страницы на HTML до защиты дипломного проекта и публикации на хостинге. Делает упор на практику, чистый код и реальное портфолио для трудоустройства.

Цель и задачи курса

Подготовка к профессии

  • Адаптивная, кроссбраузерная и доступная вёрстка (HTML5, CSS3, Flexbox, Grid, Mobile First)
  • JavaScript: от базовых конструкций и DOM до ООП и асинхронных запросов
  • VS Code, консоль, npm, Figma для переноса дизайна в код
  • Git, ветвление, планирование задач и командная разработка

Портфолио из 8 проектов

  • Интерактивное приложение «Квиз» с логикой тестирования и состояниями
  • Веб-приложение с API (Fetch, JSON, LocalStorage)
  • Адаптивный лендинг и многостраничный сайт (Grid, anime.js, SEO)
  • Командной проект: от макета до хостинга и публикации

Старт в профессии

  • Чистый, поддерживаемый код и оптимизация загрузки
  • Сертификат и портфолио на GitHub
  • Выход на рынок труда как Junior Frontend-разработчик

Навыки по завершении обучения

  1. HTML5 — семантическая вёрстка, архитектура страниц, текст, изображения и таблицы
  2. CSS3 — селекторы, каскадность, оформление, перенос дизайна из Figma
  3. JavaScript — логика интерфейса, переменные, функции, события и ООП
  4. Адаптивность — Flexbox, CSS Grid и Media Queries для любых устройств
  5. API и асинхронность — Fetch API, JSON, LocalStorage и SessionStorage
  6. Git — командная разработка, GitHub, VS Code и планирование проектов
  7. Оптимизация и публикация — npm, SEO, деплой на хостинг и тестирование

Методологическая база

🛠️

Проектно-ориентированное обучение

  • Каждый модуль — конкретное интерфейсное решение
  • Макет (Figma) → HTML → CSS → JavaScript → тестирование и деплой
  • 8 полноценных проектов, включая дипломную работу
👥

Командная разработка

  • Git, code review, совместная работа в VS Code
  • Декомпозиция задач и планирование этапов
  • Имитация реального рабочего процесса
🔧

Индустриальные инструменты

  • Chrome DevTools, GitHub, Figma, npm
  • anime.js и инструменты веб-аналитики
  • Актуальный стек для Junior-разработчика

Тематический план курса

1

Основы HTML

Недели 1–2 · 4 урока

Изучение базовых знаний и навыков HTML

  • М1У1. Основы HTML
  • М1У2. Работа с текстом и изображениями
  • М1У3. Работа с таблицами
  • М1У4. Создание сайта-визитки
2

Основы CSS

Недели 3–4 · 4 урока

Инструменты CSS для стилизации HTML-кода

  • М2У1. Селекторы и классы
  • М2У2. Контейнеры
  • М2У3. Дизайн макета
  • М2У4. Создание стилей по макету
3

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

Недели 5–8 · 7 уроков

Управляющие конструкции, ООП и асинхронность

  • М3У1. Введение в JavaScript
  • М3У2. Функции и события в JavaScript
  • М3У3. Управляющие конструкции
  • М3У4. ООП
  • М3У5. Анимация (CSS transition, keyframes; anime.js)
  • М3У6. Асинхронность и BOM
  • М3У7. Работа со строками и cookie
4

Проект «Квиз»

Недели 5–15 · 4 урока

Индивидуальный проект: логика тестирования, состояния интерфейса, результаты

  • М4У1. Проект «Квиз». Часть 1
  • М4У2. Проект «Квиз». Часть 2
  • М4У3. Проект «Квиз». Часть 3
  • М4У4. Проект «Квиз». Часть 4
5

Git и работа в команде

Недели 9–15 · 10 уроков

VS Code, Git и групповой проект от планирования до публикации

  • М5У1. Система контроля версий
  • М5У2. Среда разработки, консоль и ветвление
  • М5У3. Групповой проект. Планирование
  • М5У4. Групповой проект. Макет
  • М5У5. Групповой проект. Вёрстка
  • М5У6. Групповой проект. Программирование логики
  • М5У7. Групповой проект. Тестирование и доработка
  • М5У8. Хостинг и публикация
  • М5У9. Инструменты веб-аналитики
  • М5У10. Продвижение
6

Адаптивная вёрстка

Недели 15–18 · 6 уроков

Flexbox, Grid и адаптация под мобильные устройства

  • М6У1. Основы адаптивной вёрстки
  • М6У2. Media queries
  • М6У3. Flexbox
  • М6У4. CSS Grid
  • М6У5. Адаптация сайта под мобильные устройства
  • М6У6. Практика. Адаптивный лендинг
7

Продвинутый JavaScript

Недели 18–21 · 7 уроков

Массивы, объекты, хранилища, JSON и работа с API

  • М7У1. Методы массивов
  • М7У2. Работа с объектами
  • М7У3. LocalStorage и SessionStorage
  • М7У4. Работа с JSON
  • М7У5. Fetch API
  • М7У6. Работа с API и получение данных
  • М7У7. Создание приложения с API
8

Инструменты Frontend-разработчика

Недели 22–24 · 6 уроков

Figma, оптимизация, SEO, npm и сторонние библиотеки

  • М8У1. Работа с Figma
  • М8У2. Оптимизация изображений и ресурсов
  • М8У3. Основы SEO для frontend
  • М8У4. Работа с npm-пакетами
  • М8У5. Подключение сторонних библиотек
  • М8У6. Сборка итогового проекта
9

Финальный проект

Недели 25–26 · 4 урока

Дипломная работа: планирование, разработка, защита и публикация

  • М9У1. Выбор и планирование проекта
  • М9У2. Создание структуры проекта
  • М9У3. Разработка проекта
  • М9У4. Защита проекта и публикация

Проекты курса 8

01

Сайт-визитка

HTML и CSS

02

Стили по макету

Перенос дизайна из Figma

03

Проект «Квиз»

Логика тестирования и UI

04

Групповой проект

Git и командная разработка

05

Адаптивный лендинг

Grid и анимации

06

Приложение с API

Fetch и LocalStorage

07

Многостраничный сайт

SEO и анимации

08

Финальный проект

Защита и публикация

Отслеживание успеваемости

Общая информация

КурсFrontend разработчик
Длительность26 недель · 104 ч
ФорматОффлайн
ЗанятияЖивые лекции
ПлатформаСобственная LMS
Расписание2× в неделю · 2 ак. ч
ЯзыкРусский
УровеньДля начинающих
Возраст18–44 года
Теория / практика50 / 50
ГрантTechOrda
КвалификацияJunior Frontend

Готовы начать обучение?

Запишитесь на курс — доступен грант TechOrda · 8 проектов в портфолио

Записаться на курс