Udemy Глеб Чубаренко Познавая вёрстку HTML CSS кое что ещё

/10. Решаем популярные задачи/

10. Анимация.mp4

1. Стиль кодирования.mp4

2. Изображение в виде фона на всю ширину.mp4

3. Элементы формы.mp4

4. Методы отправки формы.mp4

5. Снова формы fieldset и radio.mp4

6. Меняем стили для формы.mp4

7. О свойстве box-sizing.mp4

8. Варианты в методологии RSCSS.mp4

9. Варианты задания размеров.mp4

10.1 Сервис для создания анимации.html

10.2 Сервис для создания анимации.html

11. Структура папок проекта.mp4

12. Ещё о кроссбраузерности.mp4

12.1 Справочник поддержки тегов.html

12.2 Просмотр сайта на разных устройствах и системах.html

13. Оптимизация.mp4

14. Внезапно баг в проекте.mp4

15. Комментарии в коде.mp4

16. Организация кода в разных файлах.mp4

17. HTML5.mp4

/1. Введение/

2. Советы по обучению.mp4

3. Что такое страница сайта.mp4

4. Что такое тег.mp4

5. Анатомия тега.mp4

6. Страница изнутри.mp4

1. О чём этот курс.mp4

/2. Верстка бегло на примере очень простой страницы/

1. Списки.mp4

2. Инструменты разработчика.mp4

3. Особенности поведения некоторых тегов.mp4

4. Как привязать стили к странице.mp4

5. Как писать стили.mp4

5.1 Программа для выбора цветов.html

5.2 Сервис для выбора цветов.html

/3. Фундамент вёрстки/

1. Структура html страницы.mp4

2. Разбиение страницы на блоки.mp4

3. Разбиение блоков на элементы.mp4

4. Группировка элементов.mp4

5. Советы по решению заданий.mp4

6. Задание 1.mp4

7. Задание 1 - решение.mp4

8. От разбиения к верстке условным тегом.mp4

9. Даём названия классам правильно.mp4

/4. Применяем знания к тестовому проекту/

1. Несколько популярных тегов.mp4

2. Меняем условный тег на нужный.mp4

3. Выпадающие спики.mp4

4. Таблицы.mp4

5. Задание 2.mp4

6. Задание 2 - разбор.mp4

7. Обзор пройденного.mp4

/5. Основы стилей CSS/

1. Правильное подключение стилей.mp4

2. Верстка макета для примера.mp4

3. Что такое CSS селекторы.mp4

4. Приоритет селекторов.mp4

5. Шпаргалка по стилям в виде mindmap.mp4

5.1 Карта стилей.html

6. Отступы.mp4

7. Блоковая модель box model.mp4

8. Техника pixel perfect.mp4

8.1 Расширение для google chrome.html

9. Шрифты.mp4

10. Позиционирование элементов.mp4

11. Задание 3.mp4

12. Задание 3 - разбор.mp4

13. Обзор пройденного.mp4

/6. Продвинутые техники/

1. Препроцессоры и что это такое.mp4

2. Препроцессор scss и visual studio code.mp4

3. Методология на примере RSCSS.mp4

3.1 RSCSS методология.html

4. Понятие контекста.mp4

/7. Создаем шапку тестового проекта/

1. Верстка шапки.mp4

2. Подключение шрифтов.mp4

2.1 Google шрифты.html

3. Стили для шапки - способ 1.mp4

4. Нормализация.mp4

4.1 Стили для нормализации.html

5. Стили для шапки - способ 2, на флексбоксах.mp4

6. Добавляем кнопки соц сетей.mp4

6.1 Сервис для кнопок шаринга.html

6.2 Yandex share.html

7. Пытаемся сделать pixel perfect для шапки.mp4

8. Цвета как переменные.mp4

/8. Верстаем календари/

1. Ограничиваем максимальную ширину сайта - создаём контейнер.mp4

2. Снова про выпадающие списки.mp4

3. Аналог функций в SASS.mp4

4. Приближаем календарь к pixel perfect.mp4

5. Ещё раз про таблицы (ньюансы).mp4

6. Что такое псевдоклассы.mp4

7. Иконочные шрифты.mp4

7.1 Font awesome.html

8. Задание 4.mp4

9. Задание 4 - разбор.mp4

/9. Адаптивность и кроссбраузерность/

1. Введение в адаптивность.mp4

2. Выравнивание календарей.mp4

3. SASS и миксины.mp4

4. Префиксы для старых версий браузеров.mp4

5. Media запросы.mp4

6. Пару слов о bootstrap.mp4

/11. Нюансы, о которых надо знать/

1. Бойцы невидимого фронта мета теги.mp4

2. Ещё одни возможности для адаптивности мета тег viewport.mp4

3. Последний штрих фавикон.mp4

3.1 Сервис генерации фавиконок.html

3.2 Библиотека иконок.html

4. Бонус навыки верстки.mp4

4.1 Карта навыки верстки.html

Total files 105