Web Stack – Telegram
Web Stack
4.45K subscribers
804 photos
5 videos
1.77K links
Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты.

Админ: @jem_jem
Реклама: http://bit.ly/2wZeIPj

👉 Дайджест мобильной разработки @mobile_dvlp
Download Telegram
Next.js: подробное руководство. Итерация первая.

Иван Агапов описывает основные возможности фреймворка с примерами.

https://habr.com/ru/company/timeweb/blog/588498/
Как интегрировать MongoDB и Fastify - пошаговый туториал создания CRUD API.

https://backend.cafe/how-to-use-fastify-and-mongodb
Реализация F и Z-паттернов расположения контента с помощью HTML и CSS

https://www.makeuseof.com/build-f-z-patterns-using-html-and-css/
Как создать систему плагинов с помощью Node.js.

Статья о том, как можно расширить функционал приложения при помощи плагинов, подгружая и выгружая их.

https://javanoscript.plainenglish.io/how-to-build-a-plugin-system-with-node-js-68c097eb3a2e
Как обрабатывать загрузку файлов на Node.js с помощью FormData и Multer.

https://www.twilio.com/blog/handle-file-uploads-node-express
Как сделать современный веб-сайт в 2021 году - Кент Доддс рассказывает, как он перестроил свой личный сайт, используя новые технологии (React, Remix, XState и Prisma)

https://kentcdodds.com/blog/how-i-built-a-modern-website-in-2021
Просмотр HTML-кода — не преступление.

О новой фиче Chrome 98, запрещающей просмотр исходного кода страницы.

https://habr.com/ru/company/globalsign/blog/589393/
Что такое контейнер? Контейнер против VM, Docker против Kubernetes. Объяснение основных концепций.

https://iximiuz.com/en/posts/container-learning-path
Создание шарообразного меню.

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

https://yosracodes.hashnode.dev/blob-menu
Next.js: подробное руководство. Часть вторая.

Продолжение статьи Ивана Агапова о работе с Next.js.

https://habr.com/ru/company/timeweb/blog/590157/
5 возможностей JavaScript ES12, которыми стоит воспользоваться уже сегодня.

Среди них логические операторы присваивания, Promise.any() и числовые разделители.

https://habr.com/ru/company/ruvds/blog/589369/
Тестирование приложения на Svelte с помощью Jest

https://www.roboleary.net/2021/11/18/svelte-app-testing-jest.html
bundlescanner - онлайн инструмент, который сканирует файлы скриптов и определяет библиотеки, которые использует сайт.

https://bundlescanner.com/
Lighthouse. Руководство по оптимизации сайтов для начинающих

https://habr.com/ru/company/htmlacademy/blog/585866/
Постигаем WebAssembly, рисуя кривую дракона

Большая статья про WebAssembly

https://habr.com/ru/post/591741/
Изучаем основные концепции Apache Kafka в игровой форме с Factorio

https://ruurtjan.medium.com/understanding-kafka-with-factorio-74e8fc9bf181
Используем Spotify API с Next.js для отображения песен в реальном времени

https://leerob.io/blog/spotify-api-nextjs
Создание генеративных шаблонов с помощью CSS Paint API

https://css-tricks.com/creating-generative-patterns-with-the-css-paint-api/
Друзья!
🔥 Podlodka анонсировала 3-й сезон Podlodka Frontend Crew - старт 6 декабря. А мы разыгрываем 1 билет для подписчиков!

Интенсив продлится две недели. Сессии проходят дважды в день: утром и вечером.
В программе: крутые спикеры, сессии в лайве, ламповое общение и обмен кейсами в слаке, записи (для тех, кто не успевает на лайв).

Первая неделя посвящается тулингу на Node.js:
- Научитесь работать со всем тулингом современного фронтенда
- Узнаете как создавать свои Node.js-скрипты для автоматизации рутинных задач

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

Подробности и билеты уже на сайте!

Участвовать в розыгрыше можно тут!