​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

​Nest.js: A Progressive Node.js Framework (2018)
Авторы: Jay Bell, Greg Magolan, David Guijarro, Adrien de Peretti, Patrick Housley
Количество страниц: 313

Фреймворки JavaScript очень быстро входят и выходят из моды по мере того, как веб-технологии меняются и развиваются. Nest.js - хорошая отправная точка для многих разработчиков, которые хотят использовать современный веб-фреймворк, поскольку он использует язык, очень похожий на язык JavaScript, наиболее часто используемый в Интернете. Nest.js также использует TypeScript, язык, который обеспечивает простоту и мощность JavaScript с безопасностью типов других языков, к которым вы, возможно, привыкли. С помощью этого руководства вы сможете приступить к работе, создавая свои собственные приложения c Nest.js в кратчайшие сроки.

Достоинства:
➕Глубокое погружение в тему;
➕Широкий спектр тем.

Недостатки:
➖Не замечено.

Скачать книгу

#english #book #advanced