Шпаргалка по БЭМ, на которой можно наглядно посмотреть структуру часто используемых компонентов вёрстки, и варианты наименования таких компонентов и их дочерних элементов

➡️Пользуемся здесь


@CodHub_tg

#ресурсы #Frontend

Учим Flexbox, уничтожая зомби!
Изначально ценник на этот курс/игру был $179, сейчас в свободном доступе

➡️Пользуемся здесь


@CodHub_tg

#ресурсы #Frontend

📝📝📝📝📝📝📝📝📝

Общие разделы
╞ #Boost
╞ #курсы
╞ #ресурсы
╞ #статья
╞ #Funmoments

Инструменты и среды
╞ #Git
╞ #VSCode
╞ #Vim
╞ #Bash
╞ #Obsidian
╞ #OpenSource

Языки программирования
╞ #Python
╞ #Cpp
╞ #Csharp
╞ #Си
╞ #JavaScript
╞ #Go
╞ #Assembler
╞ #php
╞ #Java
╞ #Kotlin
╞ #Swift
╞ #Rust
╞ #Lua
╞ #Solidity

Веб-разработка
╞ #Frontend
╞ #Backend
╞ #CSS
╞ #HTML
╞ #React
╞ #VueJS
╞ #Angular
╞ #NodeJS
╞ #Express
╞ #Django
╞ #Laravel
╞ #Fastapi
╞ #Spring
╞ #Full_Stack
╞ #Сайтостроение
╞ #Веб_дизайн
╞ #UX_UI

Базы данных и SQL
╞ #SQL
╞ #БазыДанных
╞ #MongoDB

DevOps и контейнеры
╞ #DevOps
╞ #Docker
╞ #Podman
╞ #Kubernetes

ИИ и машинное обучение
╞ #ИИ
╞ #MachineLearning
╞ #PyTorch
╞ #Pandas
╞ #Causal_inference

Безопасность и хакинг
╞ #ИБ
╞ #Pentest
╞ #Хакинг
╞ #ReverseEngineering
╞ #Дизассемблирование

Мобильная разработка
╞ #Android
╞ #iOS
╞ #Flutter
╞ #Xamarin
╞ #JetpackCompose

Игровая разработка
╞ #GameDev
╞ #Unity
╞ #UnrealEngine
╞ #Blender
╞ #RenPy
╞ #Godot
╞ #Roblox

Другие технологии
╞ #Linux
╞ #Arduino
╞ #Blockchain
╞ #ТестированиеПО
╞ #СетевыеТехнологии
╞ #Kafka
╞ #dotNet
╞ #ComputerScience
╞ #Математика
╞ #ФункциональноеПрограммирование
╞ #Алгоритмы
╞ #ООП
╞ #Паттерны
╞ #RegEx
╞ #SOLID
╞ #Aiogram

Vue JS - Полный курс c нуля 

Это практическое руководство для изучения популярного JavaScript-фреймворка и создания современных веб-приложений.

➡️Курс на YouTube

@CodHub_tg

#курсы #VueJS #Frontend

Этот сайт поможет тебе сравнить синтаксис React, Svelte, Vue и Angular для быстрого освоения любого из них🔤

➡️Пользуемся здесь


@CodHub_tg

#ресурсы #Frontend #VueJS #React #Angular

Руководство по Next.js.

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

➡️ Читать статью

@CodHub_tg

#статья #Frontend

Эффект матового стекла для веба

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

➡️ Читать статью

@CodHub_tg

#статья #Frontend #CSS #HTML

Пошаговая ВЕРСТКА всей страницы с нуля по макету

Отличный выбор для тех, кто хочет улучшить навыки верстки и освоить современные инструменты разработки.

➡️Курс на YouTube

@CodHub_tg

#курсы #HTML #CSS #Frontend

Основные принципы маскирования в CSS

В статье автор рассказывает что вообще такое CSS маскирование, объясняет как оно работает, а также покажет примеры его использования.

➡️ Читать статью

@CodHub_tg

#статья #Frontend #CSS

Обучение Angular для начинающих за 5 часов! ПОЛНЫЙ курс

За 5 часов ты освоишь Angular — от основ до продвинутых тем — и начнёшь создавать мощные веб-приложения!

➡️Курс на YouTube

@CodHub_tg

#курсы #Frontend #Angular

Этот визуальный инструмент поможет разобраться и ускорить работу Flexbox в CSS🔤

➡️Пользуемся здесь

@CodHub_tg

#ресурсы #Frontend #CSS

Transform 🔤

Инструмент позволяющий быстро и без установки ПО конвертировать данные и код между различными форматами, включая SVG, HTML, JSON, CSS и JS

➡️Пользуемся здесь

@CodHub_tg

#ресурсы #Frontend

BigFrontenddev — LeetCode для фронтенда 🔤

Отличный сайт с задачами для прокачки навыков веб-разработки. Живые задачи: реализуй Promise.all, напиши useState, сверстай кастомный компонент или разберись с event loop.

➡️ Ссылка источник

@CodHub_tg

#ресурсы #Frontend

Google Web Fonts Helper

Удобный сервис для быстрой загрузки и использования шрифтов Google Fonts без подключения к внешним серверам. Позволяет скачать шрифты и получить готовые CSS-коды для офлайн-проектов.

👉 Ссылка источник

📨CodHub | Программирование

#Frontend #ресурсы

Place Hold.it

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

👉 Ссылка источник

📨CodHub | Программирование

#Frontend #ресурсы

Топ AI-инструментов для Frontend в 2025 году! 🎨

Frontend-разработка переживает настоящую революцию благодаря новым ИИ-инструментам! Вот что стоит попробовать прямо сейчас:

🚀 Vercel v0 — абсолютный лидер! Просто опиши нужный UI на естественном языке, и получишь готовые React-компоненты с Tailwind CSS. Создание дашбордов, форм входа, лендингов — всё за минуты, а не часы. Новый v0 API позволяет встраивать генерацию прямо в Cursor и другие IDE!

🤖 GitHub Copilot 2025 — теперь не просто автодополнение, а полноценный AI-агент! Генерирует целые компоненты, пишет тесты и находит баги в реальном времени. Идеален для React, Vue и vanilla JS.

🎯 Replit Agent — создаёт структуру проекта с отдельными компонентами (ChatWindow, Message, InputBar), добавляет light/dark mode и мгновенно показывает результат. Бесплатная версия включает триал-доступ к агенту!

✨ Figma AI — генерирует UI-компоненты и адаптирует дизайн под мобилки автоматически. Ускоряет передачу от дизайнеров к разработчикам в разы.

💡 Cursor + v0 API — мощная связка! Генерируй frontend-код прямо в редакторе с полным контекстом твоего проекта.

➡️Frontend в 2025 — это скорость, автоматизация и фокус на сложной логике вместо рутины!

👉 Ссылка источник

📨CodHub | Программирование

#инструменты #frontend #AI