Javascript

🖥 Релиз Bun 1.1 Вчера состоялся релиз Bun 1.1 — среды выполнения JavaScript и TypeScript с возможностью отладки кода и поддержкой популярных веб-фрейворков. Это событие произошло спустя шесть месяцев после выхода первой мажорной версии проекта Bun 1.0. За это время команда проекта сделала более 1700 коммитов, разработчики прилагают все усилия, чтобы сделать Bun более стабильным и более совместимым с Node.js. «Мы исправили более тысячи ошибок, добавили массу новых функций и API, и теперь Bun поддерживает Windows!», — уточнили разработчики сообщества Bun. Доработки и улучшения в Bun 1.1: ⏩теперь вы можете запустить Bun в Windows 10 и более поздних версиях ОС, Bun для Windows проходит 98% собственного набора тестов для Bun в macOS и Linux от команды проекта; ⏩в проект добавлены более десяти новых функций, доработок API и изменений для избежания снижения производительности при повторной передаче одних и тех же файлов, благодаря чему инструменты командной строки, такие как tsc, работают в 2 раза быстрее, чем в Bun 1.0; ⏩доработан Bun Shell, Bun теперь является кроссплатформенной оболочкой — как bash, но также и для Windows; ⏩исправлены баги и улучшена поддержка для API-интерфейсов Node.js, включая HTTP/2 client и сообщений IPC между Bun и Node.js; ⏩оптимизирован код Bun для поддержки стандартных веб-интерфейсов API; ⏩значительно повышена стабильность в работе и улучшена производительность при установке Bun; ⏩упрощены способы написания, запуска и отладки кода JavaScript и TypeScript; ⏩тайм-аут сети по умолчанию увеличен до 5 минут. Это соответствует настройкам по умолчанию в Google Chrome и должно помочь при соединениях с высокой задержкой. Над выпуском проекта с открытым исходным кодом Bun 1.1 работали 364 контрибьютора. 📎 Читать подробнее @javascriptv

📢Хотите выйти на профессиональный уровень программирования на JavaScript? Освойте Nest.Js — мощный фреймворк разработки веб-приложений Приходите на бесплатный практический урок от OTUS. На вебинаре разберем: ◼️ Архитектуру и дизайн ◼️ Роутинг и контроллеры ◼️ Middleware ◼️ Работу с базами данных ◼️ Тестирование и отладку ◼️ Сомнения и вопросы ⏰Занятие пройдёт 17 апреля в 20:00 мск в рамках набора на онлайн-курс «Node.js Developer». Спикер — разработчик веб-приложений с опытом более 10 лет. 👉Регистрируйтесь прямо сейчас, чтобы посетить бесплатный урок и получить спец. цену на курс: РЕГИСТРАЦИЯ.

🖥 Фильтр Блума ⏩Фильтр Блума похож на структуру данных Set. Он позволяет добавлять элементы в структуру и проверять их наличие. Ниже приведен пример использования фильтра Блума в JavaScript с вымышленным классом BloomFilter:

let bf = new BloomFilter();
bf.add("Ant");
bf.add("Rhino");
bf.contains("Ant"); // true
bf.contains("Rhino"); // true

Это выглядит похоже на Set, но существуют некоторые ключевые отличия. Фильтр Блума — это вероятностная структура данных. В отличие от Set, которая дает точный ответ "да" или "нет" при проверке наличия элемента, фильтр Блума предоставляет вероятностный ответ. Он может точно определить, что элемент отсутствует, но не может гарантировать наличие элемента. 📎 Подробнее о фильтре Блума и его применении в JavaScript можно прочитать тут @javascriptv

🔴Не используешь библиотеку Quasar в JS? Фатальная ошибка! А ведь UI-фреймворки сильно сокращают время на построение интерфейсов, оставляя его для работы над продуктом! Поэтому пора прокачать квалификацию и добавить в свой инструментарий разработку на Vue.js. ✔️Начни с бесплатного практического урока «Форма входа на Quasar и аутентификация пользователя на сайте» от OTUS. Спикер Илья Нуруллин — FingerprintJS, Software engineer. ⏰Занятие пройдёт 16 апреля в 20:00 мск в рамках курса «Vue.js разработчик». После урока у вас будет возможность стать студентом программы по специальной цене и даже в рассрочку! Для бесплатного участия и получения записи регистрируйтесь прямо сейчас. ➡️РЕГИСТРАЦИЯ

💻Небольшая шпаргалка про использование SQL в JavaScript В этом посте мы рассмотрим, как использовать JavaScript для взаимодействия с базой данных SQL. Отметим, что для этого необходимо использовать серверную часть JavaScript, такую как Node.js, и соответствующий драйвер для работы с базой данных SQL. Поехали! ⏩Подключение к базе данных Первым шагом в использовании JavaScript для взаимодействия с базой данных SQL является подключение к самой базе данных. Для этого необходимо установить соответствующий драйвер, который позволяет JavaScript-коду установить соединение с базой данных. Приведем пример использования JavaScript с Node.js для подключения к базе данных MySQL:

const mysql = require('mysql');

const connection = mysql.createConnection({
    host: 'localhost',
    user: 'username',
    password: 'password',
    database: 'database_name'
});

connection.connect((err) => {
    if (err) {
        console.error('Error connecting to database:', err);
        return;
    }
    console.log('Connected to database!');
});

В данном примере мы использовали модуль mysql для установки соединения с базой данных MySQL. Замените localhost, username, password и database_name на свои реальные данные. ⏩Выполнение SQL-запросов После успешного подключения к базе данных, мы можем использовать JavaScript для выполнения SQL-запросов. Для этого используется метод query, предоставленный соответствующим драйвером базы данных. Приведем пример выполнения SQL-запроса SELECT с использованием JavaScript и базы данных MySQL:

const sql = 'SELECT * FROM users';

connection.query(sql, (err, results) => {
    if (err) {
        console.error('Error executing SQL query:', err);
        return;
    }
    console.log('Query results:', results);
});

В данном примере мы выполним запрос SELECT * FROM users к базе данных MySQL и получим результаты в виде объекта results. Обратите внимание, что в случае ошибки, мы выведем сообщение об ошибке. Аналогичным образом можно выполнять и другие типы SQL-запросов, такие как INSERT, UPDATE или DELETE. ⏩Закрытие соединения После выполнения всех SQL-запросов и завершения работы с базой данных, необходимо закрыть соединение для возможности других клиентов подключиться к базе данных. Пример закрытия соединения с базой данных MySQL:

connection.end((err) => {
    if (err) {
        console.error('Error closing database connection:', err);
        return;
    }
    console.log('Database connection closed!');
});

В данном примере мы используем метод end для закрытия соединения с базой данных. Attention: при закрытии соединения, все ожидающие запросы также будут отменены. @javascriptv

Ищем новичков во фронтенд-разработке и вёрстке сайтов. Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме 16–22 апреля с поддержкой от опытных кураторов на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

🔴Не используешь библиотеку Quasar в JS? Фатальная ошибка! А ведь UI-фреймворки сильно сокращают время на построение интерфейсов, оставляя его для работы над продуктом! Поэтому пора прокачать квалификацию и добавить в свой инструментарий разработку на Vue.js. ✔️Начни с бесплатного практического урока «Форма входа на Quasar и аутентификация пользователя на сайте» от OTUS. Спикер Илья Нуруллин — FingerprintJS, Software engineer. ⏰Занятие пройдёт 16 апреля в 20:00 мск в рамках курса «Vue.js разработчик». После урока у вас будет возможность стать студентом программы по специальной цене и даже в рассрочку! Для бесплатного участия и получения записи регистрируйтесь прямо сейчас. ➡️РЕГИСТРАЦИЯ

🖥 Что значит "use strict"? ▶️Нередко встречается код со строкой "use strict";. Например, библиотеки часто начинаются с этого:

(function () {
    "use strict";

Что значит "use strict", и зачем его использовать? ▶️"use strict"; — это установка, которая заставляет код обрабатываться в строгом режиме. Без этой установки код обрабатывается в неограниченном режиме. Строгий режим был введён в ECMAScript 5, и старые браузеры (IE9 и младше) его не поддерживают. То есть, не обращают внимания на установку по умолчанию и всё обрабатывается в неограниченном режиме. 🟡Зачем использовать "use strict";? В строгом режиме: — некоторые ошибки можно найти быстрее, — более опасные и не полезные черты JavaScript либо запрещены, либо приводят к ошибке. 🟡Как использовать "use strict";? Чтобы включить строгий режим в целом скрипте, надо поставить установку "use strict"; или 'use strict'; в начало скрипта.

"use strict";
// код здесь обрабатывается в строгом режиме

Чтобы включить строгий режим в функции, надо поставить установку в начало кода функции.

// код здесь обрабатывается в неограниченном режиме
function f() {
  "use strict";
  // код здесь обрабатывается в строгом режиме
}
// код здесь обрабатывается в неограниченном режиме

@javascriptv

🔥Подборка лучших обучающих каналов для программистов. ➡️ Делитесь с коллегами и сохраняйте себе, чтобы не потерять ⚡Машинное обучение Machine Learning - запускаем лучшие ИИ модели, пишем код, погружаемся в нейросети Ml Собеседование - подготовка к собесу по мл, алгоритмам, коду Ml ru - актуальные статьи, новости, код и обучающие материалы Ml Jobs - вакансии ML ML Книги - актуальные бесплатные книги МО ML чат 🏆 Golang Golang собеседование - разбор задач и вопросов с собесов Golang вакансии -работа для Go разработчика Golang книги библиотека книг Golang задачи и тесты Golang чат Golang news - новости из мира go Golang дайджест 💥 Linux /Этичный хакинг Linux Academy - гайды, секреты и лучшие материалы по Linux Kali linux - погрузись в мир этичного хакинга и кибербезопасности linux_kal - kali чат Информационная безопасность 🚀 Data Science Анализ данных - полезные фишки, код, гайды и советы, маст-хэв датасаентиста Data Jobs - ds вакансии Аналитик данных Data Science книги - актуальные бесплатные книги Big data 🛢Базы данных Sql базы данных - научим работе с базами данных профессионально Библиотека баз данных SQL чат Вакансии Sql аналитик данных #️⃣C# С# академия - лучший канал по c# С# заметки — код, лучшие практики, заметки программиста c# С# задачи и тесты С# библиотека - актуальные бесплатные книги C# вакансии - работа 🐍 Python Python/django - самый крупный обучающий канал по Python Python Собеседование - подготовка к собеседовению python и разбор алгоритмов Pro python - статьи, новости, код и обучающие материалы Python Jobs - вакансии Python Python чат Python книги ☕ Java Java академия - java от Senior разработчика Java вакансии Java чат Java вопросы с собеседований Java книги 💻 C++ C++ академия С++ книги C++ задачи - подготовка к собеседовению мл, алгоритмам C++ вакансии ⚡️ Frontend Javascript академия - крупнейший js канал React - лучшие гайды и советы по работе с react Frontend - тутрориалы, уроки, гайды, код PHP Книги frontend Задачи frontend 🦀 Rust Rust программирование Rust чат Rust книги для программистов 📲 Мобильная разработка Android разработка Мобильный разработчик гайды и уроки 🇬🇧 Английский для программистов 🧠 Искусственный интеллект ИИ и технологии Neural - нейросети для работы и жизни Книги ИИ Artificial Intelligence 🔥 DevOPs Devops для программистов Книги Devops 🌟 Docker/Kubernets Docker Kubernets 📓 Книги Библиотеки Книг для программситов 💼 Папка с вакансиями: Папка Go разработчика: Папка Python разработчика: Папка Data Science Папка Java разработчика Папка C# Папка Frontend

🔊 Модель искусственного интеллекта для генерации музыки, запускаемая в браузере с помощью JavaScript. Без API! Запоминающийся металкор начала 2000-х, брейкдауны, пыхтящие гитарные риффы, мощные ударные, вы легко можете создать любой трек! https://huggingface.co/spaces/Xenova/musicgen-web @javascriptv

🖥 Структура объекта в JavaScript движках С точки зрения разработчика, объекты в JavaScript довольно гибкие и понятные. Мы можем добавлять, удалять и изменять свойства объекта по своему усмотрению. Однако мало кто задумывается о том, как объекты хранятся в памяти и обрабатываются JS-движками. Могут ли действия разработчика, прямо или косвенно, оказать влияние на производительность и потребление памяти? Именно об этом и идёт речь в статье 📎 Статья @javascriptv

📌Google добавит в Chrome песочницу для V8 ⏩Google добавляет в Chrome песочницу V8, чтобы повысить устойчивость браузера перед проблемами памяти. Большинство таких проблем оказывались связаны с JavaScript-движком. ⏩Песочница для V8 изолирует память хипа, чтобы предотвратить повреждение других частей памяти процесса. Из-за отсутствия аппаратного обеспечения для этих целей Google выбрала программный подход. ⏩При атаках злоумышленники не смогут выйти из песочницы и добраться до других частей памяти процесса. ⏩Как отмечается, на песочницу V8 приходится лишь 1% потребления ресурсов при типичных рабочих нагрузках, а значит, она может быть включена по умолчанию на совместимых платформах. В течение последних двух недель песочница V8 была активна по умолчанию в 64-битных версиях Chrome для Android, ChromeOS, Linux, macOS и Windows для проверки стабильности и сбора статистики по производительности. @javascriptv

🖥 Новая версия vue-ray для VueJS ⏩ Состоялся выпуск второй мажорной версии инструментария vue-ray. Предыдущая стабильная версия проекта vue-ray v1.17.4 вышла в мае 2023 года. ⏩Проект vue-ray позволяет проводить отладку кода Vue с помощью Ray, чтобы быстрее устранять проблемы. Установите этот пакет в любой проект Vue 3, чтобы отправлять сообщения в приложение Ray. 🖥 Исходный код проекта опубликован на GitHub под лицензией MIT. @javascriptv

🖥 100 вопросов по React для подготовки к собеседованию Держите отличную подборку вопросов, здесь покрываются основные темы React: Основы React. — JSX (JavaScript XML) — Компоненты и их жизненный цикл. — Пропсы (props) и состояние (state). — События и обработчики событий. Компоненты и их типы — Функциональные компоненты. — Классовые компоненты. — Хук состояния (useState). — Хук эффекта (useEffect). — Хук контекста (useContext). Роутинг — React Router — библиотека для маршрутизации в React-приложениях. — Создание маршрутов и навигация. — Пропсы маршрутов и параметры URL. Состояние приложения — Redux — библиотека для управления состоянием приложения. — Создание хранилища (store), действий (actions) и редукторов (reducers). — Middleware и асинхронные действия. Взаимодействие с API — Fetch API для выполнения HTTP-запросов. — Axios — библиотека для выполнения HTTP-запросов. — Работа с асинхронными запросами и обработка ошибок. ...и остальные темы 📎 100 вопросов @react_tg

🖥 Как построить REST API с помощью JS, Node.js и Express.js Держите отличную очень практикоориентированную статью. В рамках статьи создаётся REST API для тренировочного приложения CrossFit. В этом приложении будет создаваться, считываться, обновляться и удаляться WOD (Workouts of the Day). Что поможет пользователям (владельцам тренажерных залов) составлять планы тренировок и вести свои собственные тренировки в рамках одного приложения. Кроме того, они смогут добавлять важные советы по каждой тренировке. 📎 Статья @javascriptv

🖥 Google выпустила открытый инструментарий zx v8.0.0 6 апреля 2024 года Google выпустила новую мажорную версию открытого инструментария командной строки zx v8.0.0. Исходный код проекта опубликован на GitHub под лицензией Apache License 2.0. Предыдущая версия проекта zx v7.2.3 вышла в июле 2023 года. 📎 Подробнее @javascriptv

🖥 Самые полезные библиотеки JS для красивых анимаций ⏩Держите отличную подборку библиотек, возможно что-то из этого списка идеально закроет ваши кейсы. В статье речь идёт про: ├╼ Three.js ├╼ Mo.js ├╼ AniJS ├╼ Typed.js ├╼ Lottie ├╼ Anime.js ├╼ Popmotion ╰╼ и ещё некоторые другие Enjoy) 📎 Статья @javascriptv

⚡️ Большая подборка вопросов с собеседований Frontend, Javascript, React, Vue и многое другое. Подборка актуальных задач и вопросов с собеседований поможет вам подготовиться как к практике, так и к теории и получить заветный оффер. ▪Front-end. Вопросы на собеседовании - Репозиторий видеокаста, содержит коллекцию вопросов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик. ▪Вопросы (с ответами) кандидату на должность frontend разработчика ▪Front End Interview Handbook - В отличие от типичных собеседований, в frontend собеседованиях меньше внимания уделяется алгоритмам и больше вопросов о сложных знаниях и экспертизе в предметной области - HTML, CSS, JavaScript. Этот репозиторий содержит все, что вам нужно знать для прохождения собеседований frontend собеседованиями. ▪Front-end Developer Interview Questions cписок полезных вопросов с собесов ▪ Interview-questions наиболее часто задаваемые вопросы Frontend-разработчику @javascriptv

Ouroborus — CSS only Анимированная сцена, выполненная с помощью Pug и SCSS, без использования JavaScript. https://codepen.io/graphilla/pen/GRxqzLj