JavaScript

#fun

ТОП 20 JavaScript плагинов для веб-разработчика

#usefull

#fun

Обходим блокиратор блокировщика рекламы и учимся сами определять блокировку JavaScript. Очень интересный урок, детектив можно сказать 🕵️‍♂️

#usefull

📺 Любопытный видос про все возможности state-менеджера Mobx в связке с React, сравнение MobX и Redux и что по итогу использовать

#usefull

#fun

🌐 Ииии новая версия 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

🦊 Вышел 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

💻 Как сделать модальное окно на чистом Java Script

#usefull

#fun

🚀 Разработчики прошлого проделали огромную работу, чтобы подарить нам более спокойный мир. Почитай про впечатляющие работы, на которые можно наткнуться, бродя по GitHub-репозиториям

▪️ Управляющая программа Аполлона-11
▪️Quake III Arena
▪️GNU Compiler Collection
▪️Chromium
▪️Gitk

🔭 Отличный видос для тех, кто только присматривается к JS.
Что из себя представляет язык, работа на нем, проекты, зарплата и т.д.

#usefull

🎮 Untrusted — игра для изучения JavaScript. Интересная головоломка, в которой предстоит добраться до выхода, преодолевая лабиринт и убирая препятствия кодом. Мало того, что тебе придётся писать свой код, так ещё и разбираться в существующем — неплохая практика

До какого уровня дошел?

☠️ С чего начался джаваскрипт и что его чуть не убило?

⚔️ История героя наших браузеров и просто хорошего языка с непростой судьбой, как если бы он был героем мифа!

Пранк вышел из-под контроля 🤪🙃

#fun

Как обрабатывать события на JavaScript, если элементов HTML много? Например, много кнопок с одним классом и мы хотим, чтобы каждая из них скрывала/показывала свой текст.

Смотри видео и обрабатывай события правильно!

#usefull

​​🌚 Р-р-ребята, у Skillbox прямо сейчас действуют большие скидки на курсы! Отличная возможность научиться чему-то новому и начать 2021 год с повышения ЗПшки! 🎄Выбирай курс по ссылке

А еще специально для нашего канала собрал подборку курсов по JS-фреймворкам!

➡️ «Angular». Систематизируешь знания по Angular, изучишь современные подходы с использованием библиотеки RxJS, научишься строить архитектуру с помощью сервисов и NgRx и сможешь повысить свой уровень до Middle.

Подробнее
До 16 ноября действует скидка 30%, старт 17 ноября

➡️ «React.js». Узнаешь как создавать изоморфные приложения на React Redux, типизировать их с помощью Typescript и работать с различными публичными сервисами.

Подробнее
До 16 ноября действует скидка 30%, старт 17 ноября

➡️ «Vue.js». Сможешь создавать сайты и приложения на Vue, работать с библиотекой Vuex и интегрироваться с API.

Подробнее
До 16 ноября действует скидка 30%, старт 17 ноября

➡️ «Node.js». Научишься писать backend на JavaScript и будешь самостоятельно создавать веб-серверные приложения, которые работают в режиме реального времени.

Подробнее
До 16 ноября действует скидка 30%, старт 17 ноября

Вышел Angular 11. Марк Тексон рассказал про новые фичи релиза — "Version 11 of Angular Now Available".

С версии Angular 11 шрифты будут инлайниться по умолчанию. Улучшена инфраструктура для тестирования компонентов. Улучшен вывод информации о процессе сборки. Идёт работа над Language Service, который улучшает опыт разработки, предоставляя полезные сервисы для IDE (полноценный релиз запланирован в следующей версии). Улучшена поддержка Hot Module Replacement (HMR). Ускорена сборка благодаря переходу на TypeScript 4.0 и улучшениям в Angular compatibility compiler (ngcc).

Также появилась экспериментальная поддержка Webpack 5 (для её включения нужен yarn). TSLint официально задеприкейчен; рекомендуется переходить на ESLint. Была удалена поддержка IE9, IE10 и IE mobile.

Команда Angular начинает больше работать с сообществом. У проекта появился публичный Roadmap. Идут активные работы по инвентаризации всех открытых ишью. Было исправлено несколько проблем и реализована новая фича с большим количеством голосов.


#news

#fun

Обычное программирование vs программирование, когда твой код будут проверять

#fun