Программирование [TutorPlace, Эрик Спичак] HTML-верстка (2025)

[Брат Тук]

Автор: TutorPlace, Эрик Спичак
Название: HTML-верстка (2025)

Описание:

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

Подробнее:

Скачать:

 

[korihox]

Если честно это не курс, а какая то имитация обучения. Смотрю на программу и просто не понимаю, как человек с "7 годами коммерческой разработки" может такое выпускать.

12 недель, куча уроков, а по факту вода, растянутая до невозможности. HTML размусолен на 3 недели, таблицы как будто до сих пор 2005 год на дворе, а про реальные подходы тишина. Где БЭМ? Где нормальная структура проекта? Где хоть что то из того, что реально используется в работе? Такое ощущение, что автор застрял в прошлом и оттуда вещает.

Про бургер меню вообще отдельный смех, что то начал, что то не сделал, ну и ладно. Это уровень преподавания? Серьёзно? Человек учит людей, и у него даже базовые вещи не доведены до конца.

Описание курса отдельная сказка. "Освоите всё", "станете отлично разбираться", "сможете создавать современные сайты"... Да вы сначала научите нормально верстать, а потом такие заявления делайте. Это не про профессию, это максимум про ознакомление на уровне YouTube 2015 года.

И вот это "7 лет коммерческого опыта". Ребят, либо это сильно приукрашено, либо эти 7 лет прошли вообще мимо реальной индустрии. Потому что по структуре курса видно, человек не понимает, как сейчас строится работа верстальщика.

Tutorplace, вы вообще кого набираете? Это эксперимент? Конкурс на самого слабого преподавателя? Потому что выглядит именно так. Люди приходят учиться, платят деньги, а получают устаревший материал и поверхностное объяснение без системности.

В итоге после такого курса человек не готов к работе. Вообще. Ни структуры, ни подходов, ни понимания реальных задач.

Не рекомендую. Лучше бесплатно на YouTube посмотреть, пользы будет больше.

 

[Ororo]

Если честно это не курс, а какая то имитация обучения. Смотрю на программу и просто не понимаю, как человек с "7 годами коммерческой разработки" может такое выпускать.

12 недель, куча уроков, а по факту вода, растянутая до невозможности. HTML размусолен на 3 недели, таблицы как будто до сих пор 2005 год на дворе, а про реальные подходы тишина. Где БЭМ? Где нормальная структура проекта? Где хоть что то из того, что реально используется в работе? Такое ощущение, что автор застрял в прошлом и оттуда вещает.

Про бургер меню вообще отдельный смех, что то начал, что то не сделал, ну и ладно. Это уровень преподавания? Серьёзно? Человек учит людей, и у него даже базовые вещи не доведены до конца.

Описание курса отдельная сказка. "Освоите всё", "станете отлично разбираться", "сможете создавать современные сайты"... Да вы сначала научите нормально верстать, а потом такие заявления делайте. Это не про профессию, это максимум про ознакомление на уровне YouTube 2015 года.

И вот это "7 лет коммерческого опыта". Ребят, либо это сильно приукрашено, либо эти 7 лет прошли вообще мимо реальной индустрии. Потому что по структуре курса видно, человек не понимает, как сейчас строится работа верстальщика.

Tutorplace, вы вообще кого набираете? Это эксперимент? Конкурс на самого слабого преподавателя? Потому что выглядит именно так. Люди приходят учиться, платят деньги, а получают устаревший материал и поверхностное объяснение без системности.

В итоге после такого курса человек не готов к работе. Вообще. Ни структуры, ни подходов, ни понимания реальных задач.

Не рекомендую. Лучше бесплатно на YouTube посмотреть, пользы будет больше.

Не очень понимаю такое возмущение.
О каких таблицах 2005 года идет речь?

Я глянул несколько видео, не весь курс. Эти несколько видео записаны хорошо, не вижу в них воды и сполне себе понятно показано и рассказано. Тем очень много. Бери и делай. По темам тоже все норм.

Я конечно не согласен с тем, что в курсе написано что научитесь делать адаптивные сайты и зарегистрируетесь на биржах, что предполагает сразу же работу - конечно с таким набором не стоит выходить на биржи фриланса. Но курс вполне себе подойдет для тех, кто дизайнит и прошел обучение по Тильде, чтобы делать сайт под ключ. Или просто для старта в этом направлении, все равно придется многому учиться самостоятельно. Такова профессия.

И ещё есть минус, нет хорошей практики как создание самостоятельного проекта с макета. Но это конечно уже второй шаг. Что мы хотим за такую плату практику придется делать самостоятельно.

На самом сайте стоимость 1 рубль. Потом подписка 99 или 399 руб на месяц. Не так чтобы и сильно дорого. И да, это скорее альтернатива в РФ, так как ютуб во многих регионах почти не работает или работает плохо. И да, можно зайти на рутуб и смотреть там. Но на платформе вроде бы есть поддержка автора за эту подписку. Альтернатива ещё есть Степик. Там тоже бывает что отвечает автор на бесплатных курсах. Правда не везде. За плату почти везде.

В общем, это просто ещё одна форма подачи и ещё один вариант базовой верстки. Ничего сверхестествненого. И это не профессия под ключ, да. Но не на столько плох, как некоторым показалось. Знаний хватит на оформление сайта на Тильде, при наличии навыков хорошего дизайна, конечно же

 

[korihox]

Не очень понимаю такое возмущение.
О каких таблицах 2005 года идет речь?

Я глянул несколько видео, не весь курс. Эти несколько видео записаны хорошо, не вижу в них воды и сполне себе понятно показано и рассказано. Тем очень много. Бери и делай. По темам тоже все норм.

Я конечно не согласен с тем, что в курсе написано что научитесь делать адаптивные сайты и зарегистрируетесь на биржах, что предполагает сразу же работу - конечно с таким набором не стоит выходить на биржи фриланса. Но курс вполне себе подойдет для тех, кто дизайнит и прошел обучение по Тильде, чтобы делать сайт под ключ. Или просто для старта в этом направлении, все равно придется многому учиться самостоятельно. Такова профессия.

И ещё есть минус, нет хорошей практики как создание самостоятельного проекта с макета. Но это конечно уже второй шаг. Что мы хотим за такую плату практику придется делать самостоятельно.

На самом сайте стоимость 1 рубль. Потом подписка 99 или 399 руб на месяц. Не так чтобы и сильно дорого. И да, это скорее альтернатива в РФ, так как ютуб во многих регионах почти не работает или работает плохо. И да, можно зайти на рутуб и смотреть там. Но на платформе вроде бы есть поддержка автора за эту подписку. Альтернатива ещё есть Степик. Там тоже бывает что отвечает автор на бесплатных курсах. Правда не везде. За плату почти везде.

В общем, это просто ещё одна форма подачи и ещё один вариант базовой верстки. Ничего сверхестествненого. И это не профессия под ключ, да. Но не на столько плох, как некоторым показалось. Знаний хватит на оформление сайта на Тильде, при наличии навыков хорошего дизайна, конечно же

Речь не о том, что курс ужасный или что из него вообще ничего нельзя вынести. Базовые вещи там действительно есть, и для первого знакомства они, возможно, подойдут. Вопрос в другом, как он позиционируется и какое впечатление создаёт.

Когда в описании заявляется "современная верстка", "подготовка к работе", "адаптивные сайты" и т.д., логично ожидать хотя бы минимального соответствия текущим практикам. Но если в курсе нет даже упоминания методологий вроде БЭМ, нет системного подхода к структуре проекта, нет нормальной работы с макетом, это уже не про вкусовщину, это про отсутствие базы, которая реально используется в индустрии.
БЭМ - это не продвинутая тема, это уже давно часть базы для верстальщика. Её отсутствие это не нюанс, это пробел.

По поводу таблиц 2005 года, это скорее про акценты. В современном обучении такие темы даются быстро и без лишнего веса, потому что в реальной работе они занимают минимальное место. Когда же им уделяется ощутимое внимание, а более важные вещи остаются за кадром, это и выглядит как устаревший фокус.
По поводу "видео нормальные", это вообще не главный критерий. Можно хорошо рассказывать устаревшие или неполные вещи, от этого они не становятся актуальными.

Согласен с вами в одном, как вводный материал окей, особенно за такую цену. Но тогда и позиционирование должно быть честным, "Ознакомительный курс", а не история про выход на фриланс и все необходимые знания.

Проблема ведь не в самом курсе, а в том, что новичку продают иллюзию готовности. Человек проходит такие 10-12 недель, думает, что уже можно работать, а потом сталкивается с реальностью и понимает, что ему заново нужно учить половину вещей, уже правильно.

И да, сравнение с Tilda здесь как раз многое объясняет. Если цель собирать сайты на конструкторах с базовым пониманием HTML/CSS, тогда вопросов меньше. Но это всё таки другой уровень, чем заявленная "веб-разработка".

В итоге не спорю, что курс может быть нормальным как один из множества вводных вариантов. Но если смотреть на него с позиции индустрии, а не "за 99 рублей сойдёт", критика, на мой взгляд, вполне обоснована.

Ну и, наверное, ключевой момент - опыт автора. 7 лет коммерческой разработки обычно означают понимание того, как учить не просто "синтаксису", а работе. Здесь этого не прослеживается. Есть ощущение набора тем, но нет ощущения профессии.

Поэтому изначальная критика была не про "курс плохой за свои деньги", а про несоответствие между заявленным уровнем и фактическим содержанием.