frontendblok - Базовый курс по верстке 4.0. Макеты Figma на HTML и CSS (2023)

🖼️

00. Инструкция/Инструкция.png

152.4 KB

🎬

00. Инструкция/Приветствие.mp4

18.69 MB

🎬

01. Знакомимся с дизайном сайта/01 базовый figma.mp4

72.3 MB

🖼️

01. Знакомимся с дизайном сайта/01. Знакомимся с дизайном сайта.png

203.17 KB

🎬

01. Знакомимся с дизайном сайта/Ссылки с урока/01. Обновление Figma 2024.mp4

55.94 MB

🎬

01. Знакомимся с дизайном сайта/Ссылки с урока/02. Обзор на Figma.mp4

67.54 MB

🎬

01. Знакомимся с дизайном сайта/Ссылки с урока/03. Обзор на Pixso.mp4

62.11 MB

🎬

01. Знакомимся с дизайном сайта/Ссылки с урока/04. Сравнение Pixso и Figma.mp4

45.1 MB

🎬

01. Знакомимся с дизайном сайта/Ссылки с урока/05. 4 способа включить Dev Mode.mp4

41.71 MB

📄

01. Знакомимся с дизайном сайта/Ссылки с урока/Конспект урока.pdf

5.71 MB

📄

01. Знакомимся с дизайном сайта/Ссылки с урока/Ссылки с урока.txt

1.02 KB

🖼️

02. Создаем файлы и папки для сайта/02. Создаем файлы и папки для сайта.png

191.8 KB

🎬

02. Создаем файлы и папки для сайта/базовый vs code.mp4

53.61 MB

🎬

02. Создаем файлы и папки для сайта/Ссылки с урока/01. Обзор VS Code.mp4

108.87 MB

📄

02. Создаем файлы и папки для сайта/Ссылки с урока/Ссылки с урока.txt

1.43 KB

🎬

03. Подготовка HTML файла/03 base.mp4

46.35 MB

🖼️

03. Подготовка HTML файла/03. Подготовка HTML файла.png

170.39 KB

📄

03. Подготовка HTML файла/Конспект.pdf

3.89 MB

📄

03. Подготовка HTML файла/Ссылки с урока.txt

753 B

🖼️

03. Подготовка HTML файла/Фавиконки/favicon.ico

1.12 KB

🖼️

03. Подготовка HTML файла/Фавиконки/favicon.svg

942 B

🎬

04. Учимся создавать разметку/04 base.mp4

83.46 MB

🖼️

04. Учимся создавать разметку/04. Учимся создавать разметку.png

171.57 KB

🖼️

04. Учимся создавать разметку/Визуально повторить эту картинку.jpg

262.77 KB

📄

04. Учимся создавать разметку/Конспект.pdf

889.19 KB

📄

04. Учимся создавать разметку/Ссылки с урока.txt

981 B

🎬

05. Подключаем стили к разметке/05 base.mp4

32.38 MB

🖼️

05. Подключаем стили к разметке/05. Подключаем стили к разметке.png

158.57 KB

📄

05. Подключаем стили к разметке/Домашнее задание.txt

263 B

🎬

06. Улучшаем разметку для поисковых систем/06 base.mp4

41.38 MB

🖼️

06. Улучшаем разметку для поисковых систем/06. Улучшаем разметку для поисковых систем.png

168.46 KB

📄

06. Улучшаем разметку для поисковых систем/semantic.html.txt

3.86 KB

📄

06. Улучшаем разметку для поисковых систем/Домашнее задание.txt

718 B

🎬

07. Стилизуем текст/07 base.mp4

76.23 MB

🖼️

07. Стилизуем текст/07. Стилизуем текст.png

177.84 KB

🎬

07. Стилизуем текст/Ссылки с урока/01. Видео про ЕИ (ч.1).mp4

68.25 MB

🎬

07. Стилизуем текст/Ссылки с урока/02. Видео про ЕИ (ч.2).mp4

109.46 MB

🎬

07. Стилизуем текст/Ссылки с урока/03. Новые единицы измерения CSS.mp4

130.82 MB

🎬

07. Стилизуем текст/Ссылки с урока/04. Верстаем сайт с CSS Container.mp4

282.03 MB

🎬

07. Стилизуем текст/Ссылки с урока/05. Видео с разбором предыдущего домашнего задания.mp4

8.71 MB

📄

07. Стилизуем текст/Ссылки с урока/ДЗ Урок 7 Базовый курс.docx

246.35 KB

📄

07. Стилизуем текст/Ссылки с урока/Ссылки с урока.txt

1.15 KB

🎬

08. Задаем отступы между блоками/08 base.mp4

25.83 MB

🖼️

08. Задаем отступы между блоками/08. Задаем отступы между блоками.png

162.23 KB

📄

08. Задаем отступы между блоками/ДЗ Урок 8 Базовый курс.docx

386.93 KB

📄

08. Задаем отступы между блоками/Ссылки с урока.txt

539 B

🎬

09. Указываем имена для элементов/09 base.mp4

62.38 MB

🖼️

09. Указываем имена для элементов/09. Указываем имена для элементов.png

168.03 KB

📄

09. Указываем имена для элементов/ДЗ Урок 9 Базовый курс.docx

321.23 KB

📄

09. Указываем имена для элементов/Конспект.pdf

3.24 MB

📄

09. Указываем имена для элементов/Ссылки с урока.txt

941 B

🎬

10. Расставляем элементы по сетке/010 базовый сетка.mp4

100.45 MB

🖼️

10. Расставляем элементы по сетке/10. Расставляем элементы по сетке.png

202.57 KB

🎬

10. Расставляем элементы по сетке/Ссылки с урока/01. Гайд про Grid CSS.mp4

34.92 MB

🎬

10. Расставляем элементы по сетке/Ссылки с урока/02. Решения игры Grid Garden.mp4

105.65 MB

🎬

10. Расставляем элементы по сетке/Ссылки с урока/03. Гайд про CSS Grid.mp4

34.92 MB

🎬

10. Расставляем элементы по сетке/Ссылки с урока/04. Разница Float, Flexbox и Grid.mp4

49.16 MB

🎬

10. Расставляем элементы по сетке/Ссылки с урока/05. Применение Flexbox и Grid.mp4

95.77 MB

📄

10. Расставляем элементы по сетке/Ссылки с урока/Конспект.pdf

12.63 MB

📄

10. Расставляем элементы по сетке/Ссылки с урока/Основное домашнее задание описано в этом файле.docx

431.56 KB

📄

10. Расставляем элементы по сетке/Ссылки с урока/Ссылки с урока.txt

1.37 KB

🎬

11. Подключаем шрифты к проекту/011 base.mp4

36.78 MB

🖼️

11. Подключаем шрифты к проекту/11. Подключаем шрифты к проекту.png

172.87 KB

📄

11. Подключаем шрифты к проекту/Ссылки с урока.txt

711 B

🎬

12. Верстаем шапку сайта и добавляем CSS переменные/012 base.mp4

133.34 MB

🖼️

12. Верстаем шапку сайта и добавляем CSS переменные/12. Верстаем шапку сайта и добавляем CSS переменные.png

175.14 KB

📄

12. Верстаем шапку сайта и добавляем CSS переменные/Ссылки с урока.txt

772 B

🎬

13. Верстаем блок с фоном/013 base.mp4

104.85 MB

🖼️

13. Верстаем блок с фоном/13. Верстаем блок с фоном.png

152.87 KB

🎬

13. Верстаем блок с фоном/Ссылки с урока/01. Видео про все свойства relative.mp4

59.14 MB

📄

13. Верстаем блок с фоном/Ссылки с урока/Ссылки с урока.txt

469 B

🎬

14. Верстаем баннер сайта/014 base.mp4

91.34 MB

🖼️

14. Верстаем баннер сайта/14. Верстаем баннер сайта.png

182.93 KB

📄

14. Верстаем баннер сайта/Ссылки с урока.txt

1.46 KB

🎬

15. Верстаем карточки товаров/015 base.mp4

114.27 MB

🖼️

15. Верстаем карточки товаров/15. Верстаем карточки товаров.png

159.68 KB

📄

15. Верстаем карточки товаров/Ссылки с урока.txt

480 B

🎬

16. Верстаем подвал сайта/016 base.mp4

75.89 MB

🖼️

16. Верстаем подвал сайта/16. Верстаем подвал сайта.png

149.37 KB

📄

16. Верстаем подвал сайта/Домашнее задание.txt

219 B

🎬

17. Стилизуем ссылки при наведении/017 base.mp4

38.9 MB

🖼️

17. Стилизуем ссылки при наведении/17. Стилизуем ссылки при наведении.png

158.28 KB

📄

17. Стилизуем ссылки при наведении/Ссылки с урока.txt

475 B

🎬

18. Добавляем новую страницу/018 base.mp4

84.25 MB

🖼️

18. Добавляем новую страницу/18. Добавляем новую страницу.png

166.25 KB

🖼️

18. Добавляем новую страницу/Исходники для новой страницы/contact/01.svg

4.29 KB

🖼️

18. Добавляем новую страницу/Исходники для новой страницы/contact/02.svg

1.34 KB

🖼️

18. Добавляем новую страницу/Исходники для новой страницы/contact/03.svg

1.46 KB

💻

18. Добавляем новую страницу/Исходники для новой страницы/contact.html

8.57 KB

🖼️

18. Добавляем новую страницу/Исходники для новой страницы/hero-contact.jpg

522.68 KB

📄

18. Добавляем новую страницу/Ссылки с урока.txt

838 B

🎬

19. Добавляем переход наверх страницы/019 base.mp4

115.26 MB

🖼️

19. Добавляем переход наверх страницы/19. Добавляем переход наверх страницы.png

173.07 KB

📄

19. Добавляем переход наверх страницы/Исходники скриптов.docx

6.83 KB

📄

19. Добавляем переход наверх страницы/Ссылки с урока.txt

796 B

🎬

20. Адаптируем экраны под планшеты (ч.1)/020 base.mp4

136.22 MB

🖼️

20. Адаптируем экраны под планшеты (ч.1)/20. Адаптируем экраны под планшеты (ч.1).png

180.51 KB

📄

20. Адаптируем экраны под планшеты (ч.1)/Методичка про адаптив.pdf

7.32 MB

📄

20. Адаптируем экраны под планшеты (ч.1)/Ссылки с урока.txt

1.33 KB

🎬

21. Адаптируем экраны под планшеты (ч.2)/021 base.mp4

91.14 MB

🖼️

21. Адаптируем экраны под планшеты (ч.2)/21. Адаптируем экраны под планшеты (ч.2).png

158.58 KB

📄

21. Адаптируем экраны под планшеты (ч.2)/Ссылки с урока.txt

319 B

🎬

22. Адаптируем экраны под мобильные (ч.1)/022 base.mp4

93.07 MB

🖼️

22. Адаптируем экраны под мобильные (ч.1)/22. Адаптируем экраны под мобильные (ч.1).png

242.78 KB

📄

22. Адаптируем экраны под мобильные (ч.1)/Скрипт для моб меню.docx

6.36 KB

📄

22. Адаптируем экраны под мобильные (ч.1)/Ссылки с урока.txt

571 B

🎬

23. Адаптируем экраны под мобильные (ч.2)/023 base.mp4

163.54 MB

🖼️

23. Адаптируем экраны под мобильные (ч.2)/23. Адаптируем экраны под мобильные (ч.2).png

246.28 KB

📄

23. Адаптируем экраны под мобильные (ч.2)/Ссылки с урока.txt

369 B

🎬

24. Оптимизируем сайт/025 base.mp4

39.74 MB

🖼️

24. Оптимизируем сайт/24. Оптимизируем сайт.png

201.19 KB

📄

24. Оптимизируем сайт/Ссылки с урока.txt

397 B

🖼️

24. Оптимизируем сайт/Фавиконки/favicon.ico

4.19 KB

🖼️

24. Оптимизируем сайт/Фавиконки/favicon.svg

2.06 KB

🎬

25. Публикуем страницу в Интернете/024 base.mp4

28.96 MB

🖼️

25. Публикуем страницу в Интернете/25. Публикуем страницу в Интернете.png

159.1 KB

📄

25. Публикуем страницу в Интернете/Ссылки с урока.txt

446 B

🖼️

26. Дипломная работа/26. Дипломная работа.png

191.06 KB

🎬

26. Дипломная работа/diplom base 4 0.mp4

168.72 MB

📄

26. Дипломная работа/Дипломная работа #1 для проекта Annblok.docx

27.44 KB

📄

26. Дипломная работа/Итоговая информация по курсу.txt

1.48 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/files/@1x/Image 1 screen.png

1014.88 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/files/@1x/trainer.png

166.08 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/files/@2x/Image 1 [email protected]

3.47 MB

🖼️

26. Дипломная работа/Макет для дипломной работы/files/@2x/[email protected]

455.16 KB

📄

26. Дипломная работа/Макет для дипломной работы/fonts/Montserrat-Bold.ttf

312.57 KB

📄

26. Дипломная работа/Макет для дипломной работы/fonts/Montserrat-Regular.ttf

314.16 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/Arrow.svg

1.18 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/body.svg

4.9 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/bottle.svg

4.44 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/check box empty.svg

180 B

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/check_box.svg

258 B

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/dumbbell.svg

5.77 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/FB.svg

943 B

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/heart.svg

2.66 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/IN.svg

1.37 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/jump.svg

3.46 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/icons/weight.svg

3.23 KB

🖼️

26. Дипломная работа/Макет для дипломной работы/logo.svg

3.83 KB

🖼️

Список уроков.png

122.84 KB

Resource Detail

Disclaimer