- Верстка
Изучение основ HTML, CSS и опционально - bootstrap
Изучение:
- Основы html, семантика, Синтаксис CSS: правила создания CSS-файлов, селекторы, свойства и значения.
- Box Model: основной принцип в CSS, который помогает размещать элементы на веб-странице в соответствии с их размером и расположением.
- Работа с текстом: изменение размера, цвета, шрифта, выравнивание текста и т.д.
- Оформление границ и фона: настройка границ элементов, изменение цвета, текстуры и изображения фона.
- Положение элементов на странице: позиционирование элементов в зависимости от ситуации, использование абсолютного и относительного позиционирования, настройка отступов.
- Работа с изображениями: настройка размера, обрезка, выравнивание, добавление эффектов (например, тени).
- Анимация и переходы: создание анимированных эффектов и переходов между состояниями элементов.
- Адаптивный дизайн: создание веб-страниц, которые могут адаптироваться к разным экранам и устройствам (например, смартфонам и планшетам).
- Flexbox и Grid Layout: наиболее современные методы разметки веб-страниц.
Итог: Изучение HTML + CSS + верстка своего лендинга
- JavaScript
Изучение основ JavaScript:
- Синтаксис и основы: изучение переменных, операторов, условных конструкций и циклов в JavaScript.
- Работа с функциями: создание функций, передача аргументов, возврат значений.
- Работа с объектами и массивами
- События и обработка событий: добавление обработчиков событий к элементам веб-страницы.