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
Ціль прострочена на 135 днів
Детально Стисло

Автор мети

Андрей

Росія

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

  • 2039
  • 29 січня 2022, 18:57


Мета у складі групи

Фронтенд

  • 268

    участників

  • 355

    цілей
Реєстрація

Можливості
безмежні.
Настав час
відкрити свої.

Уже зарегистрированы?
Швидка реєстрація через соцмережі
Вхід на сайт

Заходьте.
Відкрито.

Ще не зареєстровані?
 
Підключіться до будь-якого з ваших акаунтів, ваші дані будуть взяті з акаунту.
Забули пароль?
Налаштування

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

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

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

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

Эта функция доступна только для PRO

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

Запросити друзів

Підняття
цілей вгору

Придбати PRO-аккаунт

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

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

    основатель

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

    основатель