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

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

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

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

https://habr.com/ru/companies/ruvds/articles/779788/
👍5🔥1🤔1
Гайд: проектируем систему цветов. Всё про styles, tokens, variables

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

https://habr.com/ru/post/781082
🔥4👍2
DDD, Гексагональная, Луковая, Чистая, CQRS...

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

https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/
🔥6👍1🤔1
3D эффекты для изображений

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

https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images/
❤‍🔥4👍1🔥1
Web-Sockets

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

https://dev.to/raunakgurud09/websockets-unlocked-mastering-the-art-of-real-time-communication-2lnj
👍3🔥2🤔1
CORS, CSP, HTTPS, HSTS

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

https://habr.com/ru/companies/ruvds/articles/421347/
🔥9👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем эвенты в Google календаре с помощью NodeJS

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

https://dev.to/arindam_1729/i-built-an-event-scheduler-in-nodejs-using-google-calendar-api-4c5b
3🔥2👍1
Сборник паттернов для веб-разработчиков

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

https://www.patterns.dev/
👍6🔥21
Создаем шрифты в браузере

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

https://typlr.app/
👍4🔥1🤔1
Введение в TypeScript для начинающих

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

https://www.freecodecamp.org/news/typescript-for-beginners-guide/
👍51
Forwarded from Habr For Dev
#форки #репозитории

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

⭐️⭐️◽️◽️◽️

📖 Читать
👍5🤯2🤔1
Друзья, привет! Хотелось бы больше узнать о подписчиках канала. Поэтому небольшой опрос о том, кто вы и чем занимаетесь. Я...
Anonymous Poll
49%
Frontend разработчик
14%
Backend разработчик Python/PHP/Java/Go/C#
4%
Backend разработчик NodeJs
34%
Fullstack разработчик
👍5🤔4
Паттерны эффективных DOM операций

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

https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/
8🔥2👍1
Виртуальный DOM на 200 строк JS

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

https://lazamar.github.io/virtual-dom/
👍6🔥1😁1
SOLID принципы в React приложениях

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

https://dev.to/vyan/mastering-solid-principles-in-react-elevating-your-code-quality-2c6h
👍61
Forwarded from Habr For Dev
#ruvds_статьи #css

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

⭐️◽️◽️◽️◽️

📖 Читать
4👍1
Tarantool vs Redis: что умеют in-memory технологии

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

https://habr.com/ru/companies/vk/articles/550062/
15👍2
Ускоряем работу приложения еще на этапе загрузки

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

https://blog.sentry.io/how-to-make-your-web-page-faster-before-it-even-loads/
🔥4👍1
Деплой в AWS

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

https://www.youtube.com/watch?v=U3VSJhaC4kc
👍4🔥1
👩‍💻 Как быстро разобраться в 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
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍1👌1
👩‍💻 Vite vs CRA: почему разработчики массово переходят на новый инструмент

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

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🤣3🔥1🤮1