​Многопользовательская real-time игра с нуля

Обмен игровым состоянием, физические расчеты, хранение данных и создание интерфейса на JavaScript: https://proglib.io/w/446de3f5

#gamedev

🎄2️⃣0️⃣2️⃣2️⃣🎁

Чего только не было в этом году: нашествие нейросетевых алгоритмов и ARM-процессоров, GitHub Copilot и автодополнение кода, сражение с чёрной дырой пандемии и рождение метавселенных — всего и не припомнишь.

Под занавес принято подводить итоги. В 2021 году редакция «Библиотеки программиста» выпустила 448 статей, а сайт proglib.io посетили 4.7 миллиона читателей. Суммарное число подписчиков наших сообществ превысило 500 тысяч. Наконец, мы открыли собственный образовательный центр — proglib.academy.

Мы сердечно поздравляем всех читателей и членов нашего IT-коммьюнити с Новым годом. Желаем лёгкого кодинга, добра, счастья, здоровья и удачных проектов! Оставайтесь с нами, впереди много интересного! 😉

Как повысить SEO-рейтинг сайта с помощью Next.JS

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

https://proglib.io/w/611873ec

#seo

​Ленивая загрузка изображений

Ленивая загрузка изображений — хорошая практика улучшения производительности, при которой изображения загружаются не сразу, а отложенно, в тот момент, когда они действительно нужны — например, если юзер докрутил страницу до них.

https://proglib.io/w/53090524

​Добавление нового поведения с помощью декораторов в JavaScript

Декораторы позволяют изменить функциональность кода без его переписывания. Разбираемся, когда они нужны и как их правильно реализовать: https://proglib.io/w/2c935469

#javascript #bestpractices

​Floating UI

Библиотека для позиционирования всплывающих элементов - тултипов, дропдаунов и др. Легковесная (ядро весит всего 600 б), много настроек, удобный интерфейс: https://proglib.io/w/79dd1eb9

#library #interface

Как оптимизировать размер бандла SPA и ускорить загрузку приложения в несколько раз

Автор разбирает:

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

https://proglib.io/w/84141ada

#performance

Все, что нужно для фронтенда в 2022

2021 год завершился — и это отличная возможность порефлексировать и подвести некоторые итоги. За этот год в мире фронтенда появилось много новых и интересных инструментов — так много, что выбрать среди них лучшие очень сложно. Но мы все же попытаемся составить из всего этого многообразия гармоничный ансамбль на следующий год.

https://proglib.io/w/24f5417a

#tools #digest

​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

​Какие навыки нужны фронтендеру, чтобы стать мидлом?

Исследование HTML Academy: https://proglib.io/w/e1d7d148

Работа с массивами в JavaScript

15 методов работы с массивами в JavaScript: https://proglib.io/w/767ff88e

Группировка массивов (пропозалы groupBy и groupByToMap): https://proglib.io/w/ddef22d4

#javascript

​6 скрытых жемчужин JavaScript, которые вы могли пропустить

6 свеженьких сниппетов, которые могут вас приятно удивить: https://proglib.io/w/d002d875

#javascript #snippets

​Продвинутый React-хук для блокировки скролла

Решаем классическую проблему блокировки скролла при показе модальных окон: https://proglib.io/w/4d804a82

#react #interface

​Руководство по Webpack для начинающих

Если вы все еще не знаете, как работает Webpack и зачем он нужен, то уже пора узнать: https://proglib.io/w/96c9f887

#tools #webpack

​Микрофронтенды от новичка до эксперта

Если вы все еще не знаете, как работают микрофронтенды, то вот вам целое руководство по изучению: https://proglib.io/w/26a514bd

#microfrontends

Patterns.dev

Бесплатная книга про использование архитектурных паттернов в JavaScript и React приложения с подробными примерами. Доступна онлайн и для загрузки: https://proglib.io/w/ebbc48ed

#bestpractices #books

​Топ-10 веб-приложений на CodePen за 2021 год

От анимированной кнопки загрузки до полноценного дашборда - вдохновляйтесь: https://proglib.io/w/4d48b047

#snippets

​Организация отступов в верстке (margin/padding)

Статья довольно старая, но содержит много полезных идей, над которыми стоит задуматься: https://proglib.io/w/1b91356e

#layout #css

​CSS в 2022

2021 год выдался непростым для CSS: рабочая группа проделала огромную работу с существующими функциями и специфицировала множество новых, а браузеры сосредоточились на устранении проблем совместимости. Что же ждет нас в 2022?

https://proglib.io/w/bd53d579

Верстка в 2022. Теория и практика

Некратный отступ в макете - это не всегда ошибка, или учимся видеть логику в дизайне:

👉 Часть 1
👉 Часть 2

#layout #css

​Глубокое клонирование в JavaScript с использованием structuredClone

Новый метод для настоящего глубокого клонирования без хаков с сериализацией. Еще не полностью доступен и имеет ряд ограничений, но это все равно хорошая новость: https://proglib.io/w/7a16c22d

#javascript