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

Поділитися
Вставка
  • Опубліковано 28 тра 2024
  • Новинки фронтенда
    Присоединяйся к бесплатному 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

КОМЕНТАРІ • 89

  • @it2138
    @it2138  7 місяців тому +4

    Присоединяйся к бесплатному 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
    @firiasu 7 місяців тому +95

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

    • @nikolaizarezako9344
      @nikolaizarezako9344 7 місяців тому +9

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

    • @user-qi1rh2ek1h
      @user-qi1rh2ek1h 6 місяців тому

      Ахахаха

  • @ermachenkoboris
    @ermachenkoboris 7 місяців тому

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

  • @seosspro9686
    @seosspro9686 7 місяців тому +8

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

  • @gvitoss
    @gvitoss 7 місяців тому

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

  • @po1sonne
    @po1sonne 7 місяців тому

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

  • @4aidze
    @4aidze 6 місяців тому

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

  • @Serega5j
    @Serega5j 7 місяців тому

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

  • @andreykrauch5027
    @andreykrauch5027 7 місяців тому

    Спасибо❤

  • @TheBestSurvival
    @TheBestSurvival 7 місяців тому +1

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

  • @oko6359
    @oko6359 7 місяців тому

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

  • @efimkapliy6370
    @efimkapliy6370 7 місяців тому

    Так держать!

  • @barmaley9705
    @barmaley9705 7 місяців тому

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

  • @einz7293
    @einz7293 7 місяців тому +1

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

  • @Achmd
    @Achmd 7 місяців тому +2

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

  • @MrZuven
    @MrZuven 7 місяців тому +11

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

    • @drak0an
      @drak0an 7 місяців тому

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

    • @MrZuven
      @MrZuven 7 місяців тому +1

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

    • @drak0an
      @drak0an 7 місяців тому

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

    • @PostoiParovoz
      @PostoiParovoz 7 місяців тому

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

  • @drak0an
    @drak0an 7 місяців тому

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

  • @artemfed3389
    @artemfed3389 7 місяців тому +2

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

  • @jamoliddinqodirov9866
    @jamoliddinqodirov9866 7 місяців тому +2

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

  • @dreadwood
    @dreadwood 7 місяців тому +1

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

  • @___413
    @___413 7 місяців тому

    🔥🔥🔥🔥🔥🔥

  • @Senekisi
    @Senekisi 7 місяців тому

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

  • @enenotowitch628
    @enenotowitch628 7 місяців тому

    12:50 - web SHARE api

  • @unknyver
    @unknyver 7 місяців тому +6

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

  • @igortrifonov9339
    @igortrifonov9339 7 місяців тому

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

  • @14brotherful
    @14brotherful 7 місяців тому

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

  • @andynaz7044
    @andynaz7044 7 місяців тому

    Thnx! Super!

  • @ValeGoG
    @ValeGoG 7 місяців тому

    10/10

  • @AMUDE354
    @AMUDE354 7 місяців тому +3

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

  • @over79751
    @over79751 7 місяців тому +1

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

  • @Maxim9575
    @Maxim9575 6 місяців тому +1

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

  • @N__C__R
    @N__C__R 7 місяців тому

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

    • @it2138
      @it2138  7 місяців тому

      how-to-learn-it@yandex.ru

  • @filin8236
    @filin8236 6 місяців тому

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

  • @merovingen4546
    @merovingen4546 7 місяців тому +5

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

    • @mit7871
      @mit7871 7 місяців тому

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

    • @merovingen4546
      @merovingen4546 7 місяців тому

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

    • @a_shyratv
      @a_shyratv 7 місяців тому +1

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

    • @merovingen4546
      @merovingen4546 6 місяців тому

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

    • @a_shyratv
      @a_shyratv 6 місяців тому +1

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

  • @ilyagamepub
    @ilyagamepub 7 місяців тому

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

  • @user-yf5zn9us5z
    @user-yf5zn9us5z 7 місяців тому +2

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

  • @dmitriy4415
    @dmitriy4415 7 місяців тому

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

  • @citizenofsociety9237
    @citizenofsociety9237 6 місяців тому

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

  • @big1wins
    @big1wins 6 місяців тому

    Что за IDE?

  • @TalkerTube
    @TalkerTube 7 місяців тому

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

  • @Qweprjshq18
    @Qweprjshq18 6 місяців тому

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

  • @sysadminodessa2869
    @sysadminodessa2869 6 місяців тому

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

  • @mirajana
    @mirajana 7 місяців тому

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

  • @x.comHariSeldon
    @x.comHariSeldon 7 місяців тому +3

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

  • @mit7871
    @mit7871 7 місяців тому

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

    • @ve_esquela
      @ve_esquela 7 місяців тому

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

  • @dlazder3937
    @dlazder3937 7 місяців тому

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

  • @DubinArtur
    @DubinArtur 7 місяців тому +3

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

    • @anastasiasaykina6760
      @anastasiasaykina6760 7 місяців тому

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

  • @kykyshka138
    @kykyshka138 7 місяців тому +1

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

  • @Endru1994
    @Endru1994 7 місяців тому

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

  • @EvgenOl
    @EvgenOl 7 місяців тому

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

  • @nazarbychyk5205
    @nazarbychyk5205 7 місяців тому

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

  • @user-lh6ms9ep3n
    @user-lh6ms9ep3n 7 місяців тому

    HTML 6?

  • @ximikTVshow
    @ximikTVshow 7 місяців тому

    php умер?

    • @angelicoctahedron3646
      @angelicoctahedron3646 7 місяців тому

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

  • @_webAmoeba
    @_webAmoeba 7 місяців тому

    модальник)

    • @drak0an
      @drak0an 7 місяців тому

      модаловочка

  • @elenakiseleva905
    @elenakiseleva905 7 місяців тому

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

  • @user-bg3hu1oz4y
    @user-bg3hu1oz4y 7 місяців тому

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

    • @bloodjopa
      @bloodjopa 7 місяців тому

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

  • @user-lf6bl7jf3p
    @user-lf6bl7jf3p 7 місяців тому +1

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

    • @navi4046
      @navi4046 7 місяців тому

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

    • @user-lf6bl7jf3p
      @user-lf6bl7jf3p 7 місяців тому

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

    • @ve_esquela
      @ve_esquela 7 місяців тому

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

    • @angelicoctahedron3646
      @angelicoctahedron3646 7 місяців тому

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

    • @a_shyratv
      @a_shyratv 7 місяців тому

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

  • @s.o.v.a9837
    @s.o.v.a9837 7 місяців тому

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

    • @hjetwd
      @hjetwd 7 місяців тому +6

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

    • @s.o.v.a9837
      @s.o.v.a9837 7 місяців тому

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

    • @nade3282
      @nade3282 7 місяців тому

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

  • @rucar1257
    @rucar1257 7 місяців тому

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

  • @ugarovv
    @ugarovv 6 місяців тому +1

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

  • @user-hm1id3pl4m
    @user-hm1id3pl4m 7 місяців тому

    старая инфа

  • @oleksiimishchenko5827
    @oleksiimishchenko5827 6 місяців тому +1

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