1

Step 1

Введение

2

Step 2

Базовый HTML

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

7

Step 7

Layout. Flexbox

8

Step 8

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

9

Step 9

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

10

Step 10

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

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

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

15

Step 15

Доступность

16

Step 16

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

17

Step 17

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

18

Step 18

Сетки

19

Step 19

Анимация

20

Step 20

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

21

Step 21

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

1

Step 1

Введение

2

Step 2

Базовый HTML

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

7

Step 7

Layout. Flexbox

8

Step 8

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

9

Step 9

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

10

Step 10

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

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

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

15

Step 15

Доступность

16

Step 16

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

17

Step 17

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

18

Step 18

Сетки

19

Step 19

Анимация

20

Step 20

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

21

Step 21

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

29 January 2022 05 January 2024
The goal is overdue by 136 days
Details Briefly

Goal author

Андрей

Russia

36 years old

Send message

Add to friends

General

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

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

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

%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 теста

 Goal Accomplishment Criteria

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

 Personal resources

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

 Goal ecological compatibility

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

  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. Финальная работа курса Веб-верстка «Базовый уровень»

  • 2042
  • 29 January 2022, 18:57

The goal is in the group

Фронтенд

  • 268

    members

  • 355

    goals
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?
Settings

Widget for your goal

Big (450×150 px)

Small (250×100 px)

To insert a widget on your website or blog, copy the code and embed it in the original html-code to your blog/site.

For PRO only

You can buy a PRO account, or get it for free by inviting 3 friends to SmartProgress

Invite friends

Team
goal

Buy PRO-account

Email for any cases

  • Maxim Malikov

    founder

  • Sergey Zakharov

    founder