Пока что лучший, компактнейший и к тому же супернаполненный не только базой, но и детальной описанностью каждого тега с практической точки зрения курс, из тех что я видел.
Редко пишу комментарии. Мужик, спасибо тебе огромное. Просто всё чётко и по делу, без лишней воды. Очень редко удаётся посмотреть до такой степени хорошие курсы. Обычно всё нудно и много лишней воды, приходиться перематывать смотреть в x2. А тут наоборот, смотреть нужно в x1, ещё и отмотать назад иногда, потому что пропустил что-то важное. Ещё раз от всего сердца, огромное тебе спасибо.
Самостоятельно - редко, к сожалению. Вообще, внедрение таких фич практически полностью зависит от бизнеса. Если продукт должен охватывать как можно бОльшую аудиторию и где борьба за внимание идёт за каждый % пользователей, в т. ч. с особенностями визуального восприятия (пользователи скринридеров), то бизнес ставит условие "веб-сайт должен иметь покрытие a11y по таким-то критериям". В таком случае в ТЗ каждая контентная строчка будет иметь описание и эти самые strong / em акценты.
Александр, подскажите, пожалуйста, есть ли какой-то ресурс с практическими заданиями? Хочется попутно попробовать применить на практике материал, который вы излагаете
По верстке - надо брать любой макет из интернета и пробовать реализовывать, начиная от мелких компонентов и постепенно усложняя себе задачи. Рано или поздно получится сверстать сайт целиком.
Нужно экранировать символы < и >, чтобы они корректно обрабатывались: можно их заменить их на < и > Вот тут подробнее: bootstraptema.ru/index/ekranirovanie_html_tegov_onlayn/0-31
С одной стороны ты прав, но мне кажется, что всё же лучшей комбинацией будет использование и конкретных тегов форматирования и CSS, если браузерные дефолтные стили этих тегов не подходят. Такие теги нужны для соблюдения семантики, из-за чего повышается доступность сайта для пользователей скринридера и всё это плюслм благоприятно влияет на SEO.
А если нужно жирный текст в жирности 600, а strong делает или b в 700, то можно спокойно применить стили к strong и сделать font-weight в 600 или 500, как угодно ?
@@AleksanderLamkov А с тобой можно поработать? Я уже более года в web разработке, я сейчас решил чуть обновить теорию, то всегда учился на практике, я full-stack программист, для меня была бы честь с тобой поработать, то ты первый блогер который искренне хочет научить людей
@@AleksanderLamkov А если на сайте заголовок h1 и нем некоторые слова под другим цветом, то это стоит сделать strong и сделать к нему color в css, верно ? чтоб по семантике было все супер
Спасибо за такую обратную связь, но что ты подразумеваешь под "поработать"? Если ты про менторство, то я давно этим занимаюсь, вот тут всё описано: getmentor.dev/mentor/aleksandr-lamkov-1480 Ну а вообще, напомню, у нас есть чат-сообщество в телеграмме, где я и другие ребята помогут с почти любой проблемой по фронтенду: t.me/friendlyFrontendChat Присоединяйся, если ещё не там :)
Про заголовок h1 и strong. Да, стоит сделать так, как ты описал, это будет семантично. Но если выделены не слова, а лишь часть слов, то есть несколько букв, то strong лучше заменить на нейтральный span, т. к. придать смысловую окраску лишь нескольким буквам strong вряд ли адекватно сможет, да и нет в этом смысла.
Привычка. Я в основном пишу на React и в его JSX-синтаксисе одиночные теги важно «закрывать», иначе будет ошибка. Да и знаешь, когда много строк с атрибутами у одного элемента, то когда есть закрывающая часть одиночного тега, вся разметка в целом читается проще. Сразу понятно, где «заканчивается» элемент в разметке и где начинается следующий.
@@AleksanderLamkov Брал курс по 3д майя, там у чела громкий фон стоял, считаю лучше без фоновой музыки, сам ставишь свою и можешь по громкости скорректировать:)
Пока что лучший, компактнейший и к тому же супернаполненный не только базой, но и детальной описанностью каждого тега с практической точки зрения курс, из тех что я видел.
Редко пишу комментарии. Мужик, спасибо тебе огромное. Просто всё чётко и по делу, без лишней воды. Очень редко удаётся посмотреть до такой степени хорошие курсы. Обычно всё нудно и много лишней воды, приходиться перематывать смотреть в x2. А тут наоборот, смотреть нужно в x1, ещё и отмотать назад иногда, потому что пропустил что-то важное. Ещё раз от всего сердца, огромное тебе спасибо.
За разницу b, strong и i, em отдельное спасибо!
как много тегов для выделения помимо b, i, strong и em 👍
Крутой формат подачи материала 👍
Очень полезно, а то многие лепят текст просто в дивы
Очень круто ! не знал про тег , Надо бы шпаргалку сделать
Ого! Даже не думала, что как-то можно предотвратить принудительное стирание пробелов!
Как я долго голову ломал, а оказывается есть просто тег
Без воды , все понятно , чтобы понимать еще лучше - записываете в заметки , потом повторяйте.
👍👍👍
Афигеть!! Спасибо, за 4 года ни разу не сталкивался с strong, em, mark и pre. Куда кидать деньги за такой контен!?!😅😅
жму руку !
Невероятный эмбиент, ну не могу не спросить хотя бы автора.
Привет! Я с сайта uppbeat.io/browse/music/ambient-beats брал музыку, но авторов уже не помню.
Спасибо
супер!!!
Ты просто топ!🤯
Как часто сайтостроители думают про скринридеры и заморачиваются и ?
Самостоятельно - редко, к сожалению. Вообще, внедрение таких фич практически полностью зависит от бизнеса. Если продукт должен охватывать как можно бОльшую аудиторию и где борьба за внимание идёт за каждый % пользователей, в т. ч. с особенностями визуального восприятия (пользователи скринридеров), то бизнес ставит условие "веб-сайт должен иметь покрытие a11y по таким-то критериям". В таком случае в ТЗ каждая контентная строчка будет иметь описание и эти самые strong / em акценты.
Александр, подскажите, пожалуйста, есть ли какой-то ресурс с практическими заданиями? Хочется попутно попробовать применить на практике материал, который вы излагаете
По верстке - надо брать любой макет из интернета и пробовать реализовывать, начиная от мелких компонентов и постепенно усложняя себе задачи. Рано или поздно получится сверстать сайт целиком.
Надеюсь тебе лицуху WebStorm бесплатно и навсегда дали за эти курсы, ведь курсы реально заслуживают этого, имба
Подскажите пожалуйста: ни тег , ни тег ни работают с HTML кодом внутри какой тег использовать, чтобы html код отображался также, как написан? Спасибо
Нужно экранировать символы < и >, чтобы они корректно обрабатывались: можно их заменить их на < и >
Вот тут подробнее:
bootstraptema.ru/index/ekranirovanie_html_tegov_onlayn/0-31
Наверно надо отметить, что как правило вся стилизация делается через css а не теги )
С одной стороны ты прав, но мне кажется, что всё же лучшей комбинацией будет использование и конкретных тегов форматирования и CSS, если браузерные дефолтные стили этих тегов не подходят.
Такие теги нужны для соблюдения семантики, из-за чего повышается доступность сайта для пользователей скринридера и всё это плюслм благоприятно влияет на SEO.
т.е. с тегом pre я смогу таки запостить трифорс?
Ага
Привет, рассказал про тэг , а как же тэг ?🤔
Привет! Тег big устарел и не рекомендуется к использованию.
А если нужно жирный текст в жирности 600, а strong делает или b в 700, то можно спокойно применить стили к strong и сделать font-weight в 600 или 500, как угодно ?
Привет! Да, можно, почему нет.
@@AleksanderLamkov А с тобой можно поработать? Я уже более года в web разработке, я сейчас решил чуть обновить теорию, то всегда учился на практике, я full-stack программист, для меня была бы честь с тобой поработать, то ты первый блогер который искренне хочет научить людей
@@AleksanderLamkov А если на сайте заголовок h1 и нем некоторые слова под другим цветом, то это стоит сделать strong и сделать к нему color в css, верно ? чтоб по семантике было все супер
Спасибо за такую обратную связь, но что ты подразумеваешь под "поработать"? Если ты про менторство, то я давно этим занимаюсь, вот тут всё описано: getmentor.dev/mentor/aleksandr-lamkov-1480
Ну а вообще, напомню, у нас есть чат-сообщество в телеграмме, где я и другие ребята помогут с почти любой проблемой по фронтенду: t.me/friendlyFrontendChat
Присоединяйся, если ещё не там :)
Про заголовок h1 и strong. Да, стоит сделать так, как ты описал, это будет семантично. Но если выделены не слова, а лишь часть слов, то есть несколько букв, то strong лучше заменить на нейтральный span, т. к. придать смысловую окраску лишь нескольким буквам strong вряд ли адекватно сможет, да и нет в этом смысла.
а как практиковаться? где искать задания?
На любом макете Figma.
@AleksanderLamkov благодарю
А зачем ты пишешь в одиночных тегах не просто , например, а ?
Привычка. Я в основном пишу на React и в его JSX-синтаксисе одиночные теги важно «закрывать», иначе будет ошибка.
Да и знаешь, когда много строк с атрибутами у одного элемента, то когда есть закрывающая часть одиночного тега, вся разметка в целом читается проще. Сразу понятно, где «заканчивается» элемент в разметке и где начинается следующий.
музыка конечно заставляет не что то изучать а идти умереть
С 15 видео этого курса музыки уже нет. И во всех последующих видео на канале тоже. Сразу понял, что так себе была идея 🙃
@@AleksanderLamkov а мне нравится такая музыка на фоне, очень успокаивает и приятно под нее воспринимать информацию
@@AleksanderLamkov Брал курс по 3д майя, там у чела громкий фон стоял, считаю лучше без фоновой музыки, сам ставишь свою и можешь по громкости скорректировать:)
мне по кайфу она