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
🔥5 проектов Go: управление безопасностью и контейнерами, создание бэкендов

Сегодня узнаете о 5 интересных проектах на Golang, популярном языке программирования высокопроизводительных приложений.

https://nuancesprog.ru/p/17037/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31❤‍🔥1
🔥Использование Helmet в Node.js для защиты приложения

Здесь вы узнаете, что такое Helmet, зачем он нужен и как интегрировать его в Node.js для защиты HTTP-заголовков в приложении Express.js.

https://blog.logrocket.com/using-helmet-node-js-secure-application/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
💪Написание интерактивных историй компонентов с помощью Histoire в Vue 3 и TypeScript

Вы рассмотрите, как создавать интерактивную документацию компонентов пользовательского интерфейса для проектов Vue 3.

https://blog.logrocket.com/writing-interactive-component-stories-histoire-vue-3-typenoscript/
❤‍🔥31👍1
🐸Директивы в Vue

В этой статье автор рассмотрит встроенные директивы vue.js и покажет вам, как создавать собственные директивы.

https://blog.openreplay.com/directives-in-vue/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3🎉1
👍Создание более плавных переходов CSS с помощью Animate CSS Grid

В этой статье вам покажут, как использовать пакет Animate CSS Grid для анимации всех свойств сетки.

https://blog.logrocket.com/creating-smoother-css-transitions-animate-css-grid/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
🚀Настройка CodeGPT в Visual Studio

В этой статье вы узнаете, как настроить и использовать CodeGPT в широко используемом редакторе кода Visual Studio Code.

https://blog.openreplay.com/set-up-codegpt-in-visual-studio-code/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3❤‍🔥2
😀To-do list с помощью Phoenix, React и TypeScript

В этом руководстве вы разработаете базовые функции приложения списка дел с помощью Phoenix, React и TypeScript.

https://blog.logrocket.com/to-do-list-phoenix-react-typenoscript/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
😀Встраивание WebGL в HTML-страницу с помощью Three.JS

В данной статье вы рассмотрите совмещение WebGL‑анимации с прокруткой страницы HTML, используя библиотеку Three.js.

https://habr.com/ru/company/simbirsoft/blog/721912/
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥3👍1
Как создать собственную библиотеку компонентов 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