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
🫥Зачем идти в 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
Forwarded from Habr For Dev
#git #gitflow

GitFlow в его простоте от dev до prod

В какой ветке вести разработку? Из какой ветки деплоить на PROD? В какой ветке чинить багу, выявленную на IFT? Многие команды закрыли для себя этот вопрос, но для многих он остаётся открытым.Этот пост не будет содержать каких-то особых ноу-хау и киллер-фич. В нём я расскажу наиболее простую и понятную (лично мне) практику релизных циклов на основе git flow. И постараюсь объяснить каждое своё решение и каждый подход.

⭐️◽️◽️◽️◽️

📖Читать
5🤮2
😍Как создать двойную рамку в CSS

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

https://blog.logrocket.com/how-to-create-double-border-css/
🔥2
Как представить большие числа в вашем приложении

Эта статья будет полным руководством по управлению большими числами с помощью BigInt и популярных пакетов, предлагающих аналогичные функции Node.js

https://blog.logrocket.com/how-to-represent-large-numbers-node-js-app/
1
😊Создание сайта на Django

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

https://jino.ru/spravka/hosting/articles/django_app.html
🔥4