Frontend — HTML · CSS · JavaScript · Bootstrap

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Кратко: практический курс по созданию адаптивных сайтов и интерактивных элементов. Ученик научится верстать, стилизовать и добавлять простую логику на страницу.

Цели курса
  • Понять структуру веб-страницы и отличия контента от представления.
  • Научиться делать адаптивную верстку, использовать Bootstrap.
  • Добавлять простую интерактивность на JavaScript.
Что изучают
  • HTML: семантика, формы, медиа
  • CSS: селекторы, Flexbox, Grid, адаптивность
  • JavaScript: DOM, события, простая логика
  • Bootstrap: сетка и готовые компоненты
  • Инструменты: VS Code, DevTools, GitHub Pages (публикация)
Программа по неделям
Неделя 1Введение в HTML: структура, теги, список, ссылки
Неделя 2Формы и медиа; семантические теги
Неделя 3Основы CSS: селекторы, цвета, шрифты
Неделя 4Flexbox и Grid — адаптивные карточки
Неделя 5Введение в JavaScript: переменные, функции, события
Неделя 6DOM-манипуляции: простые интерактивы (tabs, modal)
Неделя 7Bootstrap: сетка, navbar, карточки и адаптив
Неделя 8Финальный проект: одностраничный сайт + публикация на GitHub Pages
Что потребуется
  • Ноутбук или ПК, современный браузер
  • Установленный VS Code (или другой редактор) — помощник поможет
  • Базовые навыки работы с файлами (копировать/сохранить)
Результат
  • Адаптивная одностраничная веб-страница / мини-приложение
  • Публикованный проект на GitHub Pages / портфолио
Show More

What Will You Learn?

  • HTML: семантика, формы, медиа
  • CSS: селекторы, Flexbox, Grid, адаптивность
  • JavaScript: DOM, события, простая логика
  • Bootstrap: сетка и готовые компоненты
  • Инструменты: VS Code, DevTools, GitHub Pages (публикация)

Course Content

Введение в HTML
Введение в HTML: структура, теги, список, ссылки

Формы и медиа
Формы и медиа; семантические теги

Основы CSS
Основы CSS: селекторы, цвета, шрифты

Flexbox и Grid
Flexbox и Grid — адаптивные карточки

Введение в JavaScript
Введение в JavaScript: переменные, функции, события

DOM-манипуляции
DOM-манипуляции: простые интерактивы (tabs, modal)

Bootstrap
Bootstrap: сетка, navbar, карточки и адаптив

Финальный проект
Финальный проект: одностраничный сайт + публикация на GitHub Pages