Web Stack

Создание отзывчивого меди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

Приглядываетесь к Laravel, но пока не используете его в работе? 📌 5 октября в 20:00 подключайтесь к вебинару, чтобы пообщаться с Егором Герасимчуком, CTO DotsPlatform. ▫️Вы сможете обсудить возможности и перспективы фреймворка, познакомитесь с программой онлайн-курса «Laravel Framework Developer» и определите, какие задачи вы сможете решить с ее помощью. ▫️Вы узнаете больше о преподавателях, как устроена практика и как можно сэкономить на обучении. Чтобы лучше подготовиться к встрече, пройдите вступительный тест — он позволит оценить сложность и подготовить вопросы эксперту. 👉 Чтобы посетить вебинар, регистрируйтесь по ссылке https://otus.pw/Fxn9/

5 крутых трюков с JavaScript Promise https://davidwalsh.name/javascript-promise-tricks

Folding the Web: делаем действительно адаптивный дизайн для складных устройств https://medium.com/samsung-internet-dev/folding-the-web-90952c925d52

Практическое реактивное программирование с помощью RxJS https://goodguydaniel.com/blog/hands-on-reactive-programming-rxjs