Вайб-кодинг – Telegram
Вайб-кодинг
13.6K subscribers
1.48K photos
485 videos
30 files
652 links
Авторский канал по ВАЙБ КОДИНГУ

Ссылка для друзей: https://news.1rj.ru/str/+ll3pbl442dNkZmYy

Связь: @devmangx
По контенту: @codingpepe

РКН: https://clck.ru/3RRVfk
Download Telegram
Please open Telegram to view this post
VIEW IN TELEGRAM
Как работает Kubernetes? 👆

Kubernetes (K8S) - это платформа для оркестровки контейнеров с открытым исходным кодом, изначально разработанная компанией Google, а теперь поддерживаемая CNCF.

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по CSS 💡

Знаете ли вы, что в CSS можно легко создать непрямоугольный текстовый блок?

@tips_frontend
Лучшие вдохновляющие сайты для вашего следующего проекта

- Supahero .io
- Лендинг .love
- Landing .gallery
- Curated .design
- Saaspo .com
- Минимальная .галерея
- Благочестивый .сайт
- Onepagelove .com
- Темный .дизайн
- Футер .дизайн

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
power Bi interview questions & answers.pdf
381.4 KB
Вопросы и ответы на собеседовании по Power Bi

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Идеи проектов на Javanoscript

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Шпаргалка по использованию и управлению дисками в Linux

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Хотите изучать и практиковать SQL без инсталляций? 🤔

Этот ресурс работает в вашем браузере...

И вы можете создавать базы данных MySQL и PostgreSQL!

Это бесплатно http://sqlplayground.app

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Топ-5 распространенных способов повышения производительности API.

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML шпаргалка

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Concurrency Design Patterns. Наслаждайтесь!

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Точки разрыва CSS для веб-разработчиков:

➡️ Mobile: До 480px

➡️ Очень маленькие устройства: От 481px до 767px

➡️ Маленькие планшеты: 768px - 991px

➡️ Большие планшеты/ноутбуки: от 992px до 1199px

➡️ Настольные компьютеры: 1200px - 1919px

➡️ Очень большие экраны: 1920px и выше

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
9 лучших практик работы с Docker, которые вы должны знать

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Типы ввода HTML

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
15+ фильмов, которые обязательно нужно посмотреть Programmers

1. Матрица
2. Социальная сеть
3. Исходный код
4. Игра в имитацию
5. Силиконовая долина
6. Мистер Робот
7. Джобс
8. Основатель
9. Социальная дилемма
10. Великий взлом
11. Halt and Catch Fire
12. Wargames
13. Хакеры
14. Сноуден
15. Кто я
Руководство по размерам формы входа

🔹 Ширина формы: 300px - 400px (Mobile) | 400px - 600px (💻 Desktop)

🔹 Поля ввода: Ширина: 100% (Полная ширина формы) | Высота: 40px - 50px

🔹 Размер шрифта: 14px - 16px (читабельный)

🔹 Отступы: 10px - 15px (Удобный интервал)

🔹 Размер кнопки: Ширина: 100% | Высота: 45px - 55px (Легко нажимать)

🔹 Отступы между элементами: 10px - 15px (Избегайте беспорядка)

🔹 Радиус границы: 5px - 10px (Современный вид)

🔹 Box Shadow: Мягкая тень (Добавляет глубину)
Как структурировать папки в проекте?

Неважно, используешь ли ты React, Vue, TypeScript или JavaScript.

Существует множество стратегий и мнений по этому поводу. Я расскажу тебе о нескольких интересных вариантах! ↓

1. По типу

Это самый простой и распространенный способ. Подходит для небольших проектов.

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

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

2. По типу и функционалу

Здесь уже отражается логика приложения. Внутри каждой папки указывается, к какой части приложения она относится.

Плюс: становится проще ориентироваться.
Минус: возможное дублирование одних и тех же "фич" в разных папках.

3. Screaming Architecture (Кричащая архитектура)

Здесь подход меняется: вместо того, чтобы указывать, что используется, папки обозначают, что делает приложение.

Наверняка бывало, что ты открываешь проект, сразу видишь, что он на React, но совершенно не понимаешь, чем он занимается.

Идея в том, чтобы поменять этот подход: упростить разработку и сделать так, чтобы независимо от технологии папки сразу указывали на смысловые блоки проекта.

Какая структура лучше? 🤔

Зависит от размера и длительности проекта.

Можно начать с первой стратегии и постепенно переходить на другую.
Также возможны гибридные варианты, сочетающие разные принципы.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
DeepSeek-V3-0324 - это следующий уровень

Кто-то создал DeepSite, позволяющий вам виброкодировать свое собственное приложение или игру с искусственным интеллектом и размещать его БЕСПЛАТНО

Результаты безумны, это как Cursor в браузере.