Вы получите все необходимые знания по 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 лет практического опыта в коммерческой разработке. Провел десятки онлайн-курсов для различный школ и академий. Спикер различных форумов для разработчиков.
