#javascript #advanced #video

Транспиляция из async/await в генераторы

Небольшой скринкаст от Пятиминутки React, в котором вы детально разберетесь с работой async/await.

https://www.youtube.com/watch?v=czgxE_UQnDQ

​#javascript #advanced

Обработка ошибок в SPA-приложениях

Какие ошибки подстерегают вас при разработке SPA и как их правильно обрабатывать?

https://prglb.ru/3y6wn

​#javascript #core #advanced

Функции-генераторы в JavaScript для оптимизации памяти

Управление памятью: обычные функции JavaScript против функций-генераторов

https://prglb.ru/49mwy

​Почему "голые" промисы небезопасны - и что использовать вместо них?

Что не так с нашими любимыми промисами?

https://prglb.ru/2z3uz

#javascript #advanced

​Под капотом современных браузеров

Большой туториал для веб-разработчиков.

https://developers.google.com/web/updates/2018/09/inside-browser-part1

#advanced #web

​Все, что вы хотели знать о деструкции в JavaScript

Серия статей, полностью раскрывающих концепцию деструкции в JS:

* 1 часть: https://prglb.ru/44den
* 2 часть: https://prglb.ru/1qeq0
* 3 часть: https://prglb.ru/324rn

#javascript #core #beginners #advanced

​Создаем Slack-бота с Node.js и SlackBots.js

Slack — это удобное рабочее пространство, которое можно настраивать под себя. Например, создавать ботов — именно этому мы сегодня и будем учиться.

https://prglb.ru/2d29q

#node #tools #advanced

​Введение в визуализацию данных с Vue и D3.js

Если вам приходится часто работать с графиками и диаграммами, это руководство вам обязательно пригодится.

https://prglb.ru/2pxud

#library #tools #advanced

​Тригонометрия в SCSS

Напишем свою CSS-тригонометрию с синусами и косинусами!

https://prglb.ru/2uw2n

#css #tools #processors #advanced

​PWA без React, Angular и Vue

https://blog.logrocket.com/building-a-progressive-web-app-pwa-no-react-no-angular-no-vue-aefdded3b5e/

#pwa #javascript #advanced

​Создаем собственную систему веб-аналитики

Google Analytics больше не нужен

https://prglb.ru/23jdw

#javascript #advanced

​15 проектов для прокачивания навыков кодинга

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

https://prglb.ru/51v9h

#javascript #inspiration #beginners #advanced

​Запуск бессерверного JS-проекта с GitLab

Возможно, вы слышали о таких бессерверных FaaS-решениях, как AWS Lambda. Рассказываем, как это работает на примере запуска JavaScript-проекта с GitLab.

Подробная пошаговая инструкция: https://prglb.ru/4ka3n

#javascript #advanced #server

Небезопасные промисы

Обычные промисы могут быть небезопасны для вашего продакшн-кода, к тому же их полноценная обработка выглядит довольно громоздкой. Нужно следить за ошибками запроса, отображать загрузку в интерфейсе, да еще и отменить их толком нельзя.

Подробнее о проблеме и ее решении: https://prglb.ru/2z3uz

#javascript #advanced

Все, что вы хотели знать о TypeScript

Полноценное введение в TypeScript

🐣 для начинающих

Статическая типизация
Как указывать типы
Линтинг на лету
Работа с функциями
Интерфейсы
Enum
Абстрактные классы
Модификаторы классов

🦁 для продвинутых

Конфигурация компилятора
Дженерики
Декораторы
Пространства имен

#typescript #beginners #advanced #video

ТОП-15 книг по JavaScript: от новичка до профессионала

В этом посте мы собрали переведённые на русский язык книги по JavaScript – всё, что нужно для старта, роста и оттачивания скиллов. Расставили в порядке возрастания сложности, указали преимущества и недостатки.

Изучить: https://prglb.ru/4dhaj

#javascript #books #beginners #advanced

Разбираем на примерах: как избежать мутаций в JavaScript

Из этого подробного руководства с многочисленными примерами кода на JavaScript вы узнаете, что такое мутации объектов, почему их следует избегать и как это сделать.

Читать: https://proglib.io/p/razbiraem-na-primerah-kak-izbezhat-mutaciy-v-javascript-2020-04-01

#javascript #advanced

Логические операции с CSS-переменными

Статья Аны Тюдор рассказывает, как использовать всю мощь булевой логики в CSS, а главное - зачем это может понадобиться.

Читать: https://css-tricks.com/logical-operations-with-css-variables/

#css #advanced

Чейнинг стилей а-ля jQuery с помощью Proxy

Библиотека jQuery предоставляет очень удобную возможность чейнинга методов для одного элемента:

$(selector)
    .css('color', '#fff')
    .data('mode', 'light')
    .fadeIn()

Ванильный DOM API по сравнению с этим выглядит очень громоздко, но мы можем прокачать его с помощью JavaScript Proxy.

Статья рассказывает, как работает Proxy - перехватывает обращения к методам и свойствам объекта - и как, используя эту функциональность, оптимизировать работу со стилями элемента.

style(selector)
    .color('#fff')
    .backgroundColor('#000')
    .opacity(1)

Вкратце

Проксируем доступ к объекту element.style, перехватываем все обращения к css-свойствам, делаем нужные операции со стилями и возвращаем новый Proxy.

Подробнее: https://tobiasahlin.com/blog/chaining-styles-with-proxy/

#javascript #proxy #advanced

​Правильный ответ: 2 1
Когда будет закончено чтение файла и цикл событий вызовет его коллбэк, он перейдет в фазу проверки, где обнаружит коллбэк метода setImmediate. Лишь после его выполнения цикл перейдет в новую итерацию и выполнит коллбэк, зарегистрированный методом setTimeout.

Подробнее о цикле событий в Node.js: https://proglib.io/p/cikl-sobytiy-kak-vypolnyaetsya-asinhronnyy-javascript-kod-v-node-js-2020-02-26

#node #eventloop #advanced