Full stack dev
61 subscribers
356 photos
50 videos
4 files
99 links
"Full Stack Dev & Computer Science" – Канал для разработчиков, которые хотят
расширить свои знания в Full Stack и углубиться в основы и новейшие тренды Computer Science.
Здесь вы найдете материалы по frontend и backend разработке, работе с базами данных,
Download Telegram
🟢Популярные методы аутентификации

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


🖱 Аутентификация с помощью токенов:
Использует сгенерированные токены, такие как JSON Web Tokens (JWT),
которые обмениваются между клиентом и сервером, обеспечивая повышенную
безопасность без необходимости отправки учетных данных с каждым запросом.


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

🖱 Аутентификация с использованием API-ключей:
Назначает уникальные ключи пользователям или приложениям, которые
отправляются в заголовках или параметрах; несмотря на простоту, может
не обладать всеми преимуществами безопасности, как методы на основе токенов или OAuth
.

#data #web
👁‍🗨Все темы на канале:

🔍#memes
🔍#task
🔍#frontend
🔍#backend
🔍#python
🔍#algorithms
🔍#data
🔍#github
🔍#rust
🔍#c
🔍#java
🔍#js
🔍#framework
🔍#lib
🔍#technology
🔍#article
🔍#service
🔍#computerSince
🔍#vscode
🔍#CSharp
🔍#web
🔍#Linux
🔍#cpp
🔍#job
🔍#books
🔍#go
🔍#soft
🔍#articles
🔍#devOps
Forwarded from Timur
This media is not supported in your browser
VIEW IN TELEGRAM
Коды состояния HTTP имеют решающее значение для веб-разработчиков.

#data #web
Forwarded from Timur
This media is not supported in your browser
VIEW IN TELEGRAM
🟢Remotionинструмент для создания видео с использованием React!

📚Он позволяет разработчикам использовать привычный стек технологий фронтенда, таких как JavaScript/TypeScript и JSX, для
анимации и создания медиа-контента. Вместо традиционных видеоредакторов вы пишете код, который описывает ваши сцены, а затем
генерируете видео с помощью рендеринга.


💡Основные возможности Remotion включают управление таймлайном через компоненты React, поддержку анимаций, интеграцию с библиотеками,
такими как Three.js, и возможность рендерить видео с использованием FFMPEG.


Github: тут

#web #frontend
Forwarded from Timur
drawDBудобный инструмент для проектирования баз данных

📚Редактор диаграмм, работающий прямо в браузере — даже без регистрации.
С помощью
drawDB можно всего за несколько кликов создавать схемы, экспортировать
SQL-сценарии и настраивать интерфейс под свои задачи.

⚙️Инструмент поддерживает: MySQL, PostgreSQL, SQLite, MariaDB и SQL Server.
Его также легко развернуть локально через npm или запустить с помощью Docker.

🔼drawdb.app
🔼GitHub
#service #web
Forwarded from Timur
This media is not supported in your browser
VIEW IN TELEGRAM
Сотни нейросетей в одном месте — Hugging Face
запустили мегакаталог Spaces!


💡Где пригодится?
Генерация изображений, работа с текстами,
анализ данных, кодинг и многое другое.


🌐Web site: тут

#web #data
Forwarded from Timur
This media is not supported in your browser
VIEW IN TELEGRAM
🟢Архитектурные шаблоны в проектировании.

#web #data
Forwarded from Timur
Bun пакетный менеджер.

📚Bunэто современный пакетный менеджер для JavaScript/TypeScript,
созданный для быстрой работы с проектами и пакетами. Он стремится быть
быстрее и эффективнее, чем такие популярные менеджеры, как npm или Yarn.


⚙️Особенности Bun:
Быстродействие
Интегрированность
Совместимость с npm

📑Doc: тут
💾GitHub: тут

#technology #web #js
Forwarded from Timur
Как работает OAuth 2.0 ?

📚В статье рассматривается протокол
авторизации OAuth 2.0, который позволяет
безопасно предоставлять сторонним приложениям
доступ к данным пользователя без передачи пароля.


⚙️Автор подробно объясняет его архитектуру,
типы грантов и разбирает возможные уязвимости,
предлагая лучшие практики для защиты данных.


📰Читать: тут

#articles #web
This media is not supported in your browser
VIEW IN TELEGRAM
FREE API

📚Бесплатные API для ваших проектов,
удобный сайт с сортировкой API по
категориям и приложиными к ним ссылками.


🌐Смотреть: тут

#data #web
Виды Рендеренга web

1. Client-Side Rendering (CSR)
Рендеринг на клиенте (в браузере).
• HTML загружается минимальный, затем JavaScript "оживляет" страницу.
• Примеры: React (CRA), Vue, Angular (SPA).
• Плюсы: Высокая интерактивность, быстрое переключение между страницами.
• Минусы: Долгая первая загрузка, проблемы с SEO без дополнительных костылей.

2. Server-Side Rendering (SSR)
Рендеринг на сервере, HTML генерируется там и отправляется уже готовым.
• Примеры: Next.js (React), Nuxt.js (Vue), обычные Django, Rails и т.д.
• Плюсы: Быстрый первый показ, SEO-дружелюбность.
• Минусы: Серверная нагрузка, чуть медленнее интерактивность после загрузки.

3. Static Site Generation (SSG)
Статическая генерация во время сборки (build time).
• HTML создаётся заранее и отдается как обычный файл.
• Примеры: Next.js (getStaticProps), Hugo, Gatsby.
• Плюсы: Мгновенная загрузка, минимальная нагрузка на сервер.
• Минусы: Нельзя динамически менять содержимое без ре-сборки.

4. Incremental Static Regeneration (ISR)
Гибрид SSG и SSR — статические страницы пересоздаются на сервере по запросу с интервалами.
• Примеры: Next.js (revalidate).
• Плюсы: Обновляемость без полной пересборки.
• Минусы: Сложнее в настройке и понимании.

5. Hybrid Rendering
Смешение CSR, SSR и SSG на уровне разных страниц или компонентов.
• Пример: в Next.js на одной странице используется SSR, на другой — SSG.
• Плюсы: Гибкость.
• Минусы: Повышенная сложность поддержки.

6. Edge Rendering / Middleware Rendering
Рендеринг происходит ближе к пользователю — на edge-серверах CDN.
• Примеры: Vercel Edge Functions, Cloudflare Workers.
• Плюсы: Мгновенный отклик, персонализация на лету.
• Минусы: Ограничения на окружение и ресурсы.

🌐Источник: читать

#data #web #frontend
DDD (Domain‑Driven Design) это подход к проектированию программных систем, при котором модель предметной области (домен) становится центром внимания.

⚙️Архитектура, построенная «по‑DDD», пытается сделать так, чтобы структурные элементы кода, их связи и даже терминология напрямую отражали бизнес‑реальность, с которой работает продукт.

📑Используется в таких круптных кампаниях как:
- Amazon
- Netflix
- Uber
- Spotify
и многие другие.

#web
Что такое JWT Token

📚JWT (JSON Web Token) это компактный способ безопасно передавать данные об аутентификации и авторизации между клиентом и сервером. 💡

1.💡Структура токена:
header.payload.signature


1️⃣Headerалгоритм и тип токена
2️⃣Payloadданные (например, ID пользователя, срок действия)
3️⃣Signatureподпись, которая защищает от подделки

⚙️Пример:
Header:  { "alg": "HS256", "typ": "JWT" }
Payload: { "sub": "123", "name": "Alice", "exp": 1690000000 }


2. Как сервер проверяет JWT
* Разбивает токен на 3 части

* Декодирует header и payload

* Проверяет подпись (подделать без ключа невозможно)

* Проверяет срок действия и другие поля (exp, nbf, iss, aud)

Если всё ок — доступ разрешён.

🔑 3. Симметричные и асимметричные алгоритмы

HS256 — один секретный ключ для подписи и проверки

RS256 / ES256 — пара ключей: приватный (подпись) и публичный (проверка)

#web
👍1🔥1
📦Access Proxy

💡Access Proxy это минималистичный, но мощный reverse proxy, написанный на Go, который помогает защищать ваш трафик и контролировать доступ.

📖Возможности:

1.🔗 Проксирование запросов к целевому серверу (target: http://httpbin.org)

2. 🛡 Фильтрация доменов и IP-адресов

3. 🚫 Блокировка опасных HTTP-методов (DELETE, PATCH и др.)

4. ⚡️ Ограничение частоты запросов (rate limit)

5. 🧾 Логирование запросов (в dev-режиме)

📂 Репозиторий: https://github.com/Freyzan2006/access-proxy/tree/v1.0.0

#web #backend
🔥1
💡DDD (Domain-Driven Design) — это подход к проектированию сложных систем, где в центре — предметная область а не технологии.

🧱 Основная идея:
Сначала понять бизнес-логику и язык домена, а потом уже строить код вокруг этого.

📦 Ключевые концепции:

✔️Entityобъект с уникальной идентичностью
✔️ Value Object объект без идентичности (значение)
✔️ Aggregateгруппа связанных сущностей
✔️ Repositoryдоступ к данным домена
✔️ Serviceбизнес-операции вне сущностей

🎯 Цель DDD — чтобы код говорил на языке бизнеса и оставался гибким при росте проекта.

#backend #web
🌐 Nginx быстрый, лёгкий, мощный

Nginx (engine-x)один из самых популярных веб-серверов в мире.
Создан для высокой нагрузки, он легко обслуживает тысячи одновременных соединений и почти не расходует ресурсы.


🔥 Почему Nginx так любят?

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

🧊 Идеален для статики — картинки, файлы, сайты загружаются молниеносно.

🔁 Reverse Proxy — пропускает запросы к backend'ам (Node.js, Python, Go и т.д.).

⚙️ Load Balancer — распределяет нагрузку по нескольким серверам.

🔐 Удобная работа с HTTPS — легко поднимает TLS.

🧱 Гибкая конфигурация — всё через простой nginx.conf.

📌 Где используется?

как фронт сервер для приложений

как API-gateway

в Docker/Kubernetes

на высоконагруженных сайтах, CDN, стримингах

📚Docs: https://nginx.org/en/docs/index.html
🌐GitHub: https://github.com/nginx/nginx

#web
Dokployдеплой без боли и лишней магии

⚙️Dokployэто современная платформа для деплоя приложений, которая делает управление серверами и контейнерами простым, понятным и приятным.

🔧 Что умеет Dokploy?
Деплой приложений через Docker
Удобная Web-панель для управления проектами
Поддержка GitHub / GitLab — деплой по push
Автоматический SSL (Let’s Encrypt)
Простая настройка доменных имен
Управление переменными окружения
Мониторинг и логи в одном месте

🎯 Кому подойдёт?

✔️ Backend и Fullstack-разработчикам
✔️ Стартапам

🌐 Официальный сайт: https://dokploy.com

#web #devops
👍1
gRPC и Go (Golang)

📚Если REST уже стал привычным инструментом, самое время познакомиться с gRPCбыстрым и строгим способом общения сервисов между собой

Что такое gRPC?

gRPCэто RPC-фреймворк от Google, который:

* использует HTTP/2
* передаёт данные через Protocol Buffers
* отлично подходит для микросервисов
* быстрее и компактнее REST + JSON

⚙️Базовый флоу работы с gRPC в Go:
1️⃣Описываем контракт в .proto
2️⃣ Генерируем код:
protoc --go_out=. --go-grpc_out=. service.proto

3️⃣ Реализуем server (структура + методы)
4️⃣ Поднимаем gRPC-сервер
5️⃣ Пишем client и вызываем методы как обычные функции
Пример RPC-метода:
service UserService {
rpc GetUser (UserRequest) returns (UserResponse);
}

Когда стоит выбирать gRPC?
✔️ микросервисы
✔️ высокая нагрузка
✔️ строгие контракты между сервисами
✔️ внутренняя коммуникация

#web #backend #go
🤔1