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

文件列表

• 00. Инструкция/Инструкция.png152.4 KB
• 00. Инструкция/Приветствие.mp418.7 MB
• 01. Знакомимся с дизайном сайта/01 базовый figma.mp472.3 MB
• 01. Знакомимся с дизайном сайта/01. Знакомимся с дизайном сайта.png203.2 KB
• 01. Знакомимся с дизайном сайта/Ссылки с урока/01. Обновление Figma 2024.mp455.9 MB
• 01. Знакомимся с дизайном сайта/Ссылки с урока/02. Обзор на Figma.mp467.5 MB
• 01. Знакомимся с дизайном сайта/Ссылки с урока/03. Обзор на Pixso.mp462.1 MB
• 01. Знакомимся с дизайном сайта/Ссылки с урока/04. Сравнение Pixso и Figma.mp445.1 MB
• 01. Знакомимся с дизайном сайта/Ссылки с урока/05. 4 способа включить Dev Mode.mp441.7 MB
• 01. Знакомимся с дизайном сайта/Ссылки с урока/Конспект урока.pdf5.7 MB
• 01. Знакомимся с дизайном сайта/Ссылки с урока/Ссылки с урока.txt1.0 KB
• 02. Создаем файлы и папки для сайта/02. Создаем файлы и папки для сайта.png191.8 KB
• 02. Создаем файлы и папки для сайта/базовый vs code.mp453.6 MB
• 02. Создаем файлы и папки для сайта/Ссылки с урока/01. Обзор VS Code.mp4108.9 MB
• 02. Создаем файлы и папки для сайта/Ссылки с урока/Ссылки с урока.txt1.4 KB
• 03. Подготовка HTML файла/03 base.mp446.3 MB
• 03. Подготовка HTML файла/03. Подготовка HTML файла.png170.4 KB
• 03. Подготовка HTML файла/Конспект.pdf3.9 MB
• 03. Подготовка HTML файла/Ссылки с урока.txt753 B
• 03. Подготовка HTML файла/Фавиконки/favicon.ico1.1 KB
• 03. Подготовка HTML файла/Фавиконки/favicon.svg942 B
• 04. Учимся создавать разметку/04 base.mp483.5 MB
• 04. Учимся создавать разметку/04. Учимся создавать разметку.png171.6 KB
• 04. Учимся создавать разметку/Визуально повторить эту картинку.jpg262.8 KB
• 04. Учимся создавать разметку/Конспект.pdf889.2 KB
• 04. Учимся создавать разметку/Ссылки с урока.txt981 B
• 05. Подключаем стили к разметке/05 base.mp432.4 MB
• 05. Подключаем стили к разметке/05. Подключаем стили к разметке.png158.6 KB
• 05. Подключаем стили к разметке/Домашнее задание.txt263 B
• 06. Улучшаем разметку для поисковых систем/06 base.mp441.4 MB
• 06. Улучшаем разметку для поисковых систем/06. Улучшаем разметку для поисковых систем.png168.5 KB
• 06. Улучшаем разметку для поисковых систем/semantic.html.txt3.9 KB
• 06. Улучшаем разметку для поисковых систем/Домашнее задание.txt718 B
• 07. Стилизуем текст/07 base.mp476.2 MB
• 07. Стилизуем текст/07. Стилизуем текст.png177.8 KB
• 07. Стилизуем текст/Ссылки с урока/01. Видео про ЕИ (ч.1).mp468.3 MB
• 07. Стилизуем текст/Ссылки с урока/02. Видео про ЕИ (ч.2).mp4109.5 MB
• 07. Стилизуем текст/Ссылки с урока/03. Новые единицы измерения CSS.mp4130.8 MB
• 07. Стилизуем текст/Ссылки с урока/04. Верстаем сайт с CSS Container.mp4282.0 MB
• 07. Стилизуем текст/Ссылки с урока/05. Видео с разбором предыдущего домашнего задания.mp48.7 MB
• 07. Стилизуем текст/Ссылки с урока/ДЗ Урок 7 Базовый курс.docx246.4 KB
• 07. Стилизуем текст/Ссылки с урока/Ссылки с урока.txt1.2 KB
• 08. Задаем отступы между блоками/08 base.mp425.8 MB
• 08. Задаем отступы между блоками/08. Задаем отступы между блоками.png162.2 KB
• 08. Задаем отступы между блоками/ДЗ Урок 8 Базовый курс.docx386.9 KB
• 08. Задаем отступы между блоками/Ссылки с урока.txt539 B
• 09. Указываем имена для элементов/09 base.mp462.4 MB
• 09. Указываем имена для элементов/09. Указываем имена для элементов.png168.0 KB
• 09. Указываем имена для элементов/ДЗ Урок 9 Базовый курс.docx321.2 KB
• 09. Указываем имена для элементов/Конспект.pdf3.2 MB
• 09. Указываем имена для элементов/Ссылки с урока.txt941 B
• 10. Расставляем элементы по сетке/010 базовый сетка.mp4100.5 MB
• 10. Расставляем элементы по сетке/10. Расставляем элементы по сетке.png202.6 KB
• 10. Расставляем элементы по сетке/Ссылки с урока/01. Гайд про Grid CSS.mp434.9 MB
• 10. Расставляем элементы по сетке/Ссылки с урока/02. Решения игры Grid Garden.mp4105.6 MB
• 10. Расставляем элементы по сетке/Ссылки с урока/03. Гайд про CSS Grid.mp434.9 MB
• 10. Расставляем элементы по сетке/Ссылки с урока/04. Разница Float, Flexbox и Grid.mp449.2 MB
• 10. Расставляем элементы по сетке/Ссылки с урока/05. Применение Flexbox и Grid.mp495.8 MB
• 10. Расставляем элементы по сетке/Ссылки с урока/Конспект.pdf12.6 MB
• 10. Расставляем элементы по сетке/Ссылки с урока/Основное домашнее задание описано в этом файле.docx431.6 KB
• 10. Расставляем элементы по сетке/Ссылки с урока/Ссылки с урока.txt1.4 KB
• 11. Подключаем шрифты к проекту/011 base.mp436.8 MB
• 11. Подключаем шрифты к проекту/11. Подключаем шрифты к проекту.png172.9 KB
• 11. Подключаем шрифты к проекту/Ссылки с урока.txt711 B
• 12. Верстаем шапку сайта и добавляем CSS переменные/012 base.mp4133.3 MB
• 12. Верстаем шапку сайта и добавляем CSS переменные/12. Верстаем шапку сайта и добавляем CSS переменные.png175.1 KB
• 12. Верстаем шапку сайта и добавляем CSS переменные/Ссылки с урока.txt772 B
• 13. Верстаем блок с фоном/013 base.mp4104.8 MB
• 13. Верстаем блок с фоном/13. Верстаем блок с фоном.png152.9 KB
• 13. Верстаем блок с фоном/Ссылки с урока/01. Видео про все свойства relative.mp459.1 MB
• 13. Верстаем блок с фоном/Ссылки с урока/Ссылки с урока.txt469 B
• 14. Верстаем баннер сайта/014 base.mp491.3 MB
• 14. Верстаем баннер сайта/14. Верстаем баннер сайта.png182.9 KB
• 14. Верстаем баннер сайта/Ссылки с урока.txt1.5 KB
• 15. Верстаем карточки товаров/015 base.mp4114.3 MB
• 15. Верстаем карточки товаров/15. Верстаем карточки товаров.png159.7 KB
• 15. Верстаем карточки товаров/Ссылки с урока.txt480 B
• 16. Верстаем подвал сайта/016 base.mp475.9 MB
• 16. Верстаем подвал сайта/16. Верстаем подвал сайта.png149.4 KB
• 16. Верстаем подвал сайта/Домашнее задание.txt219 B
• 17. Стилизуем ссылки при наведении/017 base.mp438.9 MB
• 17. Стилизуем ссылки при наведении/17. Стилизуем ссылки при наведении.png158.3 KB
• 17. Стилизуем ссылки при наведении/Ссылки с урока.txt475 B
• 18. Добавляем новую страницу/018 base.mp484.3 MB
• 18. Добавляем новую страницу/18. Добавляем новую страницу.png166.2 KB
• 18. Добавляем новую страницу/Исходники для новой страницы/contact/01.svg4.3 KB
• 18. Добавляем новую страницу/Исходники для новой страницы/contact/02.svg1.3 KB
• 18. Добавляем новую страницу/Исходники для новой страницы/contact/03.svg1.5 KB
• 18. Добавляем новую страницу/Исходники для новой страницы/contact.html8.6 KB
• 18. Добавляем новую страницу/Исходники для новой страницы/hero-contact.jpg522.7 KB
• 18. Добавляем новую страницу/Ссылки с урока.txt838 B
• 19. Добавляем переход наверх страницы/019 base.mp4115.3 MB
• 19. Добавляем переход наверх страницы/19. Добавляем переход наверх страницы.png173.1 KB
• 19. Добавляем переход наверх страницы/Исходники скриптов.docx6.8 KB
• 19. Добавляем переход наверх страницы/Ссылки с урока.txt796 B
• 20. Адаптируем экраны под планшеты (ч.1)/020 base.mp4136.2 MB
• 20. Адаптируем экраны под планшеты (ч.1)/20. Адаптируем экраны под планшеты (ч.1).png180.5 KB
• 20. Адаптируем экраны под планшеты (ч.1)/Методичка про адаптив.pdf7.3 MB
• 20. Адаптируем экраны под планшеты (ч.1)/Ссылки с урока.txt1.3 KB
• 21. Адаптируем экраны под планшеты (ч.2)/021 base.mp491.1 MB
• 21. Адаптируем экраны под планшеты (ч.2)/21. Адаптируем экраны под планшеты (ч.2).png158.6 KB
• 21. Адаптируем экраны под планшеты (ч.2)/Ссылки с урока.txt319 B
• 22. Адаптируем экраны под мобильные (ч.1)/022 base.mp493.1 MB
• 22. Адаптируем экраны под мобильные (ч.1)/22. Адаптируем экраны под мобильные (ч.1).png242.8 KB
• 22. Адаптируем экраны под мобильные (ч.1)/Скрипт для моб меню.docx6.4 KB
• 22. Адаптируем экраны под мобильные (ч.1)/Ссылки с урока.txt571 B
• 23. Адаптируем экраны под мобильные (ч.2)/023 base.mp4163.5 MB
• 23. Адаптируем экраны под мобильные (ч.2)/23. Адаптируем экраны под мобильные (ч.2).png246.3 KB
• 23. Адаптируем экраны под мобильные (ч.2)/Ссылки с урока.txt369 B
• 24. Оптимизируем сайт/025 base.mp439.7 MB
• 24. Оптимизируем сайт/24. Оптимизируем сайт.png201.2 KB
• 24. Оптимизируем сайт/Ссылки с урока.txt397 B
• 24. Оптимизируем сайт/Фавиконки/favicon.ico4.2 KB
• 24. Оптимизируем сайт/Фавиконки/favicon.svg2.1 KB
• 25. Публикуем страницу в Интернете/024 base.mp429.0 MB
• 25. Публикуем страницу в Интернете/25. Публикуем страницу в Интернете.png159.1 KB
• 25. Публикуем страницу в Интернете/Ссылки с урока.txt446 B
• 26. Дипломная работа/26. Дипломная работа.png191.1 KB
• 26. Дипломная работа/diplom base 4 0.mp4168.7 MB
• 26. Дипломная работа/Дипломная работа #1 для проекта Annblok.docx27.4 KB
• 26. Дипломная работа/Итоговая информация по курсу.txt1.5 KB
• 26. Дипломная работа/Макет для дипломной работы/files/@1x/Image 1 screen.png1014.9 KB
• 26. Дипломная работа/Макет для дипломной работы/files/@1x/trainer.png166.1 KB
• 26. Дипломная работа/Макет для дипломной работы/files/@2x/Image 1 screen@2x.png3.5 MB
• 26. Дипломная работа/Макет для дипломной работы/files/@2x/trainer@2x.png455.2 KB
• 26. Дипломная работа/Макет для дипломной работы/fonts/Montserrat-Bold.ttf312.6 KB
• 26. Дипломная работа/Макет для дипломной работы/fonts/Montserrat-Regular.ttf314.2 KB
• 26. Дипломная работа/Макет для дипломной работы/icons/Arrow.svg1.2 KB
• 26. Дипломная работа/Макет для дипломной работы/icons/body.svg4.9 KB
• 26. Дипломная работа/Макет для дипломной работы/icons/bottle.svg4.4 KB
• 26. Дипломная работа/Макет для дипломной работы/icons/check box empty.svg180 B
• 26. Дипломная работа/Макет для дипломной работы/icons/check_box.svg258 B
• 26. Дипломная работа/Макет для дипломной работы/icons/dumbbell.svg5.8 KB
• 26. Дипломная работа/Макет для дипломной работы/icons/FB.svg943 B
• 26. Дипломная работа/Макет для дипломной работы/icons/heart.svg2.7 KB
• 26. Дипломная работа/Макет для дипломной работы/icons/IN.svg1.4 KB
• 26. Дипломная работа/Макет для дипломной работы/icons/jump.svg3.5 KB
• 26. Дипломная работа/Макет для дипломной работы/icons/weight.svg3.2 KB
• 26. Дипломная работа/Макет для дипломной работы/logo.svg3.8 KB
• Список уроков.png122.8 KB