Самый новый HTML!

Новинки фронтенда
Присоединяйся к бесплатному 3-х дневному интенсиву, напиши 9 нейронных сетей без навыков программирования и получи знания о профессии будущего. Не забудь забрать бонус - вебинар "ChatGPT": создаем нейронку без единой строчки кода":
neural-university.ru/lp_it213...
erid: 2VtzqwtphWV
Телеграм:
t.me/howToLearnIT
0:00 Опять новый HTML!?
0:28 Унивеситет ИИ
1:44 loading:lazy
2:25 model
2:38 contenteditable = plaintextonly
3:36 inert
5:02 Capture
5:29 Автокомплит
6:50 showPicker
7:10 Resource Hints
9:35 fetchpriority attribute
10:20 Блокирующий рендер
10:50 search
11:40 Native Web App
12:04 File System Access
12:34 Badging API
13:01 Web Share API
13:05 File Handling API
#css #html #frontend #javascript

[@it2138]

Присоединяйся к бесплатному 3-х дневному интенсиву, напиши 9 нейронных сетей без навыков программирования и получи знания о профессии будущего. Не забудь забрать бонус - вебинар "ChatGPT": создаем нейронку без единой строчки кода": neural-university.ru/lp_it2138? erid: 2VtzqwtphWV Телеграм: t.me/howToLearnIT 0:00 Опять новый HTML!? 0:28 Унивеситет ИИ 1:44 loading:lazy 2:25 model 2:38 contenteditable = plaintextonly 3:36 inert 5:02 Capture 5:29 Автокомплит 6:50 showPicker 7:10 Resource Hints 9:35 fetchpriority attribute 10:20 Блокирующий рендер 10:50 search 11:40 Native Web App 12:04 File System Access 12:34 Badging API 13:01 Web Share API 13:05 File Handling API #css #html #frontend #javascript

[@firiasu]

То ощущение, когда заново познаёшь HTML...

[@nikolaizarezako9344]

То ощущение когда пора запускать курсы по HTML, а не React 😂😂😂

[@user-qi1rh2ek1h]

Ахахаха

[@seosspro9686]

Ну просто дико крутой контент) Спасибо тебе огромное!

[@gvitoss]

Класс) посмотрел с удовольствием! ))

[@ermachenkoboris]

Спасибо, очень полезно!

[@po1sonne]

Выпуск топовый спасибо огромное!

[@4aidze]

супер видео, полезные штуки

[@Serega5j]

И снова удивил. Крутяк

[@andreykrauch5027]

Спасибо❤

[@TheBestSurvival]

Достойно и полезно.

[@oko6359]

хорош, как всегда на уровне 👍 благодарю

[@efimkapliy6370]

Так держать!

[@barmaley9705]

Еу братан контент в кайф, вообще красавчик

[@Achmd]

8:47 как часто я начал встречать эту ошибку. Неужели реально непонятно, что "тоже" и "то же" - это две совершенно разные вещи?

[@einz7293]

годнота-а-а-а, ещё и показал поддержку технологий в браузерах, респект

[@dreadwood]

Интересно как браузер подгрузит страницу дашборда, которая находиться за авторизацией, соответственно не доступна без ввода логина и пароля

[@MrZuven]

Браузер ни как не может загрузить Дашбоард, пока юзер не авторизовался, ибо пока он не авторизовался, до Дашбоарда просто нет доступа

[@drak0an]

всякую не секретную инфу типа бандла жс + цсс можно подгружать заранее

[@MrZuven]

@@drak0an ага ну попробуй, он будет запрашивать у контролёра бэка html либо у реакта, контроллер не отдаст ничего, как и реакт, там провайдер будет стоять и спрашивать, авторизован юзер или нет, прежде чем отдать что то

[@drak0an]

@@MrZuven даже с твоим ssr, что мешает разбить js на чанки, один из которых будет отдаваться после авторизации, а второй с со всякой логикой, компонентами и библиотеками отдаваться ещё до авторизации?

[@PostoiParovoz]

Там речь под погрузку файлов CSS и JS (также шрифтов и прочего), которые БУДУТ использоваться после авторизации. Они закешируются заранее. Речь не про сами страницы. В целом это не очень хорошая практика, так как боты тоже, вероятно, будут грузить и создавать трафик. А также сейчас частая практика все файлы собирать в бандлы, единые файлы, что как бы намекает на бессмысленность этого.

[@artemfed3389]

Очень интересно, хоть я только учусь, и учу джаву, html проходил только на очень начальном уровне, но всеравно мега интересно и познавательно. Спасибо!

[@drak0an]

на держи лукас за хороший контент не жалко конечно

[@___413]

🔥🔥🔥🔥🔥🔥

[@jamoliddinqodirov9866]

Очень крутое контент. Такое ошещения я досихпор не знаю HTML хотя уже 4 года сним работаю 😂

[@14brotherful]

Кажется все таки теперь надо становится senior html developer

[@unknyver]

Ого, оказывается мир не стоит на месте, много интересных фишек узнал :)

[@Maxim9575]

То чувство когда с зарекомендованными библиотеками чувствуешь надежность и стабильность в большинстве браузеров.

[@igortrifonov9339]

Autocomplete с new-password, к сожалению, тоже не всегда работает

[@Senekisi]

Ну лови лайк чё. Я хоть и тестер, но фронт надо знать

[@AMUDE354]

HTML я ещё старые технологии не освоил уже новые ппц

[@enenotowitch628]

12:50 - web SHARE api

[@over79751]

Спидран по HTML5 поехали...

[@filin8236]

Стабильный инет? - Да иду я!! Че ты орёшь?!!!!!!!!!

[@ValeGoG]

10/10

[@andynaz7044]

Thnx! Super!

[@N__C__R]

Привет дружище, куда написать по поводу рекламы? не могу найти контакты

[@it2138]

[e-mail]

[@ilyagamepub]

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

[@user-yf5zn9us5z]

Некоторые фичи HTML настолько новые, что их никто не поддерживает... Например, речь про блокирующий рендер...

[@merovingen4546]

спасибо за видео ) но не нужно говорить "поддержка отличная" если в сафари она есть только в последней/предпоследней версии. Это значит что фичу использовать не получится без реализации на js для таких случаев

[@mit7871]

да зачем рассказывать про свойства, которые ещё не работают нигде вообще, они могут и не заработать впринципе, такое постоянно происходит)

[@merovingen4546]

@@mit7871 просто получается дизинформация, вот и все ) шарющие заметят и знают, что с этим делать, а вот новички могут здорово попасть

[@a_shyratv]

Ох уж эти запросы на поддержку в сафари ниже 13 версии, которые юзают меньше 0.9% юзеров) Ненавижу клиентов нашего сервиса с такими запросами 😂

[@merovingen4546]

@@a_shyratvменя больше закалибал сам safari и его политика быть новым IE. Чехал он на спецификации, огромное кол-во API не работает или работает черт пойми как. Просто уроды )

[@a_shyratv]

@@merovingen4546 "ну вот я сижу на сафари 12, и у меня переезжает слово, а в хроме нормально. Поправьте!" Е6ал в рот такой запрос

[@TalkerTube]

когда вас бесят неуправляемые автокомплиты - запихните их внутрь тега form и задайте форме атрибут autocomplete="off" вуаля ))

[@citizenofsociety9237]

как создаются эти тэги? кто их придумывает?

[@big1wins]

Что за IDE?

[@mirajana]

после 10 минут просмотра БЕЗ ЗВУКА все понятно :D

[@Qweprjshq18]

Ну сафари вообще лютый

[@dmitriy4415]

Не жалко. Поставил.

[@sysadminodessa2869]

И вуаля... вы передаете все на усмотрение браузера тем самым передавая ему слежку за объектами... и вуаля... гугл таким образом знает о тебе все...

[@x.comHariSeldon]

Работал у них как-то, сказали что обучить чему-то не требуется и не наказуемо. У них по договору они ничего не обязаны. Обучил свою группу чему смог успеть, но с таким отношением - это просто нереально успеть обучить серьёзным проектам. Многих даже базе не обучили

[@dlazder3937]

Нет необходимости указывать contenteditable="true" так как это булевый атрибут

[@mit7871]

Ммм какой смысл в безопастности нового "plaintext-only", если в случае не поддержки он работает, как старый опстный?) Что мешает зайти со старой версии браузера и эксплуатировать уязвимость)

[@ve_esquela]

А где уязвимость? Это защита от дурака. А суперхакер итак девтулзы открывать умеет

[@DubinArtur]

"После прохождения вы попадёте на стажировку в компанию типа Яндекс, Хуавей и другие" Попадаешь в самую зажопскую компанию "Мы тоже типа Яндекса и Хуавея"

[@anastasiasaykina6760]

Так все от тебя зависит) Как будешь учиться, туда и попадёшь

[@kykyshka138]

Да фигня HTML 5 отрелизился 15 лет назад, а всё как новый для хомяков)))

[@EvgenOl]

Пойди гуглу расскажи про loading lazy. Может быть браузеры картинки там и правильно загружают. А вот тест производительности от гугла выдаёт ошибку, что ленивой загрузки нет. И хер докажешь СЕОшнику, что она есть. Так, что об этом знают наверное все. А реально не юзают из за ебучего гугла и СЕО

[@nazarbychyk5205]

То ощущение, когда боролся с проблемой autocomplete, а тут ещё и в видео вспоминают это, бррр.. ужас..

[@Endru1994]

рос космоса...ору...

[@user-lh6ms9ep3n]

HTML 6?

[@ximikTVshow]

php умер?

[@angelicoctahedron3646]

Нет, несмотря на огромное количество адекватных альтернатив.

[@_webAmoeba]

модальник)

[@drak0an]

модаловочка

[@elenakiseleva905]

помедленнее! ... я же записываю...🙄

[@user-bg3hu1oz4y]

Самый новый? я это пару лет знаю как...

[@bloodjopa]

Кому ты пиздишь

[@s.o.v.a9837]

Встроенный lazyload абсолютно бесполезен и не имеет ничего общего с теми же библиотеками или самописными скриптами

[@hjetwd]

с чего ты взял? работает так, как и должно - грузит изображения только если они оказываются в видимой части сайта

[@s.o.v.a9837]

В текущей его реализации, это абсолютно бесполезная технология и вот почему: Атрибут не работает с любым изображением содержащим srcset и sizes - а это сейчас стандарт по умолчанию. Атрибут не дает возможности контролировать свою работу. СОВСЕМ. Он вещь в себе, которая делает то, что ему хочется. Параметры активации прибиты гвоздями в коде браузера В текущей реализации, вне зависимости от того где изображение, браузер все равно создаст запрос к серверу и скачает около 2 килобайт, для того чтобы определить его размеры. И повлиять на это нельзя@@hjetwd

[@nade3282]

криво работает@@hjetwd

[@user-lf6bl7jf3p]

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

[@navi4046]

Ничего сложного в этом нету

[@user-lf6bl7jf3p]

геморройно, учитывая 21 век@@navi4046

[@ve_esquela]

Нигде ничего проще не придумали. Самый удобный способ марафет наводить.

[@angelicoctahedron3646]

Достаточно выучить всего 5 команд flexbox.

[@a_shyratv]

Display: flex; justify-content: center, а чо сложного? Я не верстальщик и не веб-разраб, а просто по работе иногда надо клиенту чото подстилить и как бэ вот

[@rucar1257]

там мало бути Слава Україні!

[@ugarovv]

пффф.... Типок о чем ты вообще говоришь, дожили до того, что мидл учит кого-то жизни. Просто додик

[@user-hm1id3pl4m]

старая инфа

[@oleksiimishchenko5827]

Какая ужасная дикция! 🤢