1

Этап 1

Введение

2

Этап 2

Базовый HTML

3

Этап 3

Базовый CSS. Часть 1

4

Этап 4

Базовый CSS. Часть 2

5

Этап 5

Подготовка к верстке

6

Этап 6

Layout. HTML-разметка

7

Этап 7

Layout. Flexbox

8

Этап 8

Layout. Стилизация

9

Этап 9

Продвинутый HTML. Формы

10

Этап 10

Продвинутый CSS. Часть 1

11

Этап 11

Продвинутый CSS. Часть 2

12

Этап 12

Адаптивность. Десктоп

13

Этап 13

Адаптивность. Мобильные устройства

14

Этап 14

Javascript для верстальщика

15

Этап 15

Доступность

16

Этап 16

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

17

Этап 17

База знаний (бонус)

18

Этап 18

Сетки

19

Этап 19

Анимация

20

Этап 20

Работа с хостингом

21

Этап 21

Финальная работа курса Веб-верстка «Базовый уровень»

1

Этап 1

Введение

2

Этап 2

Базовый HTML

3

Этап 3

Базовый CSS. Часть 1

4

Этап 4

Базовый CSS. Часть 2

5

Этап 5

Подготовка к верстке

6

Этап 6

Layout. HTML-разметка

7

Этап 7

Layout. Flexbox

8

Этап 8

Layout. Стилизация

9

Этап 9

Продвинутый HTML. Формы

10

Этап 10

Продвинутый CSS. Часть 1

11

Этап 11

Продвинутый CSS. Часть 2

12

Этап 12

Адаптивность. Десктоп

13

Этап 13

Адаптивность. Мобильные устройства

14

Этап 14

Javascript для верстальщика

15

Этап 15

Доступность

16

Этап 16

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

17

Этап 17

База знаний (бонус)

18

Этап 18

Сетки

19

Этап 19

Анимация

20

Этап 20

Работа с хостингом

21

Этап 21

Финальная работа курса Веб-верстка «Базовый уровень»

29 января 2022 05 января 2024
Цель просрочена на 124 дня
Подробно Кратко

Автор цели

Андрей

Россия

36 лет

Отправить сообщение

Добавить в друзья

Общая

Веб-верстка «Базовый уровень»

Курс Веб-верстка «Базовый уровень»

С финальной работой

%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_aVb9iSl.svg

  • 168 видео (было 158)
  • 16 практических работ
  • 4 теста

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

Итоговый проект

 Личные ресурсы

Время, Деньги, Обучающий курс

 Экологичность цели

Хочу получить новую и интересную мне профессию

  1. Введение

    1. Приветствие

    2. Как работают сайты. Верстка. Backend и Frontend

    3. Возможности HTML, CSS, JS

    4. Редактор кода. Codepen

    5. Работа с devtools

    6. VS Code

    7. Практическая работа

  2. Базовый HTML

    1. Начало стажировки

    2. Интро

    3. Элементы разметки

    4. Базовые теги

    5. Тег изображения и группировки

    6. Ссылки и кнопки

    7. Теги для списков

    8. Теги таблиц

    9. Служебные теги

    10. Прочие теги

    11. Валидность HTML-кода

    12. Плагины для работы

    13. Кодстайл HTML

    14. Практическая работа

    15. Аутро

  3. Базовый CSS. Часть 1

    1. Стажировка

    2. Введение в CSS

    3. Простые селекторы

    4. Вложенность и вес селектора

    5. Единицы измерения CSS

    6. Свойство display

    7. Размеры, отступы, границы

    8. Блочная модель

    9. Display. Практика

    10. Организация отступов в вёрстке

    11. Аутро

    12. Практическая работа

  4. Базовый CSS. Часть 2

    1. Интро

    2. Позиционирование

    3. Обтекание, скролл и управление слоями

    4. Стилизация. Работа с цветом и текстом

    5. Стилизация. Шрифтовые свойства

    6. Тест

    7. Стилизация. Фон, границы и тени

    8. Стилизация. Прочие свойства

    9. Валидность CSS-кода

    10. Плагины для работы

    11. Тест

    12. Кодстайл CSS

    13. Аутро

    14. Практическая работа

  5. Подготовка к верстке

    1. Интро

    2. Форматы изображений

    3. Figma. Базовые инструменты

    4. Figma. Как получить доступ к макету

    5. Figma. Стили и расстояния

    6. Figma. Экспорт графики

    7. Figma. Шрифты макета

    8. Подключение шрифтов

    9. Контейнер сайта

    10. Тест

    11. Аутро

    12. Практическая работа

  6. Layout. HTML-разметка

    1. Стажировка

    2. Интро

    3. HTML-семантика

    4. Контентные и декоративные изображения

    5. Структура проекта и разметка Header

    6. Разметка hero + services

    7. Разметка articles + clients

    8. Разметка contacts + footer

    9. Аутро

    10. Практическая работа

  7. Layout. Flexbox

    1. Стажировка

    2. Введение в Flexbox. Свойства flex-контейнера

    3. Flexbox. Свойства flex-элементов

    4. Переполнение верстки

    5. Подготовка стилей проекта + header

    6. Flexbox. Hero + services

    7. Flexbox. Articles + clients

    8. Flexbox. Contacts + footer

    9. Аутро

    10. Практическая работа

  8. Layout. Стилизация

    1. Стажировка

    2. Стилизация. Header + hero + services

    3. Стилизация. Articles + clients

    4. Стилизация. Contacts + footer

    5. Аутро

    6. Практическая работа

  9. Продвинутый HTML. Формы

    1. Стажировка

    2. Теги для медиа-контента

    3. Продвинутое подключение изображений

    4. Узконаправленные теги

    5. Формы. Введение. Поля ввода

    6. Формы. Селект, чекбоксы и группировка полей

    7. Формы. Практика

    8. Аутро

    9. Практическая работа

  10. Продвинутый CSS. Часть 1

    1. Интро

    2. Комбинаторные селекторы

    3. Ключевые слова в CSS

    4. Псевдоклассы

    5. Псевдоэлементы

    6. Кастомные свойства

    7. Кастомизация элементов формы (чекбокс, радиокнопка)

    8. Практика

  11. Продвинутый CSS. Часть 2

    1. Интро

    2. Transition

    3. Transition. Практика

    4. Transform

    5. CSS-градиенты

    6. CSS-функции

    7. Колоночная раскладка

    8. БЭМ

    9. БЭМ. Практика

    10. Аутро

    11. Аутро. Стажировка

    12. Практическая работа

  12. Адаптивность. Десктоп

    1. Интро. Стажировка

    2. Интро

    3. Виды верстки

    4. Pixel Perfect

    5. Как сделать десктопную верстку адаптивной

    6. Аутро

    7. Аутро. Стажировка

    8. Практическая работа

  13. Адаптивность. Мобильные устройства

    1. Интро

    2. Адаптивные изображения

    3. Настройка сервера для проверки адаптивности

    4. Формы на нативных устройствах

    5. Практика

    6. Аутро

    7. Практическая работа

  14. Javascript для верстальщика

    1. Интро

    2. Что такое JavaScript?

    3. DOM

    4. События

    5. Готовые решения — Слайдер

    6. Готовые решения — Аккордеон

    7. Экосистема Js

    8. Табы на JS

    9. Аутро

    10. Практическая работа

  15. Доступность

    1. Интро

    2. Понятие доступности

    3. Проверка доступности. Клавиатура

    4. Проверка доступности. Скринридер

    5. Влияние семантики на доступность

    6. ARIA

    7. Аутро

    8. Практическая работа

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

    1. Интро

    2. Введение

    3. Стандартные стили браузеров

    4. Способы обеспечения кроссбраузерности

    5. Проверка кроссбраузерности

    6. Аутро

    7. Практическая работа

  17. База знаний (бонус)

  18. Сетки

  19. Анимация

  20. Работа с хостингом

  21. Финальная работа курса Веб-верстка «Базовый уровень»

  • 2013
  • 29 января 2022, 18:57

Цель состоит в группе

Фронтенд

  • 268

    участников

  • 355

    целей
Регистрация

Регистрация

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

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

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

Виджет вашей цели

Большой (450×150 px)

Маленький (250×100 px)

Чтобы вставить виджет на ваш сайт или блог, скопируйте код и внедрите его в исходный html-код вашего блога/сайта.

Только для PRO

Вы можете купить PRO аккаунт, либо получить его бесплатно, пригласив 3 друзей на SmartProgress

Пригласить друзей

Неограни­ченное
число целей

Купить

Email на все случаи и по любым вопросам

  • Максим Маликов

    основатель

  • Сергей Захаров

    основатель