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

Складчина: HTML-верстка [TutorPlace] [Эрик Спичак]

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

Цена 41 руб.
Скрытая ссылка