🖥 Pundit-TS — это библиотека авторизации для TypeScript!

🌟 Она обеспечивает полную типобезопасность и позволяет организовать логику авторизации в приложениях, предоставляя гибкость в реализации различных моделей контроля доступа, таких как RBAC, ABAC и DAC.

🔐 Лицензия: MIT

🖥 Github

🔝 Создай сайт за 1 минуту — без кода и дизайна

Readdy — это сервис, который превращает текстовое описание в готовый веб-проект с кодом и UI.
Не нужно быть разработчиком или дизайнером — всё работает автоматически.

🔹 Просто опиши идею — через минуту получишь макет и исходный код
📝 Экспортируй в Figma в один клик
🔌 Запусти сайт сразу из сервиса
💸 Полностью бесплатно

🚀 Попробовать можно — тут.

📝 Remirror — react-библиотека для создания текстовых редакторов. Этот open-source проект, предлагающий готовые решения для WYSIWYG-редактирования с поддержкой мобильных устройств и доступностью.

Библиотека имеет модульную архитектуру: можно использовать готовые расширения или создавать собственные на низком уровне. Для старта достаточно установить пакет и собрать редактор из 30+ доступных компонентов.

🤖 GitHub

@react_tg

Uiverse: это 6000+ готовых HTML/CSS компонентов для твоего проекта

В наборе более 6000 компонентов, которые можно сразу вставить в свой проект или адаптировать под себя. Каждый элемент идёт с готовым кодом — просто копируешь, вставляешь и наслаждаешься.

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

Совет по HTML 💡

Знаете ли вы, что можно разместить кнопку отправки формы вне самой формы?

🌐 Интересная статья, которая рассказывает об эволюции фронтенд-разработки, начиная с простых статических сайтов 1990-х годов и заканчивая современными автоматизированными инструментами!

🌟 Автор объясняет, как веб-разработка прошла путь от ручного редактирования HTML-файлов до сложных экосистем с модуляризацией, CI/CD, версионным контролем и инструментами для оптимизации производительности.

🔗 Ссылка: *клик*

📌Как работает Javascript: шпаргалка для разработчика


🔹 Интерпретируемый язык
JavaScript выполняется браузером или движком JavaScript, а не компилируется заранее в машинный код. Это делает его высоко портируемым между платформами. Современные движки, такие как V8, используют технологию Just-In-Time (JIT) для компиляции кода непосредственно в исполняемый машинный код.

🔹 Функции — объекты первого класса
В JavaScript функции рассматриваются как объекты первого класса, что означает, что их можно хранить в переменных, передавать в качестве аргументов другим функциям и возвращать из функций.

🔹 Динамическая типизация
JavaScript — это язык с динамической (слабой) типизацией, что означает, что тип переменной можно не объявлять заранее, и он может изменяться во время выполнения программы.

🔹 Клиентская (асинхронная) обработка
JavaScript поддерживает асинхронное программирование, позволяя выполнять операции, такие как чтение файлов, HTTP-запросы или взаимодействие с базами данных, в фоновом режиме. Эти операции запускают коллбэки или промисы по завершении, что особенно полезно для веб-разработки, повышая производительность и удобство использования.

🔹 Прототипное ООП
В отличие от классического объектно-ориентированного программирования, JavaScript использует прототипное наследование. Это означает, что объекты могут наследовать свойства и методы от других объектов, а не от классов.

🔹 Автоматическая сборка мусора
JavaScript автоматически управляет памятью, удаляя объекты, которые больше не используются программой. Это помогает предотвращать утечки памяти и оптимизировать производительность приложения.

🔹 Сравнение с другими языками
JavaScript отличается от таких языков, как Python или Java, своей ключевой ролью в веб-разработке.

- Python известен своей читаемостью кода и универсальностью.
- Java славится строгой структурой и надежностью.
- JavaScript, в свою очередь, является интерпретируемым языком, который работает непосредственно в браузере без необходимости компиляции, что делает его гибким и динамичным.

🔹 Связь с TypeScript
TypeScript является надмножеством JavaScript, добавляя в него новые возможности, в том числе аннотации типов. Это означает, что любой корректный JavaScript-код также будет валидным TypeScript-кодом.

🔹 Популярные фреймворки JavaScript
- React — гибкий, с большим количеством плагинов, созданных сообществом.
- Vue — чистый и интуитивно понятный, с хорошо интегрированными реактивными возможностями.
- Angular — строгий в плане структуры, идеально подходит для корпоративной разработки.

🌐 Plate — это мощный редактор форматированного текста (WYSIWYG), созданный на основе React и Slate, с поддержкой интеграции AI!

🌟 Он предоставляет гибкую платформу для создания настраиваемых редакторов с возможностью расширения с помощью плагинов. Plate подходит для различных сценариев, таких как редактирование документов в стиле Notion, обработка Markdown и коллаборативные инструменты.

🔐 Лицензия: MIT

🖥 Github

🖥 Руководство по использованию классов в JavaScript для начинающих!

🌟 Здесь рассматриваются ключевые концепции, такие как определение классов, конструкторы, методы, наследование с использованием ключевых слов extends и super, а также статические методы и приватные поля. Приводятся примеры кода, иллюстрирующие создание и использование классов, что помогает читателям лучше понять, как применять эти концепции на практике.

🔗 Ссылка: *клик*

@javascriptv

💡 Использование сокращенной записи для определения всех четырех позиций в CSS

#css #tip by Shripal Soni

Евгений Разинков – преподаватель ML в Казанском университете с многолетним стажем, руководитель собственной команды ML-инженеров и автор популярного канала по машинному обучению на YouTube

приглашает вас в свою AI-школу.

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

Регулярные живые QA-сессии, дружное комьюнити, а также компетишены, где можно будет посоревноваться (в командах и поодиночке) в решении ML задач.

От вас: владение Python и знание основ классического ML (регрессия, классификация, градиентный спуск).
Если классический ML не знаете - есть базовые курсы по ML.

7 месяцев, 4 курса:
• AI: от основ до языковых моделей
• Math for AI - необходимый математический бэкграунд
• MLOps - всё про жизненный цикл модели, логирование, версионирование, docker
• Decision making in AI - управление AI-проектом и стратегия

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

Полная стоимость за 7 месяцев (все 4 курса):
• 112 000 рублей (единоразово)
или
• 17 000 рублей в месяц
Если материалы вам не понравятся, мы вернем деньги за текущий оплаченный месяц (и последующие при единоразовой оплате)!

Старт уже 17 февраля, скорее регистрируйтесь здесь!

Еще больше подробностей о курсе ищите в видео и на странице с отзывами участников.

Кстати, теоретические видео курса AI: от основ до трансформеров находятся в открытом доступе на канале Евгения!

ООО «Лаборатория Евгения Разинкова», ИНН: 5043088023, erid: 2VtzqxKcuC1

⚡️Легкий способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

МАШИННОЕ ОБУЧЕНИЕ: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Python: t.me/pythonl
Linux: t.me/linuxacademiya
Хакинг: t.me/linuxkalii
Devops: t.me/DevOPSitsec
Data Science: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: t.me/sqlhub
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Docker: t.me/DevopsDocker
Golang: t.me/Golang_google
React: t.me/react_tg
Rust: t.me/rust_code
ИИ: t.me/vistehno
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc
Разработка игр: https://t.me/gamedev
Haskell: t.me/haskell_tg
Физика: t.me/fizmat

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy

⚡️Легкий способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

МАШИННОЕ ОБУЧЕНИЕ: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Python: t.me/pythonl
Linux: t.me/linuxacademiya
Хакинг: t.me/linuxkalii
Devops: t.me/DevOPSitsec
Data Science: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: t.me/sqlhub
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Docker: t.me/DevopsDocker
Golang: t.me/Golang_google
React: t.me/react_tg
Rust: t.me/rust_code
ИИ: t.me/vistehno
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc
Разработка игр: https://t.me/gamedev
Haskell: t.me/haskell_tg
Физика: t.me/fizmat

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy

НОВИНКА: Kokoro v1.0 - 82M, открытая многоязычная модель TTS (перевода речь в речь на другом языке), которая работает на WebGPU в браузере! 🔥

Полностью автономная модель, 100% локальная с поддержкой английского, испанского, французского, итальянского, японского и мандаринского языков! ⚡

Работает прямо в браузере с потрясающе быстрыми выводами, поддерживаемыми ONNXRuntimeWeb

npm i kokoro-js - это все, что нужно для запуска.

Лицензирование: Apache 2.0

▪Github: https://github.com/hexgrad/kokoro/tree/main/kokoro.js
▪Demo: https://huggingface.co/spaces/webml-community/kokoro-webgpu

@javascriptv

🖥 p5.js — это JavaScript-библиотека, предназначенная для творческого программирования!

🌟 Она создана с целью сделать кодирование доступным и инклюзивным для художников, дизайнеров, педагогов, начинающих и всех остальных. Используя метафору "наброска" (sketch), p5.js предоставляет полный набор функций для рисования, а также возможности взаимодействия с другими объектами HTML5, включая текст, ввод данных, видео, веб-камеру и звук.

🔐 Лицензия: LGPL-2.1

🖥 Github

🌐 Подробное руководство по созданию высокопроизводительных веб-приложений с использованием Next.js в качестве фреймворка для фронтенда, Clerk для управления аутентификацией пользователей и Neon — серверless PostgreSQL базы данных, оптимизированной для облачных сред!

🌟 Автор подробно описывает процесс интеграции этих технологий, начиная с настройки проекта Next.js и подключения к базе данных Neon, и заканчивая реализацией операций CRUD (создание, чтение, обновление, удаление) с использованием Drizzle ORM.

#курс #nextjs

👩‍💻 Эта статья посвящена эффективному использованию хука useEffect в React!

🌟 Она охватывает ключевые аспекты, включая его синтаксис, правильное использование массива зависимостей, раздельное управление побочными эффектами и необходимость их очистки. Автор подчеркивает важность соблюдения принципов "одна задача — один эффект", чтобы упростить отладку кода.

🌟 Также рассматриваются распространённые ошибки, такие как забытые зависимости, создание бесконечных циклов рендера и утечки памяти. В статье объясняется, как современные возможности JavaScript, такие как async/await, деструктуризация и опциональная цепочка, могут улучшить читаемость и производительность кода с использованием useEffect.

🔗 Ссылка: *клик*

@react_tg