18. Актуальность HTML-тегов и атрибутов. Сервисы caniuse и caninclude. Валидатор разметки от W3C

[@AleksanderLamkov]

📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

[@danilaa1111]

Спасибо вам большое, мне 16 и мне стала интересна верста сайтов. сначала учил пайтон, выучил основы и понял, что это слишком долго и муторно, так и еще код надо до конца писать, чтобы проверить программу. а в верстке ты пишешь понемногу и сразу видно, что добавилось. Посмотрел ваш курс за день, это лучшее, что я видел. никакой воды по 30 минут, все четко и по плану, а самое главное, в конце курса вы не зовете на свой учебный сайт, где я могу купить курс! меня так раздражают такие, тратишь столько времени на просмотр и в конце говорят чтобы дальше смотреть - купите мой курс. еще раз большое спасибо вам, я желаю вам огромных успехов в продвижении своего абсолютно бесплатного канала! вот только не хватило чего-нибудь, чтобы закрепить материал, тест или практическое задание, но это можно и самому придумать, если тебе это и правда интересно.

[@SashaKuzikov]

Для заданий и их проверок можно совершенно бесплатно и в свое удовольствие использовать LLM-ки

[@v1nw1se]

1 этап завершен - теперь css . Ввел отдельную тетрадь по этому курсу, по css будет тоже самое. Спасибо за курс

[@andrey6552]

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

[@mouri_san]

Ваш канал определённо заслуживает большего, в видео идеальная картинка, дикция, грамотная, понятная речь и монтаж, содержательное описание, удобные таймкоды! Спасибо большое за этот курс! Похоже, вскоре пересмотрю все ваши видео, уж больно приятная подача и легко усваивается материал :')

[@ivanrad5]

Начинаю.. Уже, кстати не в первый раз)) И досмотрев до сюда могу сказать, что очень крутая информация в данном плейлисте предоставлена; вспомнил многое, а ещё больше узнал! Буду смотреть дальше и жду курс по JS!

[@ilya10rus]

Спасибо, Александр😊Очень рад что ты теперь у нас есть)

[@Vitalikzzzz]

Молодец,крутой контент для начинающих

[@sleepyNovember_project]

«Что-ж, когда-нибудь исправлю.» Шикарно⚡😆

[@zhaslanulysabyrzhan]

бомбезный курс, спасибоо!

[@ИванШторм-р6м]

Конечно, как у некоторых, за вечер не удалось все заглотить, но и пять вечеров (для многодетного отца и гуманитария) - достижение и медаль из фольги от шоколадки! Удачи и творческих прорывов автору! Перехожу на вторую ступень с цсс - полёт нормальный)

[@НиколайРумянцев-д5у]

Большое спасибо за данный курс! Отличный формат, без воды, концентрат полезной информации. Приступаю к курсу по CSS.

[@My-Default]

Александр, большое спасибо за проделанную работу. Очень качественный курс для изучения веб технологий. Сейчас обучаюсь на вашем канале. Спасибо за помощь тем кто начинает обучение.

[@AleksanderLamkov]

А тебе спасибо за обратную связь! Рад, что мой контент полезен 🙂

[@АлександрБекач]

Огромное спасибо за обучалку! Это уже третий курс, который я посмотрел по HTML и с уверенностью могу сказать, что это лучший материал! Простая подача, всё легко укладывается в голове. Единственное, что хотелось бы побольше примеров кода что и как работает. Но в остальном - 100 из 10! Спасибо, Александр! Всех вам благ!

[@kristalchoi1480]

спасибо, жалко в таком же стиле php-курса не предвидится) очень понятно и кратко)

[@theultradie]

Спасибо большое за курс. Всего понадобилось 2 дня (с учетом того, что я записывал тезисы плюс выполнял примеры которые вы приводили). Завтра буду уже изучать css. Еще раз благодарю!

[@SCORPION_4ik]

Благодарю за проделанную работу! Я начинающий и мне очень помогают ваши видео! Топ! Спасибо!

[@renaldos1779]

Александр по сайту "W3C" , не знал что такая полезная штука есть, спасибо

[@hjetwd]

как же я люблю ютуб, удаляет комментарии с ссылками автоматом... короче два удаленных ютубом комментария: 1) caninclude - пихаем div внутрь a, получаем ошибку. это неправильно, т.к. уже давно изменили спецификацию и теперь внутрь ссылки можно пихать практически всё что хочешь, хоть c и 2) есть сайт для постройки html дерева с проверкой правильности БЭМ css классов - гуглите Генератор HTML-дерева (ссылка там типа йоксел гитхаб ио)

[@AleksanderLamkov]

Интересно, спасибо!

[@Sizoka4lka]

Курс суперский, все информативно

[@surovuitaxsist]

Спасибо большое за информацию.

[@rrrndm]

спасибо классные гайды

[@alexb.2616]

"не умеет, не умела и вообщу тут просто по приколу" - 😂 За сервисы - спасибо. Про два последних не слышал.

[@Eugene74792]

Спасибо вам за курс Александр

[@Матиас-щ8э]

Спасибо за курс

[@ЯшаБаратов]

Спасибо большое

[@ivenzo]

А вот это прям годно, спасибо за инфу!

[@MishaWS]

Спасибо! JavaScript будет?

[@AleksanderLamkov]

Будет, после курса по CSS.

[@Ivanfwit]

ждем видео "5 способов центрирования через CSS" ))

[@videoSSS_741]

спасибо

[@АнтонБогомолов-ф4ш]

Плюсы, нет воды, говорит быстро, понятно все, не слишком сильно разъясняет(я имею ввиду для очень тугих людей) , уроки короткие, минусы, я не заработал миллион доллорс

[@darlindtryhgbvgft]

🤩🤩🤩

[@colodatwin3102]

Спасибо за урок) такой вопрос , а какой браузер лучше всего использовать разработчику и почему?

[@AleksanderLamkov]

Привет! Либо Chrome, либо Firefox. Оба хороши по-своему, в каждом есть уникальные фичи в девтулз. Остальные браузеры - экзотика для меньшинства и экспериментаторов. Лично я привык к хрому и при использовании других браузеров испытываю дискомфорт.

[@lenurabdiramanov8055]

Можешь подсказать где можно почитать про стандарты веб-разработки? Например: какие теги можно выкладывать друг в друга или какие нельзя? Что нужно заполнять в атрибутах, а что необязательно и т.д. Видос вышел крутой🔥

[@AleksanderLamkov]

> какие теги можно выкладывать друг в друга или какие нельзя Это проверять через caninclude и валидатор w3c. > Что нужно заполнять в атрибутах, а что необязательно и т.д Во всех HTML тегах в принципе все атрибуты - опциональны и добавлять их нужно только, если требуется доп. функциональность. Ну а вообще, нужно просто много верстать и получать по шапке от ревьюера за плохой код :)

[@sv2234sv]

Спасибо, за труд! Всё очень понятно и интересно, сразу появился вопрос "А что делать дальше?" Ждать, учить CSS или нужно что-то ещё смотреть, учить по HTML ?

[@AleksanderLamkov]

Изучать CSS, конечно же :) На канале уже вышел первый урок из нового курса.

[@sv2234sv]

@@AleksanderLamkov Да, видел. Спасибо

[@салбиевруслан-с2г]

Александр, спасибо огромное вам за ваш труд! Не подскажете, есть ли какой нибудь ресурс, где можно практиковаться решая кейсы, что бы, так сказать, набивать руку?

[@AleksanderLamkov]

Ну в верстке практика одна - берем макет в фигме и пытаемся на уровне склепать что-то похожее :) Начинаем с маленьких компонентов, постепенно увеличиваем сложность, переходим на блоки покрупнее. Макеты для верстки можно найти в разных группах телеграмма (можно зайти в наш чат t.me/friendlyFrontendChat и спросить, ребята подскажут). Или вот есть ещё такой сайт: verstaem.online

[@ЛовецДухов-з9е]

W3 скоро закроется, где эта информация на сайте прописана

[@ВиталийДавыдов-э4г]

Не могу понять - в чём проблема кроссбразуерности, - если не исопользоваь экзотические теги и атрибуты, то основные 5-6 браузеров норально отработают код. Почему в большенстве уроков кроссбраузерность озвучиваеться как основная боль? Спасибо.

[@AleksanderLamkov]

Проблема кроссбраузерности раньше была прям явно заметна, когда под каждое новое свойство у каждого браузера был свой вендорный префикс. Сейчас же проблемы кроссбраузерности сводятся к неочевидным багам, то и дело всплывающих на Safari и чуть в меньшей степени в Firefox. Один и тот же сайт может выглядеть по-разному в «нормальных» браузерах (все, что Chrome и на его движке) и в этих несчастных фоксе и сафари. И ведь не угадаешь, что может пойти не так, пока не протестируешь работу во всех браузерах или пока не придет недовольный клиент и не скажет, что «в моем сафари пятилетней свежести сайт сломан».

[@ВиталийДавыдов-э4г]

@@AleksanderLamkov Спасибо Александр.

[@GekaLeonov]

Подскажите пожалуйста: нужно ли в 2024 году учить jQuery? актуален ли он? Спасибо!

[@AleksanderLamkov]

Учить - нет, но надо быть готовым ознакомиться с документацией, если встретится $() в JS-коде. В этой библиотеке сотни функций, но на практике если и столкнешься с этой либой, то скорее всего с базовыми методами, которые легко найти в документации.

[@Mogo_Bol]

Полезно, но мучает вопрос: это все, или нужно также учить прочие тэги?

[@AleksanderLamkov]

Учить теги не нужно. Достаточно ознакомиться с возможностями HTML и CSS через эти базовые курсы, а затем нужно оттачивать навыки на практике, верстая сначала простые элементы из макетов, постепенно переходя на более сложные.

[@Mogo_Bol]

@AleksanderLamkov ну вот мне запоминать очень сложно, есть смысл смотреть другие курсы или ходить куда то для укрепления знаний?

[@AleksanderLamkov]

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

[@Mogo_Bol]

@AleksanderLamkov спасибо😊👍

[@pride444]

Все последние видео по html потом читаю свои заметки с двух каналов , если понимаю все , то на css

[@tamagochie101]

Когда примерно начнется и закончится курс по js?

[@AleksanderLamkov]

Начнется в следующем месяце, закончится - когда-то весной, точнее пока не могу сказать.

[@tamagochie101]

@@AleksanderLamkov спасибо! Тогда после изучения css лучше побольше попрактиковаться в верстке и подождать полный курс, или начать учить js на других ресурсах?

[@AleksanderLamkov]

В верстке попрактиковаться лишним точно не будет, но если что, советую вводный бесплатный курс по JS на ru.hexlet.io/, это будет большим плюсом.

[@tamagochie101]

@@AleksanderLamkov спасибо!

[@TeomunMete]

😊😊

[@Mogo_Bol]

Легко и очень сложно одновременно, полагаю нужно знать английский чтоб интуитивно вспоминать название и приминение тега

[@hjetwd]

надо еще помнить, что сервис кэн ай юз иногда лажает и показывает информацию с ошибками (mozilla mdn тоже)

[@AleksanderLamkov]

Спасибо за комментарий! А с MDN что не так? Кроме того, что русскоязычный пропмт перевод бывает кривой :)

[@hjetwd]

@@AleksanderLamkov к MDN подключили AI и он там шалит с интерпретацией кода, можно погуглить статью - MDN can now automatically lie to people

[@UIRETU]

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

[@AleksanderLamkov]

В старых видео были эксперименты со звуком. В последние месяцы все более менее нормализованы.

[@31danmaster31]

Весьма!