[TutorPlace] HTML-верстка (Эрик Спичак)

​

Вы получите все необходимые знания по HTML и научитесь успешно их применять. Вы подробно изучите, из каких элементов состоит веб-страница, как использовать теги HTML и работать с визуальным оформлением сайтов при помощи CSS. Во время прохождения курса вы выполните много практических заданий и сделаете финальный проект, а после него станете отлично разбираться в возможностях HTML и сумеете создавать веб-страницы, которые будут отвечать всем современным требованиям по HTML-верстке.

С курсом вы:
Узнаете все о WWW
Освоите работу с браузером, devtools и vsCode
Освоите HTML
И поймете насколько большой спектр задач можно решать с его помощью
Научитесь работать с графикой
Поймете как правильно работать с различными медиаматериалами - даже без помощи дизайнера
Научитесь работать с CSS
Менять стиль веб-страниц, их фон, цвета и многое другое
Создадите аккаунты на биржах фриланса
И приложите к нему портфолио работ созданных во время курса
Научитесь создавать адаптивные веб-страницы
Поймёте, как верстать сайты, которые корректно отображаются на любых устройствах

Этот курс для тех, кто:
Хочет войти в индустрию IT
И начать осваивать самые востребованные навыки на мировом рынке
Мечтает о новой профессии
Которая позволит самовыражаться и работать удаленно
Планирует освоить программирование
Ведь путь любого кодера начинается именно с Html и CSS

Программа:

Спойлер

1 неделя:
Урок 1. Знакомство с курсом и созданием сайтов. Установка необходимого программного обеспечения и старт знакомства с понятием HTML
Урок 2. Введение в HTML
Урок 3. Структура HTML-документа
Урок 4. Обзор языка разметки HTML
Урок 5. Основы работы с браузером и devtools
Урок 6. Разделение страницы
Урок 7. Элементы на странице
2 неделя:
Урок 8. Создание собственной первой странички посредством HTML (практика)
Урок 9. Заголовки
Урок 10. Работа с текстом
Урок 11. Списки
Урок 12. Работа с тегами текста и их возможностями в рамках HTML (практика)
Урок 13. Div, section, article
Урок 14. Блочные и строчные элементы
3 неделя:
Урок 15. Теги и атрибуты
Урок 16. Работа с тегами разметки страницы, а также возможности дополнительных HTML-компонентов (практика)
Урок 17. Гиперссылки
Урок 18. Продвинутый формат текста
Урок 19. Несемантическая обертка
Урок 20. Понимание семантики документа и отладка рабочего процесса при работе с HTML, а также работа с дополнительными компонентами для работы с HTML-документом (практика)
Урок 21. Изображения в HTML
4 неделя:
Урок 22. Видеоконтент
Урок 23. Встраивание стороннего контента посредством HTML (object, frame)
Урок 24. Работа с мультимедиа посредством HTML (практика)
Урок 25. Что такое таблица в HTML
Урок 26. Работа с тегами таблиц и форматирование
Урок 27. Таблицы как метод в 2022
Урок 28. Практическая часть по работе с таблицами
5 неделя:
Урок 29. Что такое CSS
Урок 30. DOM-дерево как HTML + CSS
Урок 31. CSS-селекторы
Урок 32. Начало работы со связкой HTML + CSS
Урок 33. Фон в CSS
Урок 34. Блочные и строчные модели как процесс в CSS
Урок 35. Внешние и внутренние отступы
6 неделя:
Урок 36. Применяем CSS-свойства на рабочем примере
Урок 37. Стилизация текстов и шрифта в качестве основы
Урок 38. Стилизация списков
Урок 39. Стилизация ссылок и их псевдоклассов
Урок 40. Практическая работа с текстовой частью страницы посредством CSS-свойств
Урок 41. Полное понимание значения свойств у элементов CSS
Урок 42. Направление текста
7 неделя:
Урок 43. Работа с размерами
Урок 44. Практическая часть, решаем проблему переполнения и исправляем ошибки стилизации документа
Урок 45. Стилизация медиа
Урок 46. Стилизация таблиц
Урок 47. Выравнивание текста
Урок 48. Закрепляем стилизации медиа и таблиц на практике
Урок 49. Свойства Normal и Display
8 неделя:
Урок 50. Flexbox
Урок 51. Grid CSS
Урок 52. Работа с позиционированием в CSS на практическом примере
Урок 53. Столбцы и колонки в CSS
Урок 54. Знакомство с Figma
Урок 55. Работа с Figma для подготовки макета к верстке
Урок 56. Отрабатываем понятие колоночной верстки и работаем с FIGMA
9 неделя:
Урок 57. Что такое Форма и для чего она нужна
Урок 58. Создание формы в HTML, теги и атрибуты формы
Урок 59. Работа с формами и стилизация посредством CSS
Урок 60. Создаем форму обратной связи
Урок 61. Глобальные атрибуты
Урок 62. Спецсимволы
Урок 63. Кодировки документа
10 неделя:
Урок 64. Практические решения кодировок спецсимволов и MIME-типов
Урок 65. Шрифты в CSS
Урок 66. Иконки в CSS
Урок 67. Панель навигации
Урок 68. Отрабатываем на практике возможности подключения сторонних шрифтов и иконок посредством CSS
Урок 69. Цвета, градиент, границы, слои
Урок 70. Тени текста и эффекты текста
11 неделя:
Урок 71. Трансформация
Урок 72. Практические изменения декор-элементов CSS на странице проекта
Урок 73. Переменные в CSS
Урок 74. Подсказки
Урок 75. Префиксы
Урок 76. Крутые свойства и возможности CSS наглядно и на практике
Урок 77. Правильная нарезка графики макета для верстки
12 неделя:
Урок 78. Правильная структура скелета страницы посредством HTML
Урок 79. Правильная работа с CSS и подключением шрифтов к документу
Урок 80. Большой разбор финального проекта и поведение итогов

Автор курса Эрик Спичак:
Web-разработчик
Ведущий Web-разработчик Sodenga LLC (ОАЭ) Заместитель технического директора Automarine. В прошлом сотрудник WarGaming, (World of Tanks, World of Warships)
Более 7 лет практического опыта в коммерческой разработке. Провел десятки онлайн-курсов для различный школ и академий. Спикер различных форумов для разработчиков.

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...