Web Stack @web_stack Channel on Telegram

Web Stack

@web_stack


Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты.

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

👉 Дайджест мобильной разработки @mobile_dvlp

Web Stack (Russian)

Вы разработчик веб-приложений и сайтов, который всегда стремится быть в курсе последних тенденций и инструментов? Тогда канал "Web Stack" @web_stack идеально подойдет для вас! Здесь вы найдете самые свежие статьи, туториалы, практические советы и полезные инструменты для веб-разработки.

Администратор канала - @jem_jem, который ежедневно публикует только проверенную и актуальную информацию. Не пропустите возможность узнать о новейших инновациях и улучшениях в мире веб-разработки!

Для размещения вашей рекламы на канале, вы можете обратиться по ссылке: http://bit.ly/2wZeIPj

Присоединяйтесь к каналу "Web Stack" прямо сейчас, чтобы быть на шаг впереди веб-технологий! 👉 Дополнительный дайджест мобильной разработки доступен на канале @mobile_dvlp

Web Stack

04 Feb, 07:24


Что такое модель TCP/IP и как работает протокол

Статья о модели TCP/IP, которая является основой для передачи данных в интернете.
В статье объясняются четыре уровня модели, их функции и взаимодействие. Также рассматриваются ключевые протоколы, такие как IP, TCP и UDP.

https://bit.ly/4hKoLf1

Web Stack

02 Feb, 20:56


Список базовых SQL команд

Руководство по основным SQL-командам, которые полезны для работы с базами данных. Этот материал поможет вам лучше понять, как управлять данными с помощью SQL-запросов.

https://www.sitepoint.com/sql-commands/

Web Stack

01 Feb, 21:16


Прячем данные в изображениях

Вшиваем данные в PNG при помощи JavaScript — пошаговое руководство (для хакеров 😁)

https://jsdev.space/data-png-steganography-js/

Web Stack

21 Jan, 12:24


#открытый_исходный_код #субд

Безумные и забавные факты о SQLite

SQLite — самая часто разворачиваемая и используемая база данных. На текущий момент активно используется более одного триллиона (1000000000000 или миллиона миллионов) баз данных SQLite. Её поддерживают три человека. Они не допускают внешних контрибьюторов.

⭐️⭐️⭐️⭐️⭐️

📖 Читать

Web Stack

13 Jan, 21:07


Александр Моргунов — Разбираемся в Feature-Sliced Design

Посмотрим, что из себя представляет архитектурная методология Feature-Sliced Design и ее основные концепты.

https://www.youtube.com/watch?v=H_rJ0zB8rqc

Web Stack

02 Dec, 19:20


👩‍💻 Как добавить эффект матового стекла в ваш веб-дизайн

В статье рассказывается, как создать эффект матового стекла для веб-дизайна с помощью HTML и CSS. Автор делится опытом, вдохновленным UI из Forza, и предлагает готовый код и ассеты для реализации.

🖥 Читать статью

Web Stack

28 Nov, 14:18


👩‍💻 Эффективный DOM: лучшие практики на ванильном JavaScript

В статье представлены паттерны для эффективной работы с DOM на чистом JavaScript: от оптимального использования querySelector до кэширования элементов и улучшения событийного механизма.

🖥 Читать статью

Web Stack

27 Nov, 09:08


👩‍💻 5 CSS-трюков, которые сделают вас профи

В статье рассмотрены 5 современных CSS-приемов, включая селектор :has(), компактные медиазапросы и другие полезные техники, которые помогут улучшить навыки и ускорить работу фронтенд-разработчиков.

🖥 Читать статью

Web Stack

26 Nov, 08:34


setProperty vs setAttribute: кто быстрее в борьбе за стиль?

В статье проводится сравнение двух методов изменения стилей в JavaScript: style.setProperty и setAttribute('style', ...). Рассматриваются их различия, влияние на производительность и взаимодействие с CSSOM.

🖥 Читать статью

Web Stack

25 Nov, 13:34


💻 Переезд на PostgreSQL без потерь: инструкция по выживанию

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

🖥 Читать статью

Web Stack

25 Nov, 08:23


Strapi 5: десять причин полюбить обновление

В статье разобраны ключевые нововведения Strapi 5 — от улучшений интерфейса до новых функций API. Узнаем, как эти изменения делают CMS удобнее и мощнее, и что важно учитывать при переходе.

🖥 Читать статью

Web Stack

21 Nov, 14:26


Что такое React Portals?

Посмотрим, что такое React Portals и как они могу помочь в разработке приложений.

https://techhub.iodigital.com/articles/what-are-react-portals

Web Stack

20 Nov, 22:42


👩‍💻 JavaScript без прикрас: о чём молчат разработчики

В статье анализируются недостатки JavaScript: от особенностей его динамической типизации до проблем с производительностью и нестандартного поведения. Узнаем, в чём кроются его слабые стороны.

🖥 Читать статью

Web Stack

19 Nov, 14:54


👩‍💻 Наследование в JavaScript: от прототипов к практике

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

🖥 Читать статью

Web Stack

19 Nov, 11:42


Next.js, PostgreSQL и Docker: создаём продакшн-среду на Ubuntu

В статье описывается пошаговое развёртывание приложения Next.js с PostgreSQL и Cron-задачей на облачном сервере Ubuntu. Рассмотрены настройка Docker, Nginx, Docker Compose и установка SSL-сертификата.

🖥 Читать статью

Web Stack

18 Nov, 21:13


🗄 Хранилище в браузере: от Cookies до WASM SQLite

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

🖥 Читать статью

Web Stack

15 Nov, 15:44


👩‍💻 Худеем с Docker: секреты многоэтапной сборки

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

🖥 Читать статью

Web Stack

15 Nov, 09:02


От гайдлайнов к коду: эволюция документации фронтенда

В статье рассказывается о трансформации документации во фронтенд-разработке: от живых гайдлайнов до концепции Documentation as Code, и о том, как это изменило подход к работе за последние пять лет.

🖥 Читать статью

Web Stack

13 Nov, 12:00


👩‍💻 Отладка MobX: держим состояние под прицелом

В статье раскрываются инструменты отладки MobX — trace, introspection и spy, которые помогают понять поведение сторов, снизить количество перерисовок и улучшить производительность React-приложений.

🖥 Читать статью

Web Stack

13 Nov, 08:50


Фронтенд без API: как ускорить работу с помощью мокинга

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

🖥 Читать статью

Web Stack

11 Nov, 14:40


👩‍💻 Laravel и Docker для создания мощного CLI-приложения

В статье описан процесс создания CLI-приложения с использованием Laravel и Docker: как настроить Docker-образ для запуска команд Artisan в продакшн-среде, создавая гибкую платформу для CLI на PHP.

🖥 Читать статью

Web Stack

11 Nov, 11:28


👩‍💻 React и useState: как подружить компоненты с состоянием

В статье — полный разбор хука useState в React: как он добавляет состояние в функциональные компоненты, возвращая текущее значение и функцию для обновления.

🖥 Читать статью

Web Stack

10 Nov, 17:35


Новые фичи DevTools: отладка без лишней головной боли

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

🖥 Читать статью

Web Stack

08 Nov, 21:36


👩‍💻 Python-сборка по-современному: уроки от старшего разработчика

В статье Денис Савран из «Криптонита» рассказывает о лучших современных инструментах для сборки Python-проектов. Полезные советы и личный опыт для тех, кто хочет улучшить свой процесс разработки.

🖥 Читать статью

Web Stack

07 Nov, 22:34


👩‍💻 JavaScript отладка: 7 инструментов для спокойных нервов разработчика

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

🖥 Читать статью

Web Stack

05 Nov, 07:49


👩‍💻 Правила PRISM на языке Python

PRISM - простой, но конкурентоспособный алгоритм вывода правил методом индукции. Ознакомьтесь с его реализацией на языке Python и рассмотрите несколько практических примеров использования.

🖥 Читать статью

Web Stack

04 Nov, 12:48


👩‍💻 React на скорости: как отправить лишние рендеры в нокаут

В статье собраны 10 советов от профи по оптимизации React-приложений: от мемоизации до разделения кода, чтобы сократить повторные вычисления и ускорить рендеринг.

🖥 Читать статью

Web Stack

04 Nov, 07:48


👩‍💻 linkedSignal: управлять связанным состоянием теперь ещё проще

В статье обсуждается новый примитив Angular 19 — linkedSignal, который упрощает управление состоянием приложений. Рассматриваются его преимущества перед использованием effect и computed для обновления сигналов при изменении других сигналов.

🖥 Читать статью

Web Stack

03 Nov, 11:47


👩‍💻 PHP 8.4 Curl: Новые константы для поддержки HTTP/3

В статье рассматриваются нововведения в PHP 8.4 для поддержки HTTP/3 в расширении Curl: добавлены константы CURL_HTTP_VERSION_3 и CURL_HTTP_VERSION_3ONLY, которые упрощают настройку HTTP-запросов через QUIC.

🖥 Читать статью

Web Stack

03 Nov, 07:46


👩‍💻 React без базы JS? Только если строить дом на песке

В статье выделены 8 важных основ JavaScript, которые нужны перед изучением React. Эти концепции — ваш фундамент для уверенного погружения в React и написания качественного кода.

🖥 Читать статью

Web Stack

02 Nov, 12:45


👩‍💻 Svelte 5: меньше кода, больше счастья

В статье расскажем о прорывном релизе Svelte 5: после 18 месяцев работы он стал легче, быстрее и удобнее для всех — от новичков до опытных. Узнаем, что изменилось и как это улучшает код и производительность.

🖥 Читать статью

Web Stack

02 Nov, 07:45


Бэкенд для фронтенда: как сделать API, чтобы фронтенд не плакал

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

🖥 Читать статью

Web Stack

01 Nov, 11:44


👩‍💻 10 лучших CSS-библиотек и фреймворков для быстрой разработки фронтенда

В статье собран ТОП-10 CSS-библиотек и фреймворков для ускорения фронтенда. Узнаете, чем хороши Bootstrap и Milligram, их плюсы и когда какой инструмент стоит выбирать для проекта.

🖥 Читать статью

Web Stack

01 Nov, 07:43


👩‍💻 REST API CRUD в Laravel 11 с лучшими практиками

В статье показано, как пошагово создать приложение: от модели и миграции до интерфейса и классов. Привязываем реализацию, проверяем запросы, настраиваем репозиторий и маршруты API, и запускаем проект.

🖥 Читать статью

Web Stack

31 Oct, 08:53


👩‍💻 React Native полностью переделан

В статье обсудим обновление React Native до версии 0.76: переписанную архитектуру, сделавшую фреймворк быстрее и стабильнее. Рассмотрим, что это значит для разработчиков и новых возможностей.

🖥 Читать статью

Web Stack

30 Oct, 12:44


👩‍💻 Глобальная настройка любого компонента в Vue

Эта статья расскажет о переходе от Vuetify к альтернативам, в частности, к Element Plus, который хоть и поддерживает глобальную конфигурацию, но ограничен в настройках отдельных компонентов.

🖥 Читать статью

Web Stack

30 Oct, 11:31


Значок скрола в DevTools

Теперь стало намного проще находить элементы, у которых присутствует скрол, с новым обновлением DevTools.

https://developer.chrome.com/blog/swe-devtools-scroll-badge

Web Stack

30 Oct, 08:04


👩‍💻 Игнорирование определённых типов исключений в Laravel

Статья раскрывает, как в Laravel избирательно игнорировать определённые исключения, обеспечивая стабильность приложения. Пошаговый разбор помогает освоить настройки отчёта об ошибках для гибкого контроля.

🖥 Читать статью

Web Stack

29 Oct, 12:31


👩‍💻 Vite vs CRA: почему разработчики массово переходят на новый инструмент

Почему Create React App теряет позиции и как Vite решает главные проблемы современной React-разработки. Личный опыт миграции и сравнение производительности.

🖥 Читать статью

Web Stack

29 Oct, 07:23


👩‍💻 Как быстро разобраться в Next.js 14: 5 советов опытного фронтендера

Next.js — фреймворк для создания быстрых веб-приложений на React. Он поддерживает статическую генерацию и серверный рендеринг, что делает его идеальным для проектов, требующих высокой производительности и SEO.

https://proglib.io/p/kak-bystro-razobratsya-v-next-js-14-5-sovetov-opytnogo-frontendera-2024-10-24

Web Stack

09 Sep, 08:05


Деплой в AWS

Туториал по базовой настройке AWS и работе с основным функционалом для деплоя приложений.

https://www.youtube.com/watch?v=U3VSJhaC4kc

Web Stack

08 Sep, 20:48


Ускоряем работу приложения еще на этапе загрузки

Что присходит с запросом до получения результата и как на это можно повлиять.

https://blog.sentry.io/how-to-make-your-web-page-faster-before-it-even-loads/

Web Stack

29 Aug, 21:14


Tarantool vs Redis: что умеют in-memory технологии

Что такое БД в памяти и какие задачи они решают, а также технические особенности и сравнение Tarantool vs Redis.

https://habr.com/ru/companies/vk/articles/550062/

Web Stack

28 Aug, 06:57


#ruvds_статьи #css

Магия CSS на практике: советы по вёрстке от гика. Часть 3

⭐️◽️◽️◽️◽️

📖 Читать

Web Stack

25 Aug, 23:34


SOLID принципы в React приложениях

Повышаем качество кода с применением SOLID принципов в контексте разработки на React.

https://dev.to/vyan/mastering-solid-principles-in-react-elevating-your-code-quality-2c6h

Web Stack

21 Aug, 14:11


Виртуальный DOM на 200 строк JS

Как написать свою собственную реализацию Virtual DOM (и зачем).

https://lazamar.github.io/virtual-dom/

Web Stack

18 Aug, 16:43


Паттерны эффективных DOM операций

Как с точки зрения памяти эффективно работать с DOM элементами на чистом JS.

https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/

Web Stack

16 Aug, 13:02


#форки #репозитории

Любой может получить доступ к удалённым и приватным данным репозиториев GitHub

⭐️⭐️◽️◽️◽️

📖 Читать

Web Stack

16 Aug, 00:10


Введение в TypeScript для начинающих

Большое руководство для тех, кто только знакомится с TS.

https://www.freecodecamp.org/news/typescript-for-beginners-guide/

Web Stack

15 Aug, 00:15


Создаем шрифты в браузере

typlr — онлайн инструмент позволяющий относительно просто создать свой собственный шрифт.

https://typlr.app/

Web Stack

13 Aug, 10:45


Сборник паттернов для веб-разработчиков

Бесплатный онлайн ресурс для изучения дизайн паттернов и паттернов производительности для создания оптимизированных приложений на чистом JS или с использованием фреймворков.

https://www.patterns.dev/

Web Stack

13 Aug, 04:25


Создаем эвенты в Google календаре с помощью NodeJS

Подробный туториал по интеграции NodeJS приложения с Google Calendar API.

https://dev.to/arindam_1729/i-built-an-event-scheduler-in-nodejs-using-google-calendar-api-4c5b

Web Stack

30 Jan, 14:41


CORS, CSP, HTTPS, HSTS

Отличия CORS от CSP и как они защищают ваши приложения.

https://habr.com/ru/companies/ruvds/articles/421347/

Web Stack

27 Jan, 15:46


Web-Sockets

Искусство реализации коммуникации в режиме реального времени.

https://dev.to/raunakgurud09/websockets-unlocked-mastering-the-art-of-real-time-communication-2lnj

Web Stack

25 Jan, 14:43


3D эффекты для изображений

Как добавить сияние, изменить перспективу и поворот для изображений при помощи CSS.

https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images/

Web Stack

24 Jan, 11:09


DDD, Гексагональная, Луковая, Чистая, CQRS...

Как объединить эти подходы для создания гибкой архитектуры приложения.

https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/

Web Stack

22 Jan, 14:03


Гайд: проектируем систему цветов. Всё про styles, tokens, variables

Как перейти от стилей к токенам (variables).

https://habr.com/ru/post/781082

Web Stack

21 Jan, 10:23


OpenAPI станет проще

Подробности о релизе 4.0.

https://habr.com/ru/companies/ruvds/articles/779788/

Web Stack

11 Jan, 08:37


Делаем правильную favicon

Прошлогодний (но все еще актуальный) гайд по набору изображений для иконки вашего сайта, чтобы она везде отображалась правильно.

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

4,941

subscribers

781

photos

4

videos