🌐 Ииии новая версия Chrome. Пит Лепаж рассказал про новые фичи релиза — "New in Chrome 87".
▪️Появилась полноценная поддержка web-камер с функциями панорамы, поворота и зума (PTZ — pan, tilt, zoom). Чтобы проверить поддержку PTZ на уровне браузера нужно использовать метод navigator.mediaDevices.getSupportedConstraints(), для проверки поддержки PTZ у web-камеры — MediaStreamTrack.getSettings().
▪️В сервис воркерах теперь работает получение чанков файлов с помощью HTTP range requests. Раньше для этого использовались разные хаки, с версии Chrome 87 они больше не нужны.
▪️В рамках Origin Trials появилась поддержка Font Access API для получения доступа к локально установленным шрифтам. Это полезно для дизайнерских программ, например, Figma, Gravit, Photopea. Есть возможность получения доступа к потоку байтов шрифта для трансформации глифов или наложения на них векторных фильтров.
▪️Как обычно очень много изменений в Chrome DevTools. Появился инструмент для визуального дебага гридов. Добавлена эмуляция Web Authentication API (доступна на вкладке WebAuthn). Теперь можно одновременно держать открытыми несколько вкладок из одной категории, например, Elements и Sources. Lighthouse обновлён до верссии 6.4 с поддержкой валидации предзагрузки шрифтов для font-display: optional, валидацией соурсмапов и экспериментальной фичей для обнаружения больших JavaScript-библиотек.
Источники:
➡️ Раз, два
#news
▪️Появилась полноценная поддержка web-камер с функциями панорамы, поворота и зума (PTZ — pan, tilt, zoom). Чтобы проверить поддержку PTZ на уровне браузера нужно использовать метод navigator.mediaDevices.getSupportedConstraints(), для проверки поддержки PTZ у web-камеры — MediaStreamTrack.getSettings().
▪️В сервис воркерах теперь работает получение чанков файлов с помощью HTTP range requests. Раньше для этого использовались разные хаки, с версии Chrome 87 они больше не нужны.
▪️В рамках Origin Trials появилась поддержка Font Access API для получения доступа к локально установленным шрифтам. Это полезно для дизайнерских программ, например, Figma, Gravit, Photopea. Есть возможность получения доступа к потоку байтов шрифта для трансформации глифов или наложения на них векторных фильтров.
▪️Как обычно очень много изменений в Chrome DevTools. Появился инструмент для визуального дебага гридов. Добавлена эмуляция Web Authentication API (доступна на вкладке WebAuthn). Теперь можно одновременно держать открытыми несколько вкладок из одной категории, например, Elements и Sources. Lighthouse обновлён до верссии 6.4 с поддержкой валидации предзагрузки шрифтов для font-display: optional, валидацией соурсмапов и экспериментальной фичей для обнаружения больших JavaScript-библиотек.
Источники:
➡️ Раз, два
#news
Chrome Developers
What's New In DevTools (Chrome 87) - Chrome Developers
New CSS Grid debugging tools, Web Authn tab, moveable tools and Computed sidebar pane.
📺 Любопытный видос про все возможности state-менеджера Mobx в связке с React, сравнение MobX и Redux и что по итогу использовать
#usefull
#usefull
YouTube
Mobx & React Полный курс 2021
В этом уроке мы рассмотрим все возможности state менеджера Mobx в связке с React. Сравним MobX и Redux и подведем итоги
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Поддержать меня и мой канал вы можете по ссылкам…
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Поддержать меня и мой канал вы можете по ссылкам…
Обходим блокиратор блокировщика рекламы и учимся сами определять блокировку JavaScript. Очень интересный урок, детектив можно сказать 🕵️♂️
#usefull
#usefull
YouTube
Обходим блокиратор блокировщика рекламы и учимся сами определять блокировку JavaScript
Курс JS 2.0: https://itgid.info/course/javascript-2
Курс HTML для JS разработчиков: https://itgid.info/course/html
Телеграмм канал: https://yangx.top/itgid_info
Телеграмм автора: https://telegram.me/alex_luschenko
Сайт погоды https://rp5.ua/
Курс HTML для JS разработчиков: https://itgid.info/course/html
Телеграмм канал: https://yangx.top/itgid_info
Телеграмм автора: https://telegram.me/alex_luschenko
Сайт погоды https://rp5.ua/
🎄 Ребят, держу в курсе про новогодние скидки от Нетологии!
Нам там интересны вот эти два парня 😎
▪️React (скидка 30%). Если ты уже усвоил основы JS, то обязательно изучи этот популярный фреймворк, чтобы работать над более сложными и интересными задачами!
➡️ Ссылка на курс
▪️Node.js (скидка 45%). Для тех, кто уже шарит и хочет перейти на позицию мидла или стать фулстэком. На Node.js, кстати, разработаны такие крупные проекты как «Сравни.ру», OneTwoTrip, Aviasales
➡️ Ссылка на курс
Скидки действуют до 25 декабря! Так что давай бро, отдохни хорошенько и вперед к новым знаниям! 👊🏻
Нам там интересны вот эти два парня 😎
▪️React (скидка 30%). Если ты уже усвоил основы JS, то обязательно изучи этот популярный фреймворк, чтобы работать над более сложными и интересными задачами!
➡️ Ссылка на курс
▪️Node.js (скидка 45%). Для тех, кто уже шарит и хочет перейти на позицию мидла или стать фулстэком. На Node.js, кстати, разработаны такие крупные проекты как «Сравни.ру», OneTwoTrip, Aviasales
➡️ Ссылка на курс
Скидки действуют до 25 декабря! Так что давай бро, отдохни хорошенько и вперед к новым знаниям! 👊🏻
После предыдущего поста про курсы у меня личка буквально разрывалась, ребят. Я подумал, что попал под какую-то спам атаку, потому что все сообщения были одинаковыми. А именно:
"Админ!
Я React изучил, Node изучил, че еще то есть? Учиться хочу не могу, весь интернет облазил – нет больше курсов😢 Вообще... ни одного не могу найти. Может у тебя там какой-то секретный есть, ты уж поделись плиз"
Ребят, без паники. Есть такой секретный курс – Fullstack на JavaScript от SkillFactory!
➡️ Вот ссылка
Этот курс научит вас хорошо выполнять те действия, которые закроют 80% всех задач как на работе, так и на фрилансе. Вам больше не придется тратить сотни часов на самостоятельный поиск решения или чтение форумов.
👊🏻 С меня как обычно скидос 55% по промокоду "SF55". Он кстати и на другие курсы действует!
"Админ!
Я React изучил, Node изучил, че еще то есть? Учиться хочу не могу, весь интернет облазил – нет больше курсов😢 Вообще... ни одного не могу найти. Может у тебя там какой-то секретный есть, ты уж поделись плиз"
Ребят, без паники. Есть такой секретный курс – Fullstack на JavaScript от SkillFactory!
➡️ Вот ссылка
Этот курс научит вас хорошо выполнять те действия, которые закроют 80% всех задач как на работе, так и на фрилансе. Вам больше не придется тратить сотни часов на самостоятельный поиск решения или чтение форумов.
👊🏻 С меня как обычно скидос 55% по промокоду "SF55". Он кстати и на другие курсы действует!
При поиске первой работы начинающему фронтенд-разработчику трудно продемонстрировать свой опыт. Проекты, на которых ты приобретал новые навыки, редко могут похвастаться хорошим качеством кода. Когда пишешь что-то впервые, попросту невозможно написать идеальный код!
В результате твой публичный репозиторий состоит из «букета» незавершенных проектов и вряд ли тебе захочется, чтобы потенциальные работодатели вообще туда заглядывали.
Поэтому держи список проектов, на которых ты можешь отточить полученные знания, только на этот раз уделяя особое внимание качеству кода:
#usefull
В результате твой публичный репозиторий состоит из «букета» незавершенных проектов и вряд ли тебе захочется, чтобы потенциальные работодатели вообще туда заглядывали.
Поэтому держи список проектов, на которых ты можешь отточить полученные знания, только на этот раз уделяя особое внимание качеству кода:
#usefull
techrocks.ru
5 JavaScript-проектов, которые стоит создать начинающему фронтенд-разработчику | techrocks.ru
Начинающему фронтендеру бывает трудно показать свой опыт. Представляем список проектов, которые вы вполне можете создать, чтобы продемонстрировать свои знания и умения.
Как работает оператор запятая в JavaScript
Оператор "запятая" полностью отличается от запятой в объектах, массивах, аргументах и параметрах функции. Он используется довольно редко и является одним из самых необычных операторов JS.
Иногда оператор "запятая" используют, чтобы сократить написанный код, – вот почему важно его знать и понимать, что при этом происходит. Все подробности смотрите в видео
➡️ youtu.be/XHlLtAEhl-8
Оператор "запятая" полностью отличается от запятой в объектах, массивах, аргументах и параметрах функции. Он используется довольно редко и является одним из самых необычных операторов JS.
Иногда оператор "запятая" используют, чтобы сократить написанный код, – вот почему важно его знать и понимать, что при этом происходит. Все подробности смотрите в видео
➡️ youtu.be/XHlLtAEhl-8
YouTube
Как работает оператор запятая в JavaScript | Comma operator в JS
Этим видео мы начинаем новую рубрику "Сегодня Я Узнал". Это будут короткие ролики, в которых мы точечно будем делиться интересными и полезными фактами, фишка...