1

Этап 1

1. Введение

2

Этап 2

2. Основы HTML и CSS

3

Этап 3

3. Работа с макетами

4

Этап 4

4. Продвинутые техники HTML и CSS

5

Этап 5

5. Bootstrap4

6

Этап 6

6. JavaScript для верстальщиков

7

Этап 7

7. Библиотеки JS

8

Этап 8

8. Спецификация CSSGrid

9

Этап 9

9. Проект. Вёрстка макета от и до

1

Этап 1

1. Введение

2

Этап 2

2. Основы HTML и CSS

3

Этап 3

3. Работа с макетами

4

Этап 4

4. Продвинутые техники HTML и CSS

5

Этап 5

5. Bootstrap4

6

Этап 6

6. JavaScript для верстальщиков

7

Этап 7

7. Библиотеки JS

8

Этап 8

8. Спецификация CSSGrid

9

Этап 9

9. Проект. Вёрстка макета от и до

17 февраля 2023

Цель заброшена

Автор не отписывался в цели 2 года 10 месяцев 3 дня

Общая

Компетенция верстальщик -- HTML, CSS, JS (курс)

Нашла на Stepik этот курс и что-то захотелось пройти. Половину тем оттуда я знаю, но было бы неплохо освежить их в памяти + есть темы, которых я еще не касалась.

 Критерий завершения

Пройти курс

  1. 1. Введение

    1. 1.1. Введение

  2. 2. Основы HTML и CSS

    1. 2.1. Основы HTML

    2. 2.2. Основы CSS

    3. 2.3. Работа с текстом

    4. 2.4. Работа с блочными элементами

    5. 2.5. Стилизация блочных элементов

    6. 2.6. Работа со ссылками и кнопками

    7. 2.7. Работа с изображениями и иконками

    8. 2.8. Псевдоклассы и псевдоэлементы CSS

    9. 2.9. Структура сайтов и типы макетов

    10. 2.10. Таблицы и табличная вёрстка

    11. 2.11. Блочная модель вёрстки old-style

    12. 2.12. Позиционирование, выпадающее меню

    13. 2.13. Введение во FlexBox

    14. 2.14. Блочная модель вёрстки на флексах

  3. 3. Работа с макетами

    1. 3.1. Нарезка макета в Photoshop

    2. 3.2. Zeplin и импорт из Photoshop и Figma

    3. 3.3. Мастер-класс по вёрстке макета

  4. 4. Продвинутые техники HTML и CSS

    1. 4.1. Основы БЭМ

    2. 4.2. Элементы форм

    3. 4.3. Добавление аудио и видео

    4. 4.4. Фильтры CSS

    5. 4.5. Семантические теги HTML5

    6. 4.6. Кроссбраузерность

    7. 4.7. Трансформации CSS3

    8. 4.8. Анимации CSS3

    9. 4.9. Работа с адаптивом

    10. 4.10. Базовое использование препроцессора SASS/SCSS

    11. 4.11. Продвинутое использование препроцессора SASS/SCSS

  5. 5. Bootstrap4

    1. 5.1. Общие возможности Bootstrap

    2. 5.2. Работа с сеткой Bootstrap

    3. 5.3. Использование компонентов Bootstrap

  6. 6. JavaScript для верстальщиков

    1. 6.1. Введение в JS

    2. 6.2. Ветвления и циклы

    3. 6.3. Объекты и массивы JS

    4. 6.4. Функции JS

    5. 6.5. Понятие DOM и узлов

    6. 6.6. Обработка события по клику

    7. 6.7. Создание слайдера на JS

    8. 6.8. Создание модального окна

    9. 6.9. Создание табов

    10. 6.10. Создание фильтра карточек

  7. 7. Библиотеки JS

    1. 7.1. Основы JQuery

    2. 7.2. Галерея FancyBox

    3. 7.3. Анимации ParollerJs, ParallaxJs

    4. 7.4. Анимации ScrollMagic

    5. 7.5. Адаптивный слайдер SwiperJs

  8. 8. Спецификация CSSGrid

    1. 8.1. Базовая терминология

    2. 8.2. Базовые возможности

    3. 8.3. Шаблоны и фракции

    4. 8.4. Grid области и работа с ними

    5. 8.5. Выравнивание

    6. 8.6. Методы адаптива

    7. 8.7. Нюансы использования

    8. 8.8. CSS-переменные

  9. 9. Проект. Вёрстка макета от и до

    1. 9.1. Обзор шаблона для вёрстки

    2. 9.2. UI Kit - что и зачем

    3. 9.3. Настройка окружения

    4. 9.4. Переменные и типографика

    5. 9.5. Компонент "Особенность"

    6. 9.6. Компонент "Скриншот"

    7. 9.7. Компонент "Отзыв"

    8. 9.8. Компонент "Цена"

    9. 9.9. Компоненты форм и соц. иконок

    10. 9.10. Вводный блок сайта

    11. 9.11. Блок "О продукте"

    12. 9.12. Блок "Особенности"

    13. 9.13. Блок "Скриншоты"

    14. 9.14. Блок "Отзывы"

    15. 9.15. Блок "Цены"

    16. 9.16. Блок "Подвал сайта"

    17. 9.17. Валидация вёрстки

    18. 9.18. Production-сборка

  • 581
  • 17 февраля 2023, 09:20
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?