PurpleSchool, Stepik, Антон Ларичев - НТМL и CSS - полный курс по вёрстке с нуля (2025) (Тариф Самостоятельный)

Репозиторий проекта.zip

1.02 MB

Ссылка на макет в Figma.txt

52 B

01 Введение/1 HTML и CSS/HTML и CSS.mp4

96.71 MB

01 Введение/1 HTML и CSS/Конспект.docx

14.7 KB

01 Введение/2 Как устроен курс/Как устроен курс.mp4

89.29 MB

01 Введение/3 Обзор проектов/Конспект.docx

14.31 KB

01 Введение/3 Обзор проектов/Обзор проектов.mp4

40.02 MB

02 Настройка окружения/1 Настройка окружения/Настройка окружения.mp4

20.85 MB

02 Настройка окружения/2 Настройки VSCode/Настройки VSCode.mp4

25.74 MB

03 Знакомство с HTML/01 Структура HTML/Структура HTML.mp4

22.52 MB

03 Знакомство с HTML/02 Параграфы и переносы/Параграфы и переносы.mp4

58.17 MB

03 Знакомство с HTML/03 Заголовки/Заголовки.mp4

55.77 MB

03 Знакомство с HTML/04 Инспектор Chrome/Инспектор Chrome.mp4

45.78 MB

03 Знакомство с HTML/05 Структура документа/Структура документа.mp4

47.64 MB

03 Знакомство с HTML/06 Списки/Списки.mp4

32.35 MB

03 Знакомство с HTML/07 Упражнение - Вёрстка статьи/Упражнение - Вёрстка статьи.mp4

73.03 MB

03 Знакомство с HTML/08 Ссылки/Ссылки.mp4

41.14 MB

03 Знакомство с HTML/09 Изображения/Изображения.mp4

57.39 MB

03 Знакомство с HTML/10 Комментарии/Комментарии.mp4

24.5 MB

03 Знакомство с HTML/11 Упражнение - Вёрстка статьи 2/Упражнение - Вёрстка статьи 2.mp4

32.72 MB

04 Семантика и HTML5/1 Что такое HTML5/Что такое HTML5.mp4

25.36 MB

04 Семантика и HTML5/2 Блочные и строчные элементы/Блочные и строчные элементы.mp4

72.88 MB

04 Семантика и HTML5/4 Сущности HTML/Конспект.docx

14.52 KB

04 Семантика и HTML5/4 Сущности HTML/Сущности HTML.mp4

59.36 MB

04 Семантика и HTML5/5 Семантическая разметка/Конспект.docx

14.76 KB

04 Семантика и HTML5/5 Семантическая разметка/Семантическая разметка.mp4

82.13 MB

04 Семантика и HTML5/6 Упражнение - Разметка сайта/Конспект.docx

15.19 KB

04 Семантика и HTML5/6 Упражнение - Разметка сайта/Упражнение - Разметка сайта.mp4

134.82 MB

04 Семантика и HTML5/7 Screen Readers/Screen Readers.mp4

53.81 MB

04 Семантика и HTML5/7 Screen Readers/Конспект.docx

14.85 KB

05 Таблица/1 Создание таблиц/Создание таблиц.mp4

52.63 MB

05 Таблица/2 Доступность таблиц/Доступность таблиц.mp4

37.12 MB

05 Таблица/3 Colspan, rowspan/Colspan, rowspan.mp4

35.7 MB

05 Таблица/4 Упражнение - Вёрстка таблицы/Упражнение - Вёрстка таблицы.mp4

41.11 MB

06 Формы/01 Form/Form.mp4

79.36 MB

06 Формы/02 Input/Input.mp4

43.94 MB

06 Формы/03 Label/Label.mp4

60.11 MB

06 Формы/03 Label/Конспект.docx

14.98 KB

06 Формы/04 Кнопки/Кнопки.mp4

41.43 MB

06 Формы/04 Кнопки/Конспект.docx

15.35 KB

06 Формы/05 Name/Name.mp4

55.66 MB

06 Формы/05 Name/Конспект.docx

14.32 KB

06 Формы/06 Упражнение - Поиск YouTube/Конспект.docx

14.83 KB

06 Формы/06 Упражнение - Поиск YouTube/Упражнение - Поиск YouTube.mp4

28.71 MB

06 Формы/07 Radio, Checkbox, Select/Radio, Checkbox, Select.mp4

61.71 MB

06 Формы/07 Radio, Checkbox, Select/Конспект.docx

14.74 KB

06 Формы/08 Range/Range.mp4

25.51 MB

06 Формы/08 Range/Конспект.docx

14.79 KB

06 Формы/09 Textarea/Textarea.mp4

18.43 MB

06 Формы/09 Textarea/Конспект.docx

14.93 KB

06 Формы/10 Валидация форм/Валидация форм.mp4

67.98 MB

06 Формы/10 Валидация форм/Конспект.docx

15.06 KB

06 Формы/11 Упражнение - Форма контактов/Конспект.docx

14.51 KB

06 Формы/11 Упражнение - Форма контактов/Упражнение - Форма контактов.mp4

45.68 MB

07 Основы CSS/1 Для чего нужен CSS/Для чего нужен CSS.mp4

29.64 MB

07 Основы CSS/2 Способы стилизации/Способы стилизации.mp4

53.62 MB

07 Основы CSS/3 Цвет и фон/Цвет и фон.mp4

21.9 MB

07 Основы CSS/4 Работа с цветами/Работа с цветами.mp4

62.38 MB

07 Основы CSS/5 Упражнение - Цвета формы/Упражнение - Цвета формы.mp4

30.36 MB

07 Основы CSS/6 Стилизация текста/Стилизация текста.mp4

70.62 MB

07 Основы CSS/7 Font family/Font family.mp4

69.04 MB

08 Работа с Figma/1 Разбор интерфейса/Разбор интерфейса.mp4

77.75 MB

08 Работа с Figma/2 Компоненты и свойства/Компоненты и свойства.mp4

73.76 MB

08 Работа с Figma/3 Экспорт графики/Экспорт графики.mp4

70.14 MB

08 Работа с Figma/4 Измерение расстояний/Измерение расстояний.mp4

31.2 MB

09 CSS Selectors/1 Выбор элементов/Выбор элементов.mp4

25.51 MB

09 CSS Selectors/2 ID элемента/ID элемента.mp4

37.52 MB

09 CSS Selectors/3 Выбор по классу/Выбор по классу.mp4

44 MB

09 CSS Selectors/4 Выбор по атрибуту/Выбор по атрибуту.mp4

22.92 MB

09 CSS Selectors/5 Упражнение - Стиль страницы/Упражнение - Стиль страницы.mp4

59.01 MB

09 CSS Selectors/6 Дочерние элементы/Дочерние элементы.mp4

46.37 MB

09 CSS Selectors/7 Соседние элементы/Соседние элементы.mp4

23.53 MB

10 Псевдоклассы и элементы/1 Псевдоклассы/Конспект.docx

15.1 KB

10 Псевдоклассы и элементы/1 Псевдоклассы/Псевдоклассы.mp4

65.09 MB

10 Псевдоклассы и элементы/2 Псевдоклассы с параметрами/Конспект.docx

14.89 KB

10 Псевдоклассы и элементы/2 Псевдоклассы с параметрами/Псевдоклассы с параметрами.mp4

57.82 MB

10 Псевдоклассы и элементы/3 Псевдоэлементы/Конспект.docx

14.73 KB

10 Псевдоклассы и элементы/3 Псевдоэлементы/Псевдоэлементы.mp4

36.77 MB

10 Псевдоклассы и элементы/4 Стили списков/Конспект.docx

15.45 KB

10 Псевдоклассы и элементы/4 Стили списков/Стили списков.mp4

59.62 MB

10 Псевдоклассы и элементы/5 Упражнение - Дизайн списка/Конспект.docx

15.29 KB

10 Псевдоклассы и элементы/5 Упражнение - Дизайн списка/Упражнение - Дизайн списка.mp4

44.39 MB

11 Каскад/1 Каскад CSS/Каскад CSS.mp4

40.75 MB

11 Каскад/1 Каскад CSS/Конспект.docx

14.8 KB

11 Каскад/2 Специфичность стилей/Конспект.docx

15.02 KB

11 Каскад/2 Специфичность стилей/Специфичность стилей.mp4

91.24 MB

11 Каскад/3 Important/Important.mp4

33.21 MB

11 Каскад/3 Important/Конспект.docx

14.83 KB

11 Каскад/4 Наследование в CSS/Конспект.docx

14.6 KB

11 Каскад/4 Наследование в CSS/Наследование в CSS.mp4

57.97 MB

12 Блочная модель/1 О блочной модели/Конспект.docx

14.92 KB

12 Блочная модель/1 О блочной модели/О блочной модели.mp4

26.81 MB

12 Блочная модель/2 Ширина и высота/Конспект.docx

14.76 KB

12 Блочная модель/2 Ширина и высота/Ширина и высота.mp4

68.77 MB

12 Блочная модель/3 Границы/Границы.mp4

89.22 MB

12 Блочная модель/3 Границы/Конспект.docx

15.32 KB

12 Блочная модель/4 Padding/Padding.mp4

56.85 MB

12 Блочная модель/5 Margin/Margin.mp4

40.97 MB

12 Блочная модель/5 Margin/Конспект.docx

14.94 KB

12 Блочная модель/6 Упражнение - Добавление отступов/Конспект.docx

14.53 KB

12 Блочная модель/6 Упражнение - Добавление отступов/Упражнение - Добавление отступов.mp4

166.97 MB

13 Поток документов/1 Поток документа/Конспект.docx

14.4 KB

13 Поток документов/1 Поток документа/Поток документа.mp4

29.95 MB

13 Поток документов/2 Float/Float.mp4

74.62 MB

13 Поток документов/2 Float/Конспект.docx

14.73 KB

13 Поток документов/3 Display/3. Display.mp4

28.12 MB

13 Поток документов/3 Display/Конспект.docx

14.52 KB

13 Поток документов/4 Position/Position.mp4

123.44 MB

13 Поток документов/4 Position/Конспект.docx

14.72 KB

13 Поток документов/5 Text-align/Text-align.mp4

44.94 MB

13 Поток документов/5 Text-align/Конспект.docx

14.38 KB

13 Поток документов/6 Упражнение - Label формы/Конспект.docx

14.67 KB

13 Поток документов/6 Упражнение - Label формы/Упражнение - Label формы.mp4

152.11 MB

14 Единицы измерения/1 Проценты/Конспект.docx

14.68 KB

14 Единицы измерения/1 Проценты/Проценты.mp4

57.65 MB

14 Единицы измерения/2 Em/Em.mp4

71.16 MB

14 Единицы измерения/3 Rem/Rem.mp4

35.48 MB

14 Единицы измерения/3 Rem/Конспект.docx

14.85 KB

14 Единицы измерения/4 Vh и vw/Vh и vw.mp4

37.59 MB

14 Единицы измерения/4 Vh и vw/Конспект.docx

14.84 KB

15 Анимация/1 Transition/Transition.mp4

68.04 MB

15 Анимация/2 Transition timing functions/Transition timing functions.mp4

83.63 MB

15 Анимация/3 Анализ анимации/Анализ анимации.mp4

21.7 MB

15 Анимация/4 Transform/Transform.mp4

61.38 MB

15 Анимация/5 Animation/Ограничения transition.mp4

89.28 MB

16 Адаптивная вёрстка/1 Что такое адаптивная вёрстка/Что такое адаптивная вёрстка.mp4

34.1 MB

16 Адаптивная вёрстка/2 Media выражения/Media выражения.mp4

85.05 MB

16 Адаптивная вёрстка/3 Max и min width/Max и min width.mp4

29.78 MB

16 Адаптивная вёрстка/4 Шрифты и vmin/Шрифты и vmin.mp4

33.03 MB

16 Адаптивная вёрстка/5 Calc/Calc.mp4

46.4 MB

16 Адаптивная вёрстка/6 Min и max/Min и max.mp4

41.87 MB

16 Адаптивная вёрстка/7 Clamp/Clamp.mp4

41.69 MB

16 Адаптивная вёрстка/8 Pow/Pow.mp4

44.88 MB

16 Адаптивная вёрстка/9 Sqrt log exp/Sqrt log exp.mp4

21.19 MB

17 CSS Flexbox/01 О flexbox/О flexbox.mp4

11.68 MB

17 CSS Flexbox/02 Введение во Flexbox/Введение во Flexbox.mp4

26.58 MB

17 CSS Flexbox/03 Работа с flex-direction/Работа с flex-direction.mp4

16.59 MB

17 CSS Flexbox/04 Flex-wrap/Flex-wrap.mp4

39.27 MB

17 CSS Flexbox/05 Порядок элементов/Порядок элементов.mp4

29.17 MB

17 CSS Flexbox/07 Justify-content/Justify-content.mp4

44.94 MB

17 CSS Flexbox/08 Align-items/Align-items.mp4

26.44 MB

17 CSS Flexbox/09 Align-content/Align-content.mp4

31.53 MB

17 CSS Flexbox/11 Размеры и flex/Размеры и flex.mp4

3.81 MB

17 CSS Flexbox/12 Flex-grow, flex-shrink и flex-basis/Flex-grow, flex-shrink и flex-basis.mp4

54.19 MB

17 CSS Flexbox/13 Flex-wrap с flex-basis/Flex-wrap с flex-basis.mp4

31.43 MB

17 CSS Flexbox/14 Gap row-gap column-gap/Gap row-gap column-gap.mp4

42.63 MB

17 CSS Flexbox/15 Auto margin/Auto margin.mp4

19.12 MB

18 Практика flexbox/1 Подключение шрифтов/Подключение шрифтов.mp4

58.96 MB

18 Практика flexbox/2 Google Fonts/Google Fonts.mp4

44.85 MB

18 Практика flexbox/2 Google Fonts/Конспект.docx

14.32 KB

18 Практика flexbox/3 Упражнение - Вёрстка hero/Конспект.docx

14.13 KB

18 Практика flexbox/3 Упражнение - Вёрстка hero/Упражнение - Вёрстка hero.mp4

118.1 MB

18 Практика flexbox/4 Упражнение - финал вёрстки/Конспект.docx

14.59 KB

18 Практика flexbox/4 Упражнение - финал вёрстки/Упражнение - финал вёрстки.mp4

131.92 MB

19 Методологии и практики/1 Зачем методологии/Зачем методологии.mp4

24.67 MB

19 Методологии и практики/2 БЭМ/БЭМ.mp4

130.74 MB

19 Методологии и практики/3 SMACSS/SMACSS.mp4

90.03 MB

19 Методологии и практики/4 Custom Properties/4. Custom Properties.mp4

19.59 MB

19 Методологии и практики/5 Анимация с custom property/Анимация с custom property.mp4

26.65 MB

20 Проект - Вёрстка страницы школы/01 Подготовка проекта/Подготовка проекта.mp4

41.98 MB

20 Проект - Вёрстка страницы школы/02 Вёрстка шапки/Вёрстка шапки.mp4

195.87 MB

20 Проект - Вёрстка страницы школы/03 Шрифты и адаптив шапки/Шрифты и адаптив шапки.mp4

87.45 MB

20 Проект - Вёрстка страницы школы/04 Упражнение - Hero/Упражнение - Hero.mp4

195.89 MB

20 Проект - Вёрстка страницы школы/05 Адаптив Hero/Адаптив Hero.mp4

135.57 MB

20 Проект - Вёрстка страницы школы/06 Aria атрибуты/Aria атрибуты.mp4

69.5 MB

20 Проект - Вёрстка страницы школы/07 Вёрстка футера/Вёрстка футера.mp4

136.61 MB

20 Проект - Вёрстка страницы школы/08 Стилизация футера/Стилизация футера.mp4

148.59 MB

20 Проект - Вёрстка страницы школы/09 Адаптив футера/Адаптив футера.mp4

52.92 MB

20 Проект - Вёрстка страницы школы/10 Упражнение - Блог/Упражнение - Блог.mp4

252.52 MB

20 Проект - Вёрстка страницы школы/11 Упражнение - Адаптив блога/Упражнение - Адаптив блога.mp4

48.89 MB

21 CSS Grid/01 Подготовка проекта/Конспект.docx

14.54 KB

21 CSS Grid/01 Подготовка проекта/Подготовка проекта.mp4

41.56 MB

21 CSS Grid/02 Template и gap/Template и gap.mp4

46.51 MB

21 CSS Grid/03 Grid-auto-flow/Grid-auto-flow.mp4

24.6 MB

21 CSS Grid/04 Ширина колонок/Конспект.docx

14.82 KB

21 CSS Grid/04 Ширина колонок/Ширина колонок.mp4

35.55 MB

21 CSS Grid/05 Ширина элементов/Ширина элементов.mp4

37.25 MB

21 CSS Grid/06 Положение элементов/Конспект.docx

14.74 KB

21 CSS Grid/06 Положение элементов/Положение элементов.mp4

44.3 MB

21 CSS Grid/07 Именованные линии/Именованные линии.mp4

32.14 MB

21 CSS Grid/07 Именованные линии/Конспект.docx

14.4 KB

21 CSS Grid/08 Auto-fit и auto-fill/Auto-fit и auto-fill.mp4

33.23 MB

21 CSS Grid/08 Auto-fit и auto-fill/Конспект.docx

14.75 KB

21 CSS Grid/09 Адаптивный grid/Адаптивный grid.mp4

34.95 MB

21 CSS Grid/10 Order/Order.mp4

17.07 MB

21 CSS Grid/11 Justify и align/Justify и align.mp4

62.82 MB

21 CSS Grid/12 Заполнение grid/Заполнение grid.mp4

39.98 MB

21 CSS Grid/13 Template-areas/Template-areas.mp4

76.73 MB

21 CSS Grid/13 Template-areas/Конспект.docx

14.46 KB

21 CSS Grid/14 Лучшие практики/Лучшие практики.mp4

42.24 MB

22 Проект - Практика Grid/1 Разбор макета/Конспект.docx

14.92 KB

22 Проект - Практика Grid/1 Разбор макета/Разбор макета.mp4

71.55 MB

22 Проект - Практика Grid/2 Упражнение - Вёрстка сетки/Конспект.docx

14.54 KB

22 Проект - Практика Grid/2 Упражнение - Вёрстка сетки/Упражнение - Вёрстка сетки.mp4

112.86 MB

22 Проект - Практика Grid/3 Overflow и white-space/Overflow и white-space.mp4

53.59 MB

22 Проект - Практика Grid/3 Overflow и white-space/Конспект.docx

14.3 KB

22 Проект - Практика Grid/4 Scrollbar/Scrollbar.mp4

22.01 MB

22 Проект - Практика Grid/4 Scrollbar/Конспект.docx

14.48 KB

22 Проект - Практика Grid/5 Упражнение - Вёрстка карточки/Упражнение - Вёрстка карточки.mp4

183.4 MB

22 Проект - Практика Grid/6 Адаптив списка курсов/Адаптив списка курсов.mp4

71.31 MB

22 Проект - Практика Grid/6 Адаптив списка курсов/Конспект.docx

14.19 KB

22 Проект - Практика Grid/7 Упражнение - Нам доверяют/Конспект.docx

14.72 KB

22 Проект - Практика Grid/7 Упражнение - Нам доверяют/Упражнение - Нам доверяют.mp4

195.33 MB

22 Проект - Практика Grid/8 Финальный адаптив/Финальный адаптив.mp4

127.34 MB

资源详情

免责声明