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
Как создать собственную библиотеку компонентов React

Это руководство проведет вас через настройку проекта, создание компонентов, сборку и публикацию библиотеки в npm, а также ее использование в других проектах.

https://blog.openreplay.com/how-to-build-your-own-react-components-library/
🔥3
👀5 Забавных API для проектов JavaScript

В этой статье вы рассмотрите некоторые полезные API, которы можно использовать в проектах JavaScript.

https://open.zeba.academy/zabavnyh-api-proektov-javanoscript/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31👎1
🫥Как реализовать динамическую диаграмму для Vue на основе SVG

В статье автор делится примером, как можно построить диаграмму из элементов SVG с помощью JS и CSS.

https://habr.com/ru/company/simbirsoft/blog/524220/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1
🫥Next.js и React.js: что выбрать для проекта

Рассмотрите возможности обоих
фреймворков. Это поможет решить, какой из них использовать.

https://nuancesprog.ru/p/17110/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5💩5
🫥Зачем идти в full-stack в 2023-м году?

Автор расскажет только об одной конкретной области – веб-разработке. Начнет с ее короткой истории: как она развивалась в последние пару десятков лет.

https://habr.com/ru/post/714788/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
🫥14 CSS трюков, которые должен знать каждый Frontend-разработчик

Эта статья представляет собой сборник свежих продвинутых советов и приемов CSS, которые помогут вам овладеть навыками веб-дизайна и интерфейсной веб-разработки.

https://open.zeba.academy/css-tryuki-frontend/
Please open Telegram to view this post
VIEW IN TELEGRAM
💩8👍3🤮3❤‍🔥1🤔1
🫥Руководство по шаблонам проектирования Node.js

В этой статье вы рассмотрите, как идентифицировать эти шаблоны и как вы можете начать использовать их в своих собственных проектах.

https://blog.logrocket.com/guide-node-js-design-patterns/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
😍Создаём приложение, используя Vue и Django

В этом руководстве вы узнаете, как создать приложение Vue.js, взаимодействующее с данными из API Django.

https://blog.openreplay.com/build-an-app-using-vue-and-django/
Please open Telegram to view this post
VIEW IN TELEGRAM
4
😎Как добавить аутентификацию Supabase к приложению на Vue

В этой статье вы рассмотрите, как настроить аутентификацию с помощью Supabase и Vue 3.

https://nuancesprog.ru/p/17016/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
🚀Собираем и деплоим в Kubernetes приложение на Node.js с помощью werf

В статье будет рассмотрено, как собрать Docker-контейнер Node.js-приложения и затем развернуть его в Kubernetes-кластере.

https://tproger.ru/articles/kubernetes-node-js-werf/
🔥3👍2
😇Как сделать динамические цвета в CSS

Когда говорим «динамический», подразумеваем JavaScript. Но некоторые динамические функции можно реализовать, используя только CSS. Например, цвета.

https://habr.com/ru/company/netologyru/blog/700302/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🎉1
⚡️Оптимизация процесса сборки с помощью Webpack

В этой статье будут рассмотрены рекомендации по сборке Webpack и настройке конфигураций Webpack для таких фреймворков, как React и Vue.

https://blog.openreplay.com/optimizing-the-build-process-with-webpack/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
✔️CSR, SSG, SSR — про рендеринг приложений на примерах

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

https://habr.com/ru/companies/alfa/articles/725626/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7💩1
👀Платформа электронной коммерции с помощью Medusa и Docker

В этом уроке узнаете, как установить и настроить магазин Medusa на вашем локальном компьютере.

https://blog.openreplay.com/create-an-ecommerce-platform-with-medusa-and-docker/
Please open Telegram to view this post
VIEW IN TELEGRAM
4❤‍🔥1
😀Красивый штриховой текст в CSS

В этой статье автор разъяснит некоторую терминологию, относящуюся к веб-шрифтам, и рассмотрит, как обводка применяется к тексту.

https://blog.logrocket.com/create-beautiful-stroked-text-css/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3❤‍🔥2👍1
👩‍💻Редко используемые свойства CSS

В этой статье на примерах автор разберет новые и полезные свойства CSS. Ещё вы увидите раздел ресурсы, где можно почитать подробнее и глубже.

https://habr.com/ru/company/usetech/blog/710086/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
😎Как фронтендеры приручили микросервисы и перестали беспокоить бэкендеров

Автор расскажет, как приручил микросервисы на проекте МТС Твой бизнес, зачем они вообще понадобились и какую выгоду от этого получил.

https://habr.com/ru/companies/ru_mts/articles/700886/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍2
Автономная электронная коммерция с помощью Nuxt.Js, Webiny CMS и Stripe

В этой статье вы будете использовать Headless CMS для создания сайта электронной коммерции с помощью Nuxt.js headless Webiny CMS и интеграции платежей Stripe.

https://blog.openreplay.com/headless-ecommerce-with-nuxt-webiny-and-stripe/
🔥3
⚡️Карусель с помощью Vue и Splide.Js

В этой статье вы узнаете, как создать повторно используемый компонент карусели с помощью Vue и Splide.js, легкой и гибкой библиотеки слайдеров.

https://blog.openreplay.com/build-a-reusable-carousel-with-vue-and-splidejs/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
Оптимизация изображений

Полное руководство по оптимизации изображений: почему это важно и какие инструменты для этого существуют.

https://calibreapp.com/blog/image-optimisation-guide
👍4
Как создать приложение TypeScript с помощью Vite

В этой статье рассказывается, как объединить мощь TypeScript и скорость Vite для создания современного, масштабируемого и эффективного веб-приложения.

https://blog.logrocket.com/build-typenoscript-app-vite/
🔥2👍1