Webdev сохраненки
13 subscribers
130 photos
17 videos
7 files
347 links
Tips and tricks и прочие полезности из области веб-разработки, а также репосты понравившихся материалов
Download Telegram
Forwarded from CodeCamp
Полезное-ночное: нашёл огромный репозитарий, до отказа забитый Bash-скриптами.

До отказа — значит, что их там больше тысячи на все случаи жизни:

AWS, GCP, Kubernetes, Docker, CI/CD, APIs, SQL, PostgreSQL, MySQL, Hive, Impala, Kafka, Hadoop, Jenkins, GitHub, GitLab, BitBucket, Azure DevOps, TeamCity, Spotify, MP3, LDAP, Code/Build Linting, pkg mgmt для Linux, Mac, Python, Perl, Ruby, NodeJS, Golang, .bashrc, .vimrc, .gitconfig, .screenrc, tmux...
Forwarded from Вайб кодинг
👋Как повысить скорость работы веб-приложения: советы для фронтенд-разработчика

⬅️ Источник

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Веб-страница
Vue.js и Vite — что нового в 2024 году?

Evan You на VueConf US 2024 рассказал о свежих обновлениях в экосистеме Vue и Vite.

Хотите узнать, что изменилось в любимом фреймворке? Посмотрите выступление и изучите актуальные фичи:

https://youtu.be/A9MSFp9Fs8k?si=h3O-zli5G35HXXEQ
🥇 Лучший способ создания паттерна проектирования Singleton в JavaScript и TypeScript

Делимся эффективными методами реализации паттерна Singleton в JavaScript и TypeScript. Кроме того рассмотрим преимущества паттерна и потенциальные риски его использования.

🔗 Читать статью
🔗 Зеркало
Шпаргалка по переходу из веб в Telegram Mini Apps

Разработка может застопориться, если вовремя не изменить подход. Поэтому в Точке Нетворк решили упростить веб-сервис для локального сообщества предпринимателей, перейдя на Telegram Mini Apps.

В статье на Хабре фронтенд-разработчик Глеб Агеев рассказал, почему они это сделали и какой стек использовали.

🔗 Читать статью
🔥 История веб-фреймворка Hono от его создателя

Hono — это аккуратный, легковесный фреймворк, разработанный для работы в любом рантайме JavaScript, который начал набирать обороты в прошлом году.

Вы можете создать простое приложение, напоминающее Express.js, но запустить его на Cloudflare Workers, Deno, Bun или Node. Он активно используется и имеет много интересных фич, включая возможности писать HTML с помощью JSX.

👉 Читать
Forwarded from FrontEndDev
Встречайте новый оператор безопасного присвоения

Какие плюсы использования оператора ?= и в каких кейсах его можно использовать.

https://jsdev.space/safe-assignment-operator/
Forwarded from Библиотека программиста | программирование, кодинг, разработка
🔥 Dev.to гайды для Git, CSS, React, JavaScript

На платформе находится 49 разделов, внутри по 3-4 темы. Информации много и всё бесплатно.

Кстати, вы можете написать собственный гайд и отправить на сайт.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека программиста | программирование, кодинг, разработка
💡 200 идей для проектов

На Dev.to собрали подборку из 200 идей для проектов с примерами на любой уровень: от базовых до продвинутых. Это вдохновение для тех, кто ищет: как заполнить свой GitHub, заполнить портфолио или просто прокачаться.

Что внутри:
▪️ Начальные проекты. Здесь можно найти простые задачи, вроде создания калькулятора или генератора случайных чисел.
▪️ Средний уровень. Проекты вроде чат-приложения, систем для отслеживания задач.
▪️ Продвинутые проекты. Решения с использованием сложных алгоритмов, разработка на основе ИИ, системы управления пользователями и многое другое.
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉 Component Party — старый добрый ресурс для сравнения различных фронтенд фреймворков и библиотек, обновленный для Svelte 5 и Angular 17/Renaissance

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

👉 Component party
Forwarded from CodeCamp
This media is not supported in your browser
VIEW IN TELEGRAM
Нашёл прикольный ИИ-поисковик для кодеров — Devv.

Это смесь ChatGPT и Google, которая отвечает на ваши глупые вопросы о коде, фреймворках и прочем. Поиск настроен на релевантные ресурсы (GitHub, Hugging Face). Отдельный сок — можно кинуть ссылку на репо, а вам объяснят, как он работает.

Сервис хочет ваших денег, но там приятная бесплатная подписка, пользуемся.
Forwarded from Веб-страница
This media is not supported in your browser
VIEW IN TELEGRAM
Упрощаем себе создание grid-вёрстки на сайте с помощью CSS Grid Generator

Как видно на видео, он помогает посмотреть, как будет выглядеть итоговая сетка и после этого получить готовый CSS-код. Всё, что вам нужно: задать количество строк, колонок и расстояния между ними, а потом нарисовать расположение div-блоков.

Инструмент бесплатный, доступен по ссылке: https://cssgrid-generator.netlify.app/

#инструменты #css
Forwarded from Веб-страница
SDUI, или Как бэкенд-разработчику почувствовать себя фронтендером

Server Driven UI (SDUI) — это пользовательский интерфейс, управляемый сервером. Он сокращает клиентскую логику и обеспечивает согласованность между клиентскими платформами (web, iOS, Android и т. д.) за счёт возврата информации о продукте (элементов экрана для отображения и их содержимом) из API.

Другими словами, эта технология позволяет UI сделать запрос к API и получить в ответ JSON, в котором содержатся компоненты экрана (кнопки, checkbox’ы, поля для ввода и т. д.), а также логика их отображения под необходимую платформу.

Как это работает, рассказали в статье.

#ui #бэкенд #sdui
Forwarded from FrontEndDev
Делаем из простого ToDo App приложение уровня enterprise

Какие технологии можно использовать, чтобы сделать приложение с мониторингом, базой данных, кешированием, контернеризацией и прочим (и тратить на его поддержку $2000 в месяц). Утрированный пример.

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