1. Верстка

Изучение основ HTML, CSS и опционально - bootstrap

Изучение:

  1. Основы html, семантика, Синтаксис CSS: правила создания CSS-файлов, селекторы, свойства и значения.
  2. Box Model: основной принцип в CSS, который помогает размещать элементы на веб-странице в соответствии с их размером и расположением.
  3. Работа с текстом: изменение размера, цвета, шрифта, выравнивание текста и т.д.
  4. Оформление границ и фона: настройка границ элементов, изменение цвета, текстуры и изображения фона.
  5. Положение элементов на странице: позиционирование элементов в зависимости от ситуации, использование абсолютного и относительного позиционирования, настройка отступов.
  6. Работа с изображениями: настройка размера, обрезка, выравнивание, добавление эффектов (например, тени).
  7. Анимация и переходы: создание анимированных эффектов и переходов между состояниями элементов.
  8. Адаптивный дизайн: создание веб-страниц, которые могут адаптироваться к разным экранам и устройствам (например, смартфонам и планшетам).
  9. Flexbox и Grid Layout: наиболее современные методы разметки веб-страниц.

Итог: Изучение HTML + CSS + верстка своего лендинга

  1. JavaScript

Изучение основ JavaScript:

  1. Синтаксис и основы: изучение переменных, операторов, условных конструкций и циклов в JavaScript.
  2. Работа с функциями: создание функций, передача аргументов, возврат значений.
  3. Работа с объектами и массивами
  4. События и обработка событий: добавление обработчиков событий к элементам веб-страницы.