🖥 Симуляция простейшей жизни на JavaScript

Игра «Жизнь» Конвея на максималках

📎 YouTube
📎 Проект на GitHub

@javascriptv

Читать полностью…

24 апреля в 19:00 встречаемся на Alfa Backend Stories #3 в Москве и онлайн.

Обсудим ИИ и другие инструменты, которые помогают в написании кода:

Андрей Свиридов, ведущий разработчик, поделиться советами о том, как повысить качество кода в приложениях

Дмитрий Сошников, технический руководитель лаборатории генеративного ИИ Школы дизайна НИУ ВШЭ и консультант Yandex Cloud, расскажет о современном искусственном интеллекте в облаке и покажет, как YandexGPT может использоваться разработчиками для решения прикладных задач

Антон Гращенков, в режиме реального времени покажет, как локально установить и настроить ИИ, а также как с его помощью писать код

Обещаем не стирать вам память, если вы придёте в костюме, в образе агентов фильма «Люди в чёрном»

Регистрация

Еще больше полезного в комьюнити: @alfabackend

erid: LjN8KcJxp
Реклама. АО «Альфа-Банк». ИНН 7728168971.

Читать полностью…

🖥 Мощная шпаргалка по JavaScript

Затрагиваются все самые важные темы JS, а именно:
├╼ Типы данных
├╼ Продвинутая работа с функциями
├╼ Регулярные выражения
├╼ Свойства объекта, их конфигурация
├╼ Прототипы, наследование
├╼ Классы
├╼ Обработка ошибок
├╼ Промисы, async/await
├╼ Генераторы, продвинутая итерация
╰╼ Модули

Мега удобно, что всё на одной странице, Ctrl + F — и сразу нашёл, что нужно

📎 Шпаргалка

@javascriptv

Читать полностью…

Всё, что будет на митапе, останется на митапе 💥

24 апреля в 19:00 встречаемся на Alfa Backend Stories #3 в Москве и онлайн.

Обсудим ИИ и другие инструменты, которые помогают в написании кода:

Андрей Свиридов, ведущий разработчик, поделиться советами о том, как повысить качество кода в приложениях

Дмитрий Сошников, технический руководитель лаборатории генеративного ИИ Школы дизайна НИУ ВШЭ и консультант Yandex Cloud, расскажет о современном искусственном интеллекте в облаке и покажет, как YandexGPT может использоваться разработчиками для решения прикладных задач

Антон Гращенков, в режиме реального времени покажет, как локально установить и настроить ИИ, а также как с его помощью писать код

Обещаем не стирать вам память, если вы придёте в костюме, в образе агентов фильма «Люди в чёрном»

Регистрация

Еще больше полезного в комьюнити: @alfabackend

erid: LjN8Kbsmr
Реклама. АО «Альфа-Банк». ИНН 7728168971.

Читать полностью…

🖥 5 полезных JS-библиотек для анимации

🟡GSAP (GreenSock Animation Platform)
GSAP даёт возможность анимировать буквально всё, к чему можно получить доступ с помощью JavaScript, включая SVG, общие объекты, холсты и многое другое. Библиотека очень производительная — примерно в 20 раз быстрее, чем jquery. Соответственно, особых лагов в приложении не будет.
GSAP позволяет анимировать любое из свойств CSS одним из нескольких способов. При помощи библиотеки можно указать продолжительность анимации и задать ей определённые свойства.

🟡Anime.js
Ещё одна отличная библиотека, которая предназначена для анимации CSS-свойств, SVG, DOM-атрибутов и JavaScript-объектов. В сжатом виде она весит всего 10 килобайт. Но при этом библиотека очень функциональна, у неё отличная документация и масса возможностей.

🟡React Spring
Крайне полезна для создания анимаций, соответственно, в React-приложениях. Для этого у Spring есть масса хороших инструментов, позволяющих создавать плавные, отзывчивые и высокопроизводительные анимации с достаточно реалистичной физикой.

🟡Three.js
Отличная open-source-библиотека для создания и отображения анимированной 3D-графики в браузерах. Она представляет собой набор инструментов для разработки трёхмерных сцен, объектов, камер и материалов. Плюс для управления освещением, тенями и анимацией. Скрипты Three.js могут использоваться совместно с элементом HTML5 CANVAS, SVG или WebGL.

🟡Popmotion
Также предоставляет инструменты для анимации — на этот раз интерфейса. Написана библиотека на TypeScript и весит всего 4,5 Кб. Удобна тем, что любую функцию можно отдельно импортировать. Кроме того, она может работать вместе с любыми JavaScript-фреймворками, в браузере и Node.

📎 Подробнее

Кстати, а какие JS-библиотеки для анимации вы регулярно используете? Пишите)

@javascriptv

Читать полностью…

🖥 Релиз 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

Читать полностью…

🖥 Фильтр Блума

⏩Фильтр Блума похож на структуру данных 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

Читать полностью…

💻Небольшая шпаргалка про использование 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

Читать полностью…

🖥 Что значит "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

Читать полностью…

🔊 Модель искусственного интеллекта для генерации музыки, запускаемая в браузере с помощью JavaScript. Без API!

Запоминающийся металкор начала 2000-х, брейкдауны, пыхтящие гитарные риффы, мощные ударные, вы легко можете создать любой трек!

https://huggingface.co/spaces/Xenova/musicgen-web

@javascriptv

Читать полностью…

📌Google добавит в Chrome песочницу для V8

⏩Google добавляет в Chrome песочницу V8, чтобы повысить устойчивость браузера перед проблемами памяти. Большинство таких проблем оказывались связаны с JavaScript-движком.

⏩Песочница для V8 изолирует память хипа, чтобы предотвратить повреждение других частей памяти процесса. Из-за отсутствия аппаратного обеспечения для этих целей Google выбрала программный подход.

⏩При атаках злоумышленники не смогут выйти из песочницы и добраться до других частей памяти процесса.

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

@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

Читать полностью…

🖥 Google выпустила открытый инструментарий zx v8.0.0

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

📎 Подробнее

@javascriptv

Читать полностью…

⚡️ Большая подборка вопросов с собеседований: Frontend, Javascript, React, Vue и многое другое.

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

▪Front-end. Вопросы на собеседовании - Репозиторий видеокаста, содержит коллекцию вопросов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик.

▪Вопросы (с ответами) кандидату на должность frontend разработчика

▪Front End Interview Handbook - В отличие от типичных собеседований, в frontend собеседованиях меньше внимания уделяется алгоритмам и больше вопросов о сложных знаниях и экспертизе в предметной области - HTML, CSS, JavaScript. Этот репозиторий содержит все, что вам нужно знать для прохождения собеседований frontend собеседованиями.

▪ Полное собеседование React разработчика 2024🧑🏻‍💻

▪Front-end Developer Interview Questions
список полезных вопросов с собесов.

▪ Interview-questions наиболее часто задаваемые вопросы Frontend-разработчику.

▪Список тестовых заданий на позицию JS-разработчика

▪10 задач по промисам JavaScript


@javascriptv

Читать полностью…

🖥 12 JavaScript-фреймворков, о которых стоит знать

⏩Next.js — это мощнейший фулстек-фреймворк JavaScript на основе React для веб-разработки быстрых и легко индексируемых сайтов. Он особенно хорош для тех, кто хочет создавать веб-страницы, которые быстро загружаются и легко находятся в поисковиках.

Одна из его ключевых особенностей — автоматическая оптимизация изображений и удобная система навигации по сайту. Это делает разработку страниц проще и улучшает пользовательский опыт. Next.js идеально подходит для создания современных веб-проектов, где важны скорость загрузки и удобство разработки.


⏩Vue.js часто рекомендуют в качестве старта для новичков в области JS-разработки благодаря его простоте в изучении. Он используется для создания пользовательских интерфейсов и одностраничных приложений.

Экосистема Vue включает в себя Vue Router для маршрутизации, Vuex для управления состоянием и Vue CLI для сборки проекта, что делает её комплексным решением для специалистов, ищущих баланс между производительностью, гибкостью и скоростью разработки.


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

В отличие от Vue или React, Svelte JS минимизирует необходимость в активных обновлениях DOM во время выполнения приложения, так как большая часть работы проходит на этапе компиляции. Также к преимуществам отнесём то, что готовый продукт не требует высокой вычислительной мощности от клиентского устройства.

Про остальные фреймворки можно почитать тут
📎 Статья

@javascriptv

Читать полностью…

🖥 Взгляд на асинхронность в JavaScript: роль Event Loop, промисов и async/await

⏩В этой статье мы сосредоточимся на ключевых элементах асинхронного программирования в JS: Event Loop, микро- и макро-задачи, Event Bus, промисы и синтаксический сахар async/await. Разберемся, как эти концепции взаимодействуют между собой и как их использование помогает нам создавать более эффективные и отзывчивые веб-приложения.

⏩Порядок такой: начнем с изучения роли Event Loop — механизма, ответственного за управление выполнением асинхронного кода. Затем мы перейдем к рассмотрению микро- и макро-задач, которые играют важную роль в управлении порядком выполнения операций. После этого мы ознакомимся с промисами и синтаксическим сахаром async/await, которые значительно упрощают работу с асинхронным кодом и делают его более читаемым и понятным.

Уверен, будет полезно
📎 Статья

@javascriptv

Читать полностью…

🖥 Работа с хранилищем веб-браузера: localStorage и sessionStorage в JavaScript

Веб-браузеры предоставляют 2 основных механизма для хранения данных на клиентской стороне — localStorage и sessionStorage. Они позволяют сохранять данные в браузере и использовать их позже.
В этой статье мы рассмотрим разницу между localStorage и sessionStorage, их методы работы и примеры использования.

🟡localStorage
├╼ Сохранение данных в localStorage
├╼ Получение данных из localStorage
├╼ Удаление данных из localStorage
╰╼ Очистка localStorage
🟡sessionStorage
├╼ Сохранение данных в sessionStorage
├╼ Получение данных из sessionStorage
├╼ Удаление данных из sessionStorage
╰╼ Очистка sessionStorage

📎 Статья

@javascriptv

Читать полностью…

🖥 Как вернуть значение из события или из функции обратного вызова?

▶️При попытке сделать вот так ничего не получается:

var result = "";

someInput.onchange = function() {
  result = someInput.value;
};

$.get("someapi", function (data) {
  result = data.foo;
});

some.api.call(42, function (data) {
  result = data.bar;
});

someDiv.textContent = result;

Почему-то в someDiv ничего не отображается.


▶️Проблема в том, что в коде нет операции ожидания. Ни подписка на событие, ни AJAX-вызов, ни даже вызов API не ждут поступления данных - а сразу же передают управление дальше. Поэтому строка someDiv.textContent = result; выполняется ДО того, как переменная result получит значение.

Способов сделать это присваивание после получения значения несколько:
— переместить присваивание внутрь
— вынесение присваивания в именованную функцию
— обратные вызовы (callbacks)
— обещания (promises)
— наблюдаемые значения (observables) в Knockout
— наблюдаемые значения (observables) в MobX

📎 Подробнее об этом всём

@javascriptv

Читать полностью…

⚡️ Топ-4 инструмента JavaScript для разработки ИИ

🟡1. AI.JSX
AI.JSX, разработанный Fixie, — это динамический фреймворк, предназначенный для создания разговорных приложений на базе ИИ с использованием JavaScript и JSX, который специально адаптирован для проектов на базе React.
Он выделяется среди инструментов для разработки ИИ благодаря надежной поддержке инжиниринга подсказок и легкой интеграции с внешними API.

🟡2. TensorFlow.js
Являясь JavaScript-адаптацией известной библиотеки TensorFlow, созданной Google, TensorFlow.js предназначена специально для веб- и Node.js-сред, чтобы привнести возможности машинного обучения непосредственно в браузеры и приложения на стороне сервера.
Одним из ключевых преимуществ TensorFlow.js является возможность запуска моделей МО непосредственно в браузере.

🟡3. Brain.js
Brain.js предлагает простой и доступный способ реализации нейронных сетей на JavaScript, подходящий как для браузера, так и для среды Node.js. Ключевое потенциальное применение Brain.js — автоматизация таких процессов, как анализ текста, объединение PDF-документов, преобразование документов, анализ изображений и, в целом, решение любых задач, связанных с обработкой большого количества данных.

🟡4. Tabnine
Tabnine — это помощник по завершению кода на базе ИИ, который значительно улучшает опыт написания кода. В частности, он ускоряет процесс разработки, активно поддерживая целостность кода.
ИИ Tabnine изучает кодовую базу и предлагает соответствующие фрагменты кода, завершения функций и даже целые блоки кода на основе комментариев на естественном языке.

@javascriptv

Читать полностью…

💡 Простой способ сохранения элемента видимым, но недоступным: на заметку фронтенд-разработчику

➡️ Попробовать здесь

@javascriptv

Читать полностью…

📢Хотите выйти на профессиональный уровень программирования на JavaScript? Освойте Nest.Js — мощный фреймворк разработки веб-приложений

Приходите на бесплатный практический урок от OTUS. На вебинаре разберем:
◼️ Архитектуру и дизайн
◼️ Роутинг и контроллеры
◼️ Middleware
◼️ Работу с базами данных
◼️ Тестирование и отладку
◼️ Сомнения и вопросы

⏰Занятие пройдёт 17 апреля в 20:00 мск в рамках набора на онлайн-курс «Node.js Developer». Спикер — разработчик веб-приложений с опытом более 10 лет.

👉Регистрируйтесь прямо сейчас, чтобы посетить бесплатный урок и получить спец. цену на курс: РЕГИСТРАЦИЯ.

Читать полностью…

🔴Не используешь библиотеку Quasar в JS? Фатальная ошибка!

А ведь UI-фреймворки сильно сокращают время на построение интерфейсов, оставляя его для работы над продуктом!

Поэтому пора прокачать квалификацию и добавить в свой инструментарий разработку на Vue.js.

✔️Начни с бесплатного практического урока «Форма входа на Quasar и аутентификация пользователя на сайте» от OTUS. Спикер Илья Нуруллин — FingerprintJS, Software engineer.

⏰Занятие пройдёт 16 апреля в 20:00 мск в рамках курса «Vue.js разработчик». После урока у вас будет возможность стать студентом программы по специальной цене и даже в рассрочку!

Для бесплатного участия и получения записи регистрируйтесь прямо сейчас.

➡️РЕГИСТРАЦИЯ

Читать полностью…

Ищем новичков во фронтенд-разработке и вёрстке сайтов.

Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.

А именно:

- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.

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

Такой опыт можно получить на бесплатном практикуме 16–22 апреля с поддержкой от опытных кураторов на каждом этапе.

👉 Приходи на бесплатное обучение и зови с собой друзей

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

Читать полностью…

🔥Подборка лучших обучающих каналов для программистов.

➡️ Делитесь с коллегами и сохраняйте себе, чтобы не потерять

⚡Машинное обучение

Machine Learning - запускаем лучшие ИИ модели, пишем код, погружаемся в нейросети
Ml Собеседование - подготовка к собесу по мл, алгоритмам, коду
Ml ru - актуальные статьи, новости, код и обучающие материалы
Ml Jobs - вакансии ML
ML Книги - актуальные бесплатные книги МО
ML чат

🏆 Golang
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 движках

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

📎 Статья

@javascriptv

Читать полностью…

🖥 Новая версия vue-ray для VueJS

⏩ Состоялся выпуск второй мажорной версии инструментария vue-ray.
Предыдущая стабильная версия проекта vue-ray v1.17.4 вышла в мае 2023 года.

⏩Проект vue-ray позволяет проводить отладку кода Vue с помощью Ray, чтобы быстрее устранять проблемы. Установите этот пакет в любой проект Vue 3, чтобы отправлять сообщения в приложение Ray.

🖥 Исходный код проекта опубликован на GitHub под лицензией MIT.

@javascriptv

Читать полностью…

🖥 Как построить REST API с помощью JS, Node.js и Express.js

Держите отличную очень практикоориентированную статью.

В рамках статьи создаётся REST API для тренировочного приложения CrossFit.
В этом приложении будет создаваться, считываться, обновляться и удаляться WOD (Workouts of the Day). Что поможет пользователям (владельцам тренажерных залов) составлять планы тренировок и вести свои собственные тренировки в рамках одного приложения. Кроме того, они смогут добавлять важные советы по каждой тренировке.

📎 Статья

@javascriptv

Читать полностью…

🖥 Самые полезные библиотеки JS для красивых анимаций

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

📎 Статья

@javascriptv

Читать полностью…

⚡️ Ouroborus — CSS only

Крутая анимированная сцена, выполненная с помощью Pug и SCSS, без использования JavaScript.

https://codepen.io/graphilla/pen/GRxqzLj

@javascriptv

Читать полностью…

🖥 Q-OTP - двухфакторная аутентификация на VueJS

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

Компонент подключается как Quasar App Extension:

quasar ext add q-otp

Пример подключения:

<template>
  <QOtp
      field-classes="q-ml-xs q-mr-xs"
      @complete="(code) => alert(code)"
  />
</template>
<script lang="ts" setup>
  import QOtp from 'quasar-app-extension-q-otp'
</script>

🖥 Исходный код доступен на GitHub под лицензией MIT

@javascriptv

Читать полностью…