JavaScript задачи с собеседований

Загрузка файла с помощью server action в Next.js

🍏📦 Apple App Store Frontend Source Code Archive Репозиторий содержит извлеченный исходный код фронтенда App Store, собранный с помощью расширения для Chrome. Код сохранен для образовательных целей, так как Apple не отключила sourcemaps на своем сайте. 🚀Основные моменты: - Полный исходный код на Svelte/TypeScript - Логика управления состоянием - Компоненты пользовательского интерфейса - Интеграция с API - Структура каталогов для удобства навигации 📌 GitHub: #typescript https://github.com/rxliuli/apps.apple.com

🚀 React Native Godot: Интеграция Godot в мобильные приложения React Native Godot позволяет встраивать движок Godot в приложения на React Native для Android и iOS. Это решение стабильно работает в приложениях, обслуживающих миллионы пользователей, и предоставляет доступ ко всем API Godot из JavaScript. 🚀 Основные моменты: - Поддержка Android и iOS с использованием LibGodot. - Возможность запуска, остановки и перезапуска Godot. - Godot работает в отдельном потоке, не влияя на основной поток приложения. - Полный доступ к API Godot из TypeScript/JavaScript. - Примеры использования доступны в приложении. 📌 GitHub: https://github.com/borndotcom/react-native-godot #javascript

Совет по Javascript 💡 Для лучшей отладки используйте именованные выражения стрелочных функций для критических/часто используемых callback'ов ✅

Обзор методов JavaScript DOM 👨‍💻

🖥 Методы работы с массивами в JavaScript!

Большай библиотека курсов по веб-разработке, которая поможет вырасти до full-stack инженера с нуля — The Odin Project (https://www.theodinproject.com/) Обученеи HTML, CSS, JavaScript, базам данных и многому другому, а за время обучения вы соберёте несколько реальных проектов для портфолио. Идеально для тех, кто хочет кодить, а не просто смотреть туториалы. https://www.theodinproject.com/

Прочел любопытный пост (), в котором Даниэль Ленц, фронт из Яндекса, подсветил дилемму, встречающуюся почти в любой большой компании. Как фронт, всегда ловлю себя на том же вопросе: «хочу ли я просто писать продукт или втягиваться в эволюцию общего стека?» Когда стек ведут выделенные команды — жизнь становится проще. Всё предсказуемо, стандарты спускаются сверху, а ты фокусируешься на фичах. Иногда это нравится — особенно когда сроки поджимают и голова забита бизнес-логикой, а не внутренними библиотеками. Но модель «опенсорс внутри компании» тоже притягивает. Она напоминает настоящую разработку в сообществе — обсуждения, пулы, боль несовместимостей и… ощущение, что стек живой, и ты можешь на него повлиять. Даже если это значит, что что-то будет двигаться медленнее. Наверное ключ не в выборе «что лучше», а в том, в какой фазе ты сейчас как разработчик. Иногда хочется спокойствия и предсказуемости. Иногда влияния и участия. И да, смешно, что на фоне тренда “ИИ будет сам кликать UI” мы всё ещё решаем, кто будет кнопки в наших UI-библиотеках красить А вы что предпочли бы в своей команде: стабильный стек сверху или «вбросил PR — изменил мир»? https://t.me/dlents/190

🔗 Объединение Telegram и Obsidian Плагин для синхронизации сообщений и файлов из Telegram в Obsidian. Позволяет сохранять текст, голосовые записи и изображения, упрощая организацию информации. Доступен только для настольных платформ. 🚀Основные моменты: - Синхронизация текстов и файлов из Telegram - Возможность сохранять сообщения как отдельные заметки - Поддержка транскрипции голосовых сообщений - Настраиваемые шаблоны для новых заметок - Автоматическое форматирование текста в Markdown 📌 GitHub: https://github.com/soberhacker/obsidian-telegram-sync #javascript

🖥 В Пензенском госуниверситете решили пойти нестандартным путём - JavaScript перевели на кириллицу и начали преподавать студентам в русифицированном виде. По словам преподавателей, часть студентов быстрее осваивает базовые концепции: код на родном языке выглядит понятнее. Однако в IT-компаниях к инициативе относятся скептически — переход на такую версию языка может занять больше времени, чем изучение оригинального синтаксиса. Кстати, посмотреть задачи на «русском JavaScript» уже можно. Кто знает - может, скоро придётся переучиваться 🙂 https://images.codewars.com/users/AlexaD20/published_kumite

📊 GitHub Octoverse 2025: TypeScript впервые вышел на первое место, а ИИ взорвал темпы роста GitHub сообщил, что на платформу теперь присоединяется один новый разработчик каждую секунду - за год сообщество выросло на 36 млн и превысило 180 млн пользователей. 🔥 Главная сенсация - TypeScript впервые обошёл Python и JavaScript, став самым популярным языком программирования на GitHub. Рост интереса к ИИ-проектам и интеграциям с Copilot стал главным двигателем этой динамики. 🇮🇳 Индия обошла Китай и заняла второе место по числу разработчиков (рост +34%), а Россия вошла в топ-10. 🧠 Количество проектов с использованием ИИ почти удвоилось, и больше 200 новых репозиториев создаются каждую минуту. Мир разработки меняется — AI-инструменты формируют новое поколение программистов, а TypeScript становится языком по умолчанию для будущего код Подробнее: https://github.blog/news-insights/octoverse/octoverse-a-new-developer-joins-github-every-second-as-ai-leads-typescript-to-1/ #github #TypeScript

✨ Mina Rich Editor - Уникальный редактор на Tailwind CSS Первый блочный редактор с поддержкой богатого текста, созданный с использованием Tailwind CSS и shadcn/ui. Идеален для создания интерактивного контента с возможностью работы с таблицами и изображениями. 🚀 Основные моменты: - Поддержка таблиц с возможностью редактирования и перетаскивания - Мультивыбор изображений для удобного редактирования - Улучшенная система перетаскивания для блоков и контента - Интуитивно понятные операции с изображениями в сетке - Приветствуются коллаборации и улучшения 📌 GitHub: https://github.com/Mina-Massoud/Mina-Rich-Editor #typescript

О нет, платные типы переменных

🚀 AI-Powered Full-Stack Development Platform FullStack Agent — это инновационная платформа, позволяющая создавать и развивать веб-приложения с помощью ИИ и естественного языка. Она использует Claude Code и Kubernetes для безопасного и масштабируемого развертывания проектов в изолированных средах. 🚀 Основные моменты: - 🤖 Разработка с помощью ИИ: создание приложений через естественный язык - 🔒 Изолированные среды: каждый проект работает в своем контейнере Kubernetes - 🗄️ Автоматическое создание баз данных: PostgreSQL по запросу - 🌐 Веб-терминал: доступ к среде через интегрированный ttyd - 🔐 Интеграция с GitHub: управление репозиториями и версиями 📌 GitHub: https://github.com/FullstackAgent/FullstackAgent

Люблю использовать CSS-анимацию, например, такую .ring { animation: float 2s infinite alternate var(--ease); animation-delay: calc( sin((var(--index) / var(--count)) * 45deg) * -2s ); }

📝🚀 Gramax: Документация как код Gramax — это бесплатное приложение с открытым исходным кодом для создания, редактирования и публикации документации в формате Markdown. Оно обеспечивает локальное хранение данных и интеграцию с Git, что делает его идеальным для командной работы и оффлайн-доступа. Подходит для создания документации продуктов, внутренних баз знаний и личных заметок. 🚀Основные моменты: - Интуитивно понятный визуальный редактор для Markdown. - Кроссплатформенное приложение: Windows, Mac, Linux и веб-версия. - Поддержка 17 языков для многоязычной документации. - Гибкая настройка стилей и публикация на собственном сайте. - Импорт из Confluence и Notion с сохранением формата. 📌 GitHub: https://github.com/Gram-ax/gramax

🧩 Примеры приложений для Apps SDK от OpenAI Этот репозиторий демонстрирует примеры UI-компонентов и MCP-серверов для создания приложений на базе ChatGPT. Он служит отправной точкой для разработки собственных приложений, используя Model Context Protocol для интеграции инструментов и интерфейсов. 🚀 Основные моменты: - Примеры компонентов для Apps SDK. - Демонстрация работы MCP-серверов. - Поддержка различных языков программирования (Node.js, Python). - Возможность создания и кастомизации собственных виджетов. - Легкая интеграция с ChatGPT. 📌 GitHub: https://github.com/openai/openai-apps-sdk-examples #typescript

🛠️📊 Логирование разработки с AI-поддержкой Dev3000 собирает полную хронологию разработки вашего веб-приложения, включая логи сервера, события браузера и автоматические скриншоты. Этот инструмент упрощает отладку, позволяя AI-ассистентам, таким как Claude, анализировать все данные в одном месте. 🚀Основные моменты: - Хранит логи с временными метками для легкого доступа. - Автоматически создает скриншоты при навигации и ошибках. - Интеграция с AI для мгновенной отладки. - Поддерживает фильтрацию и поиск по логам. - Визуальный интерфейс для просмотра логов. 📌 GitHub: https://github.com/vercel-labs/dev3000 #javascript

‍⚡️ Node.js 25 официально вышел — крупное обновление с акцентом на безопасность, производительность и стандарты веба 📦 Что нового - В движке V8 обновление до версии 14.1, что даёт значительный прирост в быстродействии JSON.stringify - Встроенная поддержка преобразований base64 / hex для Uint8Array - Улучшения в WebAssembly и оптимизации JIT-конвейеров - Введена модель разрешений: флаг --allow-net для сетевых операций - Web Storage теперь включён по умолчанию - ErrorEvent стал глобальным объектом - Удалены давно устаревшие API, например SlowBuffer - Добавлены улучшения удобства: портируемый compile cache, JSPI для WebAssembly и др. ⚠ Устаревания и удаление В этой версии стали неподдерживаемыми / удалены: - assert.fail с несколькими аргументами - CallTracker - Свойство asyncResource в async_hooks - SlowBuffer - _channel в child_process - Некоторые методы в crypto, например ECDH.setPublicKey() - И другие старые API и свойства 🔗 Полный список изменений: https://nodejs.org/en/blog/release/v25.0.0 #NodeJS #JavaScript #V8 #WebAssembly #Security #Release25 #DevNews

🧩 Удобный шаблон для синхронизации проектов Sync Skeleton — это легковесный шаблон для упрощения синхронизации файлов и папок в проектах. Он помогает организовать структуру и автоматизировать процессы, что делает разработку более эффективной. 🚀 Основные моменты: - Легкий в использовании шаблон для синхронизации - Поддержка различных конфигураций - Гибкость в настройках для разных проектов - Оптимизация рабочего процесса разработчиков 📌 GitHub: #javascript https://github.com/crutchcorn/sync-skeleton