Coding
248 subscribers
5.85K photos
1.47K videos
34 files
5.9K links
Статьи и ссылки с разных ресурсов, для начинающих программистов.
Download Telegram
😱 Настоящий клад! 500+ готовых ИИ-проектов в одном месте! Просто бери код и запускай.

Внутри огромная коллекция рабочих AI-агентов:

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

⚙️ Установка:
git clone https://github.com/ashishpatel26/500-AI-Agents-Projects.git
cd 500-AI-Agents-Projects

▶️ Запуск любого агента из agents/ directory:
cd agents/01-web-research-agent
pip install -r requirements.txt
cp .env.example .env
python agent.py

Каждый проект уже с исходниками!

⭐️ Забираем в закладки

😳 Лайф | 📲 Зеркало Max

#soft #нейросеть #github
URLSearchParams — разбираем работу с параметрами URL!

При разработке интерфейсов часто приходится работать с параметрами из адресной строки: фильтры товаров, поиск, сортировка, пагинация или сохранение состояния страницы. Например, есть URL:
https://example.com/products?category=phone&page=2

Здесь category и page — это query-параметры, которые содержат данные для отображения нужного состояния страницы.

Получить всю строку параметров можно через:
const query = window.location.search;

console.log(query);

Результат:
?category=phone&page=2

Но ручной разбор через split() быстро становится неудобным. Нужно самостоятельно обрабатывать специальные символы, проверять наличие значений и учитывать параметры с одинаковыми именами.

Для этого в JavaScript есть стандартный API URLSearchParams. Он позволяет получать, изменять и удалять параметры URL без ручной обработки строк. Создаём объект на основе query-части текущего URL:
const params = new URLSearchParams(
window.location.search
);

Теперь получить значение параметра можно через get():
const category = params.get('category');

console.log(category);

Результат:
phone

Если параметра нет в URL, метод get() вернёт null. Перед чтением значения можно проверить наличие параметра через has():
if (params.has('page')) {
console.log(params.get('page'));
}

Это удобно, когда логика интерфейса зависит от определённых параметров.

URLSearchParams позволяет не только читать данные, но и изменять их. Например, добавим параметр сортировки:
params.set(
'sort',
'price'
);

console.log(
params.toString()
);

Результат:
category=phone&page=2&sort=price

Метод set() заменяет существующее значение или создаёт новый параметр, если его ещё нет.

Для удаления параметров используется delete():
params.delete('page');

Если один параметр может иметь несколько значений, например несколько выбранных тегов, используется getAll():
const params = new URLSearchParams(
'tag=js&tag=css'
);

console.log(
params.getAll('tag')
);

Результат:
['js', 'css']

Для добавления дополнительного значения без замены существующего используется append():
params.append(
'tag',
'html'
);

Также URLSearchParams автоматически кодирует специальные символы. Например:
const params = new URLSearchParams();

params.set(
'search',
'frontend developer'
);

console.log(
params.toString()
);

Результат:
search=frontend+developer

Не нужно вручную вызывать encodeURIComponent() — кодирование выполняется автоматически при преобразовании параметров в строку.
URLSearchParams часто используется вместе с фильтрами, роутингом и состоянием интерфейса. Например, каталог товаров может хранить выбранную категорию, сортировку и текущую страницу прямо в URL. При открытии такой ссылки приложение получает параметры и восстанавливает нужное состояние.

🔥 URLSearchParams — стандартный инструмент JavaScript для работы с query-параметрами, который делает обработку URL проще и избавляет от ручного парсинга строк.

📣 Code Ready | #практика
Wuldi Hosting // Deployment Ready 🚀

🔥 Скидка 40% на мощные VPS/VDS для разработчиков! 🔥

Разворачивайте свои базы данных, Telegram-ботов, бэкенд и Docker-контейнеры на сверхбыстрых серверах в проверенных дата-центрах Европы.

Идеально подходит под Highload-проекты, продакшн и пет-проекты.

🤖 Запустить бота (купить в 1 клик): autobuy_bot
🌐 Наш сайт: Wuldi.com

⚙️ Инфраструктура и Спеки:
hardware: Топовое железо AMD Epyc 9454 / Ryzen 9950x
net_speed: Аплинки до 10 Гбит/с
uptime_rate: Честный 99.97%
privacy_level: 100% анонимность при регистрации

👤 Dev_contacts:
tech_support: @wuldisupportbot
root_admin: @Flameochka

👇 Забирайте конфигурацию со скидкой 40% прямо в боте!
✍️ Chakra Petch – геометрический шрифт без засечек с квадратными формами и острыми углами. Он поддерживает тайскую письменность и латиницу. Пример есть в макете Health Analytics App

Сайтодел | #шрифт
💾 Scratch Discount Ticket Animation – эффект "стирания пленки" с промокодом внутри. В самом конце по экрану падает конфетти.

Сайтодел | #сниппет #css
🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

Сайтодел | #макет #figma
🎨 Цветовая палитра макета "50 Gradient Texture Abstract Elements"

HEX | RGB
#FCBD54 | rgb(252, 189, 84)
#F37FA2 | rgb(243, 127, 162)
#607BE2 | rgb(96, 123, 226)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра
💾 Slider – слайдер с круглыми элементами, который работает как при прокрутке экрана, так и при нажатии курсором на картинку. Здесь использована библиотека Swiper.js.

Сайтодел | #сниппет #css
🐙 Phaser – это бесплатный и быстрый фреймворк для создания 2D-игр. Работает с HTML5, JavaScript, TypeScript, а также поддерживает Canvas и WebGL.

Сайтодел | #репозиторий #github
💾 Dynamic Folding – плавный эффект сложения фотографии. При создании была использована библиотека Create.js.

Сайтодел | #сниппет #css
🔍 Holehe — мощный open-source инструмент для расследований.

Позволяет по e-mail находить зарегистрированные аккаунты на популярных сайтах — от Twitter и Instagram* до Imgur и ещё 120+ платформ.

📩 Работает просто: использует механику «забыл пароль», не отправляя уведомлений владельцу почты.
😰 Написан на Python, можно использовать как CLI-утилиту или библиотеку в своих проектах.
📊 Результаты приходят в JSON, иногда с частичными номерами телефонов, а для продвинутых — есть интеграция с Maltego.

⚙️ Простая установка:
pip3 install holehe

▶️ Пример запуска в консоли:
holehe test@gmail.com

😰 Python код
import trio
import httpx

from holehe.modules.social_media.snapchat import snapchat

async def main():
email = "test@gmail.com"
out = []
client = httpx.AsyncClient()

await snapchat(email, client, out)

print(out)
await client.aclose()

trio.run(main)

💻 Отличный инструмент для аналитиков, кибердетективов и специалистов по безопасности.

* Принадлежит корпорации Meta, которая признана в РФ экстремистской.

⚙️ GitHub/Инструкция

😳 Лайф | 📲 Зеркало Max

#python #soft #github #cybersec
🌟 Были же времена...

*Признан в РФ террористом и экстремистом
🖥 Presentation Template 02 – макет для презентации, построенный на контрастах цветов и блоков. На многих слайдах элементы находятся в шахматном порядке.

Сайтодел | #макет #figma
🐙 Awesome Low Level Design – репозиторий с полезными материалами по архитектуре ПО. Здесь есть описания основных понятий и паттернов, а также вопросы для собеседований.

Сайтодел | #репозиторий #github
💾 Apple Liquid Glass – эффект полупрозрачного стекла, которое скользит по экрану. Движения у него плавные и реалистичные.

Сайтодел | #сниппет #css
💾 Scratch Discount Ticket Animation – эффект "стирания пленки" с промокодом внутри. В самом конце по экрану падает конфетти.

Сайтодел | #сниппет #css
⚡️ 6G может превратит вышки связи в гигантскую систему слежение за людьми

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

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

С добрым утром! 🌟
🐱 Front-End Checklist — чек-лист для frontend-разработки!

Этот репозиторий помогает понять, из каких деталей состоит frontend-проект и что важно учитывать кроме самой вёрстки и JavaScript-кода. Внутри собраны практические рекомендации по HTML-структуре, CSS, JavaScript, производительности сайта, SEO, доступности, безопасности, оптимизации ресурсов, настройке изображений, метатегов и др.

Оставляю ссылочку: GitHub 📱

📣 Code Ready | #репозиторий
🐙 Phaser – фреймворк с открытым исходным кодом для создания браузерных игр. Визуализация основана на Canvas и WebGL, а рендеринг – на Pixi.js.

Сайтодел | #репозиторий #github
🐙 Computer Science – подборка курсов по CS на английском языке. Тут вы найдете информацию о том, как устроены языки программирования и архитектура проектов.

Сайтодел | #репозиторий #github
💻 Бесплатный гайд по максимальной анонимности и приватности в интернете

Если не хотите, чтобы сайты, рекламные сети и сервисы собирали о вас всё подряд — эта подборка точно пригодится.

Внутри:
🛡 разбор основных угроз приватности;
🌐 выбор действительно безопасного браузера и мессенджера;
📱 настройка смартфона для максимальной конфиденциальности;
🧹 удаление метаданных и цифровых следов;
📧 анонимная работа с электронной почтой;
💬 альтернативы популярным сервисам без регистрации и тотального сбора данных;
💳 приватные способы оплаты и повышения анонимности.

Всё бесплатно и собрано в одном месте.

😎 Параноики уже добавили в закладки

#CyberSec #cheatsheet