1

Etapa 1

1. Введение

2

Etapa 2

2. Основы HTML и CSS

3

Etapa 3

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

4

Etapa 4

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

5

Etapa 5

5. Bootstrap4

6

Etapa 6

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

7

Etapa 7

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

8

Etapa 8

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

9

Etapa 9

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

1

Etapa 1

1. Введение

2

Etapa 2

2. Основы HTML и CSS

3

Etapa 3

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

4

Etapa 4

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

5

Etapa 5

5. Bootstrap4

6

Etapa 6

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

7

Etapa 7

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

8

Etapa 8

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

9

Etapa 9

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

17 febrero 2023

El objetivo está desatendido

El autor lleva sin comentar el objetivo 2 años 10 meses 3 días

General

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

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

 Criterio del fin

Пройти курс

  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-сборка

  • 582
  • 17 febrero 2023, 09:20
Registración

Las posibilidades
están ilimitadas.
Es la hora
de descubrir las suyas

Уже зарегистрированы?
Entrada al sitio

Entre.
Está abierto.

¿Aún no está registrado?
 
Conéctese a cualquiera de sus cuentas, sus datos se tomarán de la cuenta.
¿Ha olvidado la contraseña?