🦊 Вышел Firefox 83
▪️В новой версии добавлен режим HTTPS-only (выключен по умолчанию). С включенным HTTPS-only все устанавливаемые соединения будут использовать HTTPS. Если установка безопасного соединения невозможна, будет отображено сообщение об ошибке с возможностью перейти к ресурсу по HTTP. HTTPS-only включается в настройках в разделе "Privacy & Security".
▪️В JS-движок SpiderMonkey добавлен новый оптимизирующий JIT-компилятор Warp. Благодаря ему загрузка страниц ускорилась на 15%, а общее потребление памяти снизилось на 8%.
▪️В Firefox теперь можно заполнять, сохранять и распечатывать PDF-формы AcroForm с помощью встроенного просмотрщика PDF. Добавили pinch-to-zoom в Windows (для сенсорных дисплеев) и macOS (для тачпадов). Улучшили интерфейс демонстрации экрана.
▪️Для разработчиков не очень много изменений. В CSS была добавлена поддержка конических градиентов conic-gradient(). Свойство :-moz-any() теперь обычный алиас для :is(). В Intl добавлен метод Intl[Symbol.toStringTag], возвращающий строку "[object Intl]". В инспекторе элементов DevTools у DOM-элементов, приводящих к появлению полос прокрутки, теперь отображается бейдж "scroll" (помогает при дебаге двойных скроллов на странице).
Источники:
➡️ Раз, два
#news
▪️В новой версии добавлен режим HTTPS-only (выключен по умолчанию). С включенным HTTPS-only все устанавливаемые соединения будут использовать HTTPS. Если установка безопасного соединения невозможна, будет отображено сообщение об ошибке с возможностью перейти к ресурсу по HTTP. HTTPS-only включается в настройках в разделе "Privacy & Security".
▪️В JS-движок SpiderMonkey добавлен новый оптимизирующий JIT-компилятор Warp. Благодаря ему загрузка страниц ускорилась на 15%, а общее потребление памяти снизилось на 8%.
▪️В Firefox теперь можно заполнять, сохранять и распечатывать PDF-формы AcroForm с помощью встроенного просмотрщика PDF. Добавили pinch-to-zoom в Windows (для сенсорных дисплеев) и macOS (для тачпадов). Улучшили интерфейс демонстрации экрана.
▪️Для разработчиков не очень много изменений. В CSS была добавлена поддержка конических градиентов conic-gradient(). Свойство :-moz-any() теперь обычный алиас для :is(). В Intl добавлен метод Intl[Symbol.toStringTag], возвращающий строку "[object Intl]". В инспекторе элементов DevTools у DOM-элементов, приводящих к появлению полос прокрутки, теперь отображается бейдж "scroll" (помогает при дебаге двойных скроллов на странице).
Источники:
➡️ Раз, два
#news
MDN Web Docs
Firefox 83 for developers
This article provides information about the changes in Firefox 83 that will affect developers. Firefox 83 is the current Beta version of Firefox, and will ship on November 17, 2020.
🌐 Ииии новая версия 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://t.me/itgid_info
Телеграмм автора: https://telegram.me/alex_luschenko
Сайт погоды https://rp5.ua/
Курс HTML для JS разработчиков: https://itgid.info/course/html
Телеграмм канал: https://t.me/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
Начинающему фронтендеру бывает трудно показать свой опыт. Представляем список проектов, которые вы вполне можете создать, чтобы продемонстрировать свои знания и умения.