Bun: новый рантайм для JavaScript

Bun конкурирует с хорошо известными NodeJS и Deno. Это новый JavaScript рантайм с нативным сборщиком, транспайлером, исполнителем задач и встроенным npm клиентом.

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

https://habr.com/ru/news/t/676102/

#javascript

Как с помощью Core Web Vitals влюбить в свой сайт пользователей и поисковые системы

Core Web Vitals — ядро сервисов для оценки производительности сайтов. Почему такое большое внимание уделяем Core Web Vitals и как эти метрики помогают повысить качество взаимодействия веб-ресурса с пользователем — в этом материале:

https://tproger.ru/articles/kak-s-pomoshhju-core-web-vitals-vljubit-v-svoj-sajt-polzovatelej-i-poiskovye-sistemy/

#seo

​Продвинутый бэкенд на Node.js

В этом видео вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.

https://youtu.be/dDeWWQWMM-Y

#бэкенд #nodejs

Создаем сайт-портфолио с responsive-дизайном

Одним из важных моментов в поиске работы является наличие хорошего портфолио. Для фронтенд-разработчика таким портфолио может стать сайт, написанный им самим. В этой статье вы научитесь создавать отзывчивый сайт-портфолио с responsive-дизайном:

https://techrocks.ru/2021/08/24/responsive-portfolio-using-pure-html-css-javascript/

#фронтенд

​Послание к начинающим JavaScript-разработчикам

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

Подробнее:

https://techrocks.ru/2021/05/08/letter-for-new-javascript-programmers/

#javascript

​Создание прогрессивного веб-приложения с помощью Django и Angular

Прогрессивные веб-приложения (PWA) — это веб-приложения, которые используют различные методы проектирования и технологии, чтобы выглядеть и вести себя как обычные мобильные или настольные приложения.

В этом руководстве предлагается создать простую викторину в виде PWA, которая сочетает в себе лучшие аспекты как веб-приложений, так и нативных приложений, используя Python и Django для серверного API и Angular с TypeScript для внешнего интерфейса:

https://www.twilio.com/blog/build-progressive-web-application-django-angular-part-1-backend-api

#pwa #django #angular

​Как успешно реализовать проверку состояния контейнера в Docker Compose

В этой статье речь пойдёт о команде Healthcheck, которая определяет возможность тестирования контейнера, чтобы убедиться в его работоспособности. Без неё Docker не сможет определить статус, запущенных в контейнере служб. Поэтому очень важно уметь правильно её создавать.

Подробнее:

https://nuancesprog.ru/p/14758/

#docker

Необычные эффекты по ховеру, или введение в React-Spring

Анимация при наведении – прекрасный способ сделать приложение динамичным и отзывчивым. Это мелочь, которая делает взаимодействие с продуктом уникальным и запоминающимся.

В этой статье вы узнаете, как сделать интересные эффекты наведения с помощью хуков React:

https://habr.com/ru/company/kts/blog/670234/

#react

​Новый выпуск веб-стандартов

В новом выпуск веб-стандартов обсудили Twitter Spaces, Safari и Apple, выбор между графикой и CSS, ARIA в селекторах и многое другое.

Слушаем тут:

https://youtu.be/-19qebJgKks

#подкаст

Как видят фронтенд бэкенд-разработчики

​От новичка до тимлида: гайд по продвижению

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

Подробнее: https://tprg.ru/R0G5

​Найдите ошибку в React-компоненте: Функциональное Карри

В этом выпуске «Найди ошибку» у нас есть простой React компонент-переключатель, который переключается между активным и неактивным состояниями при нажатии. Однако он не работает как ожидается. Сможете ли вы найти ошибку и исправить её?

Переходите по ссылке, чтобы проверить свои навыки, а также посмотреть на один из вариантов решения проблемы:

https://tproger.ru/articles/najdi-oshibku-v-react-komponente-funkcionalnoe-karri/

#react

​Библиотека Ethers.js: новичкам на заметку

Ethers.js и web3.js  —  это две библиотеки JavaScript с открытым исходным кодом, которые позволяют разработчикам взаимодействовать с блокчейном Ethereum и выполнять разные задачи.

Если есть желание поработать с блокчейном и web3, то в этой статье вы сможете поближе познакомиться с возможностями этой библиотеки:

https://nuancesprog.ru/p/15969/

#библиотека #javascript

Пошаговое руководство по созданию фуллстак-приложения за час

​Будущее интернета: как работают протоколы HTTP/3, QUIC и зачем они нужны

Новый стандарт протокола HTTP (обозначенный как HTTP/3), на базе которого работает всемирная паутина, находится в разработке с 2018 года и в настоящее время проходит этап рассмотрения интернет-проекта. А в этой статье вы узнаете об эволюции протокола HTTP, транспортном протоколе QUIC, преимуществах и недостатках HTTP/3 и, наконец, о возможном будущем интернета благодаря HTTP/3:

https://proglib.io/p/budushchee-interneta-kak-rabotayut-protokoly-http-3-quic-i-zachem-oni-nuzhny-2022-07-26

#http #web3

​Неочевидно, но факт: 5 способов использовать метод reduce в JS

Современный стандарт JavaScript предоставляет множество методов для «умного» перебора массивов. В случае, когда нужно пройтись по массиву и, например, суммировать все значения, найти среднее или произвести какие-либо промежуточные действия, лучше использовать метод reduce.

В каких сценариях его можно применять — в этой статье:

https://tproger.ru/articles/neochevidno-no-fakt-5-sposobov-ispolzovat-metod-reduce-v-js/

#javascript