Robot Dreams

Frontend Developer

41 занятий
Для начинающих
Frontend
Этот курс научит вас создавать современные веб-приложения с нуля. Вы освоите HTML, CSS, JavaScript, React и Next.js, научитесь работать с Git и публиковать проекты. Программа включает практические задания и подготовку к собеседованиям.

О курсе

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

Введение в веб-разработку и инструменты

На этом курсе начинают с основ. Сначала разбирают, что такое фронтенд-разработка и какие задачи решает разработчик. Знакомятся с HTML, CSS и JavaScript - основными языками для создания сайтов. Учат работать с инструментами: редакторами кода, DevTools и системой контроля версий Git. Создают аккаунт на GitHub и настраивают репозиторий для будущих проектов.

Основы HTML и CSS

Здесь учат строить структуру веб-страниц с помощью HTML. Используют семантическую разметку - это делает код понятнее для поисковых систем. Добавляют ссылки, изображения, формы и списки. Затем переходят к CSS: работают с цветами, текстом, фоном. Изучают Flexbox для создания современных макетов.

JavaScript: от основ до продвинутых тем

Этот блок посвящен JavaScript. Сначала изучают базовые концепции: переменные, типы данных, функции, условные операторы. Затем переходят к более сложным темам - работа с массивами, объектами, структурами данных. Учат работать с сетевыми запросами через Fetch API, используют Promise и async/await для асинхронного кода.

Проектирование и современные технологии

На этом этапе учат создавать удобные интерфейсы, ориентируясь на принципы UI/UX. Знакомятся с SASS-препроцессором, который позволяет писать CSS с использованием переменных и миксинов. Изучают объектно-ориентированное программирование, паттерны проектирования и принципы чистого кода.

React и современные фреймворки

Здесь переходят к React - популярной библиотеке для создания интерфейсов. Учат работать с компонентами, JSX и состоянием приложения. Используют хуки, React Router для навигации и Redux для управления состоянием. Знакомятся с UI-фреймворками Bootstrap и Tailwind CSS для быстрой разработки.

Серверный рендеринг и Next.js

Этот модуль посвящен серверной части. Изучают Next.js - фреймворк для React, который позволяет делать серверный рендеринг. Работают с различными методами получения данных, маршрутизацией, созданием API. Учат оптимизировать загрузку изображений и использовать кеширование.

Завершение проекта и публикация

На завершающем этапе создают полноценный веб-приложение. Используют все полученные навыки: React, SCSS, Tailwind CSS. Затем публикуют проект на Vercel - это платформа для деплоя. Обучаются настраивать автоматическое развертывание из GitHub. В конце готовятся к собеседованиям - разбирают типичные технические вопросы.

Особенности курса

Курс охватывает современный стек технологий, который используют в реальных проектах. Во время обучения студенты создают проекты для своего портфолио. После завершения можно получить консультацию по подготовке к работе в IT.

Что включено

Вечерние занятия
Выдается диплом/сертификат
Реальный проект в портфолио
Сопровождение ментора