Frontend разработчик с нуля

8 участников

О чём курс

О курсе

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

Что внутри

Программа охватывает полный цикл начальной подготовки веб-разработчика:

  • основы разметки и оформления страниц с помощью HTML и CSS, построение сеток на Flexbox;
  • принципы создания адаптивной вёрстки и работа с макетами из Figma и Pixso, включая оптимизацию графики в современных форматах WebP и AVIF;
  • контроль версий и размещение проектов в сети с использованием Git и GitHub;
  • базовые концепции языка JavaScript, управление событиями и добавление интерактивности;
  • отправка запросов и получение данных через API, а также обработка формата JSON;
  • обзор современного стека технологий: Node.js, NPM, Vite, TypeScript, React, Vue, ESLint и применение инструментов искусственного интеллекта;
  • подготовка резюме, оформление портфолио и дальнейшие ориентиры для поиска работы или выхода на фриланс.

Для кого

Курс разработан для новичков без опыта программирования и навыков работы с терминалом. Для старта достаточно компьютера или ноутбука с доступом в интернет и готовности регулярно выполнять практические задания.

Материалы курса

В дополнение к основной программе предоставляются вспомогательные методические материалы в формате PDF:

  • обзор более 40 нейросетей и сервисов на базе ИИ;
  • чек-лист с рекомендациями по прохождению собеседований;
  • чек-лист по эффективному обучению;
  • гайд по применению метода Кайдзен;
  • руководство о способах поддержания мотивации.

Программа обучения

    1. База
    • Введение
    • Что такое сайт и как он работает
    • Кто такой Frontend-разработчик
    • Как устроен браузер и для чего он нужен
    • Установка браузера и обзор DevTools
    • Установка редактор кода VS Code
    • Итоги модуля
    1. HTML
    • Что такое HTML
    • Структура страницы
    • Заголовки и параграф
    • Списки
    • Ссылки
    • Изображения
    • Формы
    • ДЗ: Страница "О себе"
    • Итоги модуля
    1. CSS
    • Что такое CSS
    • Как подключать стили
    • Цвета, текст, шрифты
    • Отступы и границы
    • Размеры элементов
    • Классы и Flexbox
    • Оформление страницы
    • ДЗ: Страница "Резюме"
    • Итоги модуля
    1. Адаптивность
    • Что такое адаптив
    • Медиа-запросы
    • Два подхода в верстке
    • ДЗ: Сделать страницу удобной на телефоне
    • Итоги модуля
    1. Практика и AI
    • Мини-проект: Меню
    • Мини-проект: Карточки товаров
    • Меню и шрифты
    • ChatGPT и DeepSeek
    • Заголовок и кнопки
    • Flexbox для иконок
    • Картинки webp и avif
    • Товары
    • Градиент в футере
    • Адаптивная версия
    • ДЗ: Лендинг
    • Итоги модуля
    1. Git и GitHub
    • Что такое Git
    • Как сохранить проект
    • Как загрузить на GitHub
    • Итоги модуля
    1. JavaScript
    • Как подключить JS к странице
    • Переменные
    • Числа и строки
    • Условия
    • Циклы
    • Функции
    • Обработчики событий
    • Мини-проект: Кнопка "показать текст"
    • Мини-проект: Переключатель темы
    • Мини-проект: Счётчик
    • Мини-проект: To-do список
    • Мини-проект: Простое модальное окно
    • Итоги модуля
    1. Работа с API
    • Что такое JSON
    • Что такое API
    • Работаем с API
    • Мини-проект: Вывести список постов
    • ДЗ: Вывести карточки пользователей
    • Итоги модуля
    1. Инструменты
    • Node.js и NPM
    • Сборщики и Vite
    • AI и Агенты
    • TypeScript
    • React
    • Vue
    • ESLint
    • Итоги модуля
    1. Софт-скилы
    • Резюме и портфолио
    • Фриланс и работа
    • Что учить дальше
    • Итоги модуля
  • Итоги курса
Складчина создана 13 сентября 2026 г.

Теги курса

Другие материалы автора 11

ИУ Исмаил Усеинов Все материалы
798 ₽ 4 990 ₽