🔍Навигация по каналу
├──────────────────────────────┤
#Книги
#Курсы
#Статьи
#Материалы
#Мемы
#Инструменты
#Видео
├──────────────────────────────┤
#Frontend
#Backend

Наши каналы

📖 React сборник рецептов

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

➡️ Скачать

GitUnion || #Книги

👩‍💻 Как работает Node.js

В данной статье вы узнаете:
🔴как работает цикл событий (event loop) в Node.js, включая все его фазы
🔴как Node.js выполняет JavaScript в одном потоке (single thread)
🔴как Node.js использует библиотеку libuv и внутренние API для обработки асинхронных операций

➡️ Статья (habr)

GitUnion || #Статьи

❓ Frontend и Backend — в чём разница и кто за что отвечает?

Если ты только начинаешь разбираться в веб-разработке, важно понимать два ключевых понятия:

🖥 Frontend — это то, что видит пользователь.
Кнопки, формы, анимации, стили, адаптивность — всё, что работает в браузере.
Основные технологии: HTML, CSS, JavaScript и фреймворки типа React, Vue, Svelte.

🧠 Backend — это то, что работает “за кулисами”.
Серверная логика, базы данных, авторизация, обработка форм и API.
Языки и фреймворки: Python (Django, FastAPI), Node.js, PHP, Go, Java, C++, SQL и т.д.

✉️ Когда ты отправляешь форму на сайте — frontend собирает данные и шлёт их на backend, который всё сохраняет, проверяет и отвечает.

💡 Веб-приложения — это всегда командная работа двух сторон.

GitUnion || #Статьи

📔 Клиентские технологии веб-программирования

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

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

➡️ Скачать

GitUnion || #Книги #Frontend

🎨 CSS для профи | Кит Грант

Эта книга — мощный прокачка CSS для тех, кто хочет выйти за рамки базовой вёрстки. Автор разбирает продвинутые техники: от сложной анимации и кастомных свойств (CSS Variables) до архитектурных подходов, которые используют топовые фронтендеры.

Что внутри:
✔️ CSS-методологии (БЭМ, ITCSS)
✔️ Оптимизация производительности
✔️ Трюки, которые экономят часы работы

➡️ Скачать

GitUnion || #Книги #Frontend

HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]

➡️ Ссылка

GitUnion || #Видео #Frontend

📊 Awesome JavaScript Algorithms — коллекция алгоритмов и структур данных на JavaScript

Официальный репозиторий trekhleb/javascript-algorithms — это масштабная подборка классических алгоритмов, структур данных и примеров их реализации на JavaScript. Идеальный ресурс для подготовки к техническим собеседованиям и углублённого изучения Computer Science.

🔥 Ключевые разделы:
- Структуры данных: Связные списки, деревья, графы, хеш-таблицы
- Алгоритм: Сортировка, поиск, рекурсия, динамическое программирование
- Паттерны

Каждый алгоритм сопровождается:
✔️ Чистым кодом с комментариями
✔️ Пояснением сложности
✔️ Тестами для проверки реализации

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

🔗 Ссылка

GitUnion || #JavaScript #Репозитории

❓ Что такое Figma и для чего она нужна?

Любой веб-дизайнер сталкивается с Figma, давайте разберемся, что это

🎨 Figma — это онлайн-редактор для дизайна интерфейсов.

С её помощью создают макеты сайтов, приложений, иконки, прототипы и даже целые дизайн-системы.

Для чего используют Figma?
✔️ Вёрстка и прототипирование — перед тем как писать код, дизайнеры рисуют интерфейс здесь.
✔️ Коллаборация — можно работать в реальном времени всей командой, как в Google Docs.
✔️ Автоматизация — компоненты, стили и вариативы ускоряют работу.
✔️ Разработчики берут стили, отступы и анимации прямо из макета.

Figma заменяет Photoshop и Sketch в веб-дизайне, потому что она легче, быстрее и заточена под цифровые продукты.

GitUnion || #Frontend