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
30 способов улучшить перфоманс вашего CSS

https://blog.openreplay.com/30-ways-to-improve-website-performance-with-css/
👏2👍1
Mesher

Генератор градиентных фонов

https://csshero.org/mesher/
👍3
Разбираемся с роутингом в современных фреймворках

И пишем свой роутинг, основанный на расположении файлов

https://blog.bitsrc.io/demystifying-routing-creating-your-own-file-path-based-router-e5f7245a4925
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Руководство по созданию оверлеев для изображений на CSS

https://blog.logrocket.com/guide-image-overlays-css/
👍1🔥1
Next, Nest, Nuxt… Nust?

Сравниваем популярные JS backend фреймворки.

https://www.twilio.com/blog/comparing-nextjs-nestjs-nuxt-gatsby
🔥2
Сравниваем Tailwind CSS и Bootstrap

https://blog.openreplay.com/tailwindcss-vs-bootstrap--a-comparison/
👍4👎2
Оптимизация изображений для мобильных браузеров

https://blog.logrocket.com/ux-design/optimizing-images-mobile-browsers-ux-mindset/
👍5
Взаимодействие при помощи WebRTC или WebSocket

Разбираемся в различиях и делаем демо-приложение для видеозвонков.

https://blog.openreplay.com/communicating-with-webrtc-or-websocket/
👍4
Эмуляция многоядерных девайсов в Chrome DevTools

https://blog.bitsrc.io/simulating-frontends-in-multi-core-devices-using-chrome-devtools-88e86e40abb2
👍4
Проблемы необработанных отказов promise и их решение

https://jakearchibald.com/2023/unhandled-rejections/
👍5
Пять шаблонов загрузки данных для повышения быстродействия сайтов

https://habr.com/ru/company/ruvds/blog/709056/
👍3
Подборка плагинов для VSCode, которые делают разработку удобнее


https://blog.devgenius.io/22-vscode-plugins-to-keep-you-awesome-45a35e873c7e
🔥2
Настраиваем Server Side Rendering в React 18

Пошаговый туториал по реализации SSR.

https://javanoscript.plainenglish.io/server-side-rendering-in-react-18-d62ca70a1993
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Интересный ховер эффект для аватарки

https://css-tricks.com/a-fancy-hover-effect-for-your-avatar/
🔥9🤯3👍2
Интегрируем Google Analytics c Telegram

Пример реализации Telegram бота на Python + Cron + Docker.

https://habr.com/ru/post/716538/
🔥31
⚡️10 полезных сочетаний клавиш в PyCharm

Ловите статью с лайфхаками, которые в разы ускорят ваш кодинг в PyCharm.

https://habr.com/ru/sandbox/174638/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍1
🐺Выявляем волков в овечьей шкуре среди пользователей сайта

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

https://habr.com/ru/post/715006/
👍7
Графический интерфейс для bash, делаем работу в командной строке удобнее

Плагин для JetBrains IDE, позволяющий работать в командной строке cо всеми удобствами IDE

https://habr.com/ru/post/715824/
👍5❤‍🔥2
🔥Пишем приложение с бэкендом на Django и фронтендом на React

Вместе с автором напишите своё приложение с бэкендом на Django и фронтендом на React. Создадите REST API на Джанго, добавите React и соедините в один проект.

https://tproger.ru/translations/django-react-webapp/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
🤯Строгая типизация для приложений Vue.js на TypeScript

Из-за недружественности Vue.js к типизации приходится применять "костыли", чтобы использовать преимущества TypeScript.

В этой статье автор подробно разберёт все варианты использования TypeScript в месте с Vue.js

https://habr.com/ru/post/351216/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥3💩2👎1
🐍Как изучать язык Python для веб-разработки в 2023 году. Общие ориентиры

Автор поделиться планои обучения, который сможет задать вам общий ориентир, а также будет коррелировать с роадмэпом вроде roadmap.sh.

https://habr.com/ru/post/718376/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1