Web Stack

В Chrome началась активация IETF QUIC и HTTP/3 https://www.opennet.ru/opennews/art.shtml?num=53849

spotify-api — быстрая обёртка для взаимодействия со spotify api https://github.com/spotify-api/spotify-api.js

​​🤔 Как протестировать сторонний web-ресурс? 22 октября на демо-уроке «Основы puppeteer» Юрий Дворжецкий познакомит вас с этой библиотекой Node.js. Вы рассмотрите основы HTML/JS и реализуем простое тестирование стороннего Web-ресурса. 📌 Демо-урок входит в программу онлайн-курса «JavaScript QA Engineer». Это единственная в рунете комплексная программа по тестированию на JavaScript. Используйте эту возможность, чтобы бесплатно получить ценные знания, познакомиться с преподавателем и оценить качество курса. 👉 Проходите вступительный тест и регистрируйтесь на занятие https://otus.pw/F2Gr/

Как создать прогрессивное веб-приложение на React (PWA) https://www.codica.com/blog/how-to-create-pwa-with-react/

Создание отзывчивого медиa-браузера на CSS https://piccalil.li/tutorial/build-a-responsive-media-browser-with-css/

meta-fetcher: крошечный парсер мета-данных по указанному URL https://github.com/RocktimSaikia/meta-fetcher

Интересная реализация toggle переключателя https://codepen.io/jkantner/pen/OJNezxj

☝️ Профессия fullstack-разработчик входит в ТОП-3 самых востребованных языков по данным Lucky Hunter. Ты можешь освоить эту профессию, даже если никогда раньше не программировал на курсе от Skillbox. 👨🏻‍💻 Ты изучишь JS, HTML, CSS и станешь прокаченным frontend-hero. А язык для backend-разработки можешь выбрать сам — классический PHP или топовые Python и JavaScript. Тебя ждут онлайн-лекции и очень много практики. К концу курса ты сверстаешь лендинг, разработаешь социальную сеть, интернет-магазин и настроишь интеграцию с Reddit. После обучения мы поможем тебе с трудоустройством! Оплата только с 7-го месяца обучения — к этому времени ты уже сможешь работать над первыми заказами. 🔥 Скидка 40% действует еще совсем недолго. Переходи на сайт https://clc.am/qp9RFw, чтобы узнать больше и записаться.

Smart Search — Эффективный способ загрузки больших объемов данных во фронтенд приложения и интуитивно понятная работа с ними https://github.com/chalu/smart-search

Начало работы с Eleventy, генератором статических сайтов. https://www.sitepoint.com/getting-started-with-eleventy/

Как автоматически настроить размер шрифта с помощью CSS font-size-adjust? https://www.lambdatest.com/blog/css-font-size-adjust/

Что такое WeakSet в JavaScript и как это работает https://blog.alexdevero.com/weakset-in-javascript

Добиваемся вертикального выравнивания https://css-tricks.com/achieving-vertical-alignment-thanks-subgrid/

Утечки памяти в открепленных окнах https://web.dev/detached-window-memory-leaks/

Декларативный Shadow DOM. Новый способ реализации и использования Shadow DOM непосредственно в HTML. https://web.dev/declarative-shadow-dom/

Отличный туториал по разработке PWA приложений (сам посмотрел и теперь пилю свое) https://www.youtube.com/playlist?list=PL4cUxeGkcC9gTxqJBcDmoi5Q2pzDusSL7

​​❓Хотите профессионально вырасти в PHP-разработке? Начните прокачивать навыки уже 14 октября на демо-уроке «Application Performance Monitoring на PHP» с Александром Пряхиным. Вы узнаете, что такое APM и чем он отличается от обычного мониторинга, посмотрите на коробочные решения и их применимость, разберете, что из этого всего можно сделать самостоятельно. ☝🏻 Демо-урок является частью онлайн-курса «PHP Developer. Professional». Используйте эту возможность попробовать курс, познакомиться с преподавателем и получить ценные знания. 📌Для регистрации на занятие пройдите вступительный тест https://otus.pw/8BhB/

Линейное масштабирование размера шрифта с помощью CSS-clamp() на основе вьюпорта https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/

Используем Chrome DevTools профессионально https://habr.com/ru/company/otus/blog/520706/

Умные способы написания JSX в вашем приложении на React https://medium.com/javascript-in-plain-english/smart-ways-to-write-jsx-in-your-react-app-f435aa12bb96