🖥 better-sqlite3 — очень быстрая и простая библиотека для SQLite3 в Node.js

— npm install better-sqlite3

Фишки better-sqlite3:
— Полная поддержка транзакций
— Высокая производительность, эффективность и безопасность
— Простой в использовании синхронный API (лучший параллелизм по сравнению с асинхронным API; да, так и есть)
— Поддержка определяемых пользователем функций, виртуальных таблиц и расширений
— 64-битные целые числа
— Поддержка рабочих потоков (для больших/медленных запросов)

🖥 GitHub

@javascriptv

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

🖥 Puter — это передовая интернет-ОС с открытым исходным кодом, обладающая широкими возможностями, исключительной скоростью и широкими возможностями расширения

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

Для разворачивания локально (на 4000 порте):

git clone https://github.com/HeyPuter/puter
cd puter
cp .env.example .env
npm install
npm start

🖥 GitHub
🟡 Попробовать OS Puter

@javascriptv

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

🖥 Оптимизация SVG-файлов с помощью SVGO

— npm install -g svgo

SVGO (SVG Optimizer) — это библиотека Node.js и приложение командной строки для оптимизации SVG-файлов.

Файлы SVG, особенно экспортированные из векторных редакторов, обычно содержат много лишней информации: метаданные редактора, комментарии, скрытые элементы, значения по умолчанию или неоптимальные значения и т.д., — всё это можно можно безопасно удалить или преобразовать, что и делает SVGO.

Использование в командной строке:
— svgo one.svg two.svg -o one.min.svg two.min.svg

🖥 GitHub

@javascriptv

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

Дайте старт вашей карьере с нашим бесплатным курсом по JavaScript!

🎓 Курс включает 39 уроков, 46 упражнений и 129 тестов для закрепления знаний. Вы освоите создание программ с использованием основных конструкций языка, сможете составлять программы из нескольких модулей и научитесь анализировать ошибки в коде с помощью отладочной печати.

💡 Научитесь не только теории, но и применять знания на практике. Поддержка в «Обсуждениях» поможет вам разобраться с темами, которые вызывают трудности.

Обучение с самого нуля, с акцентом на практику. Подходит для начинающих программистов! Добро пожаловать в мир JavaScript😉

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

Яндекс Go Frontend Meetup #4 — впервые в Санкт-Петербурге

Ждем фронтенд-разработчиков на митапе от команды SUPERWEB. Это специалисты, которые не только разрабатывают интерфейсы, но и помогают выстраивать процессы и прорабатывать новые продукты, погружаются в дизайн, аналитику и даже немного в бэкенд.

Перенесем этот вайб на митап и поделимся докладами на околофронтендные темы:

- Анастасия Барташук, младший разработчик интерфейсов в Яндекс Про, поделится докладом о добавлении темизации в проект

- Егор Брагин, руководитель группы разработки платформы Яндекс Go для бизнеса, расскажет о том, как команда выстроила телефонию на базе WebRTC

- Сергей Алейников, старший разработчик интерфейсов в Яндекс Go, объяснит, как оптимизировать веб-приложения на примере Турбоаппа Такси

Митап пройдет 23 мая в Санкт-Петербурге. Можно прийти офлайн или подключиться к онлайн-трансляции.

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

Реклама. ООО «Яндекс.Такси» ИНН 7704340310

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

🖥 Генератор инфографики с 300+ опциями

Мощный инструмент на JavaScript для создания инфографики
Имеет 30+ плагинов и 300+ опций для отображения статистики об аккаунте GitHub и вывода ее в виде SVG, Markdown, PDF или JSON

Можно подключить к уже существующему проекту, используя GitHub Action

🖥 GitHub

@javascriptv

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

🖥 Коллекция распространенных интерактивных пользовательских CLI

— npx @inquirer/demo@latest

🖥 GitHub

@javascriptv

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

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты с нуля сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Создашь проект на Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Сделаешь сайту адаптив;
6. Получишь проверку домашек от кураторов;
7. В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать.

А главное, ты узнаешь, что тебе делать, чтобы уже в этом году гарантировано зарабатывать от 1000$/мес. на фронтенд-разработке, не выходя из дома.

Начинаем 14 мая.

👉 Успей проскочить на интенсив бесплатно

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

Реклама. ИП Чернова О. А., ИНН:771399721044

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

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

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

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

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

💥 Бесплатный Chatgpt бот

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

🍏 Apple выпустили множество новых красивых дизайн-шаблонов для Figma.

Забиарйте себе)

apple" rel="nofollow">https://www.figma.com/@apple

@javascriptv

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

🖥 Как определить что элемент в зоне видимости окна браузера?

▶️Есть элемент, и если пользователь видит его, то нужно отметить элемент как просмотренный. Как определить, что этот элемент в зоне видимости?


▶️В целом, делается несложно:

// Получаем нужный элемент
var element = document.querySelector('#target');

var Visible = function (target) {
  // Все позиции элемента
  var targetPosition = {
      top: window.pageYOffset + target.getBoundingClientRect().top,
      left: window.pageXOffset + target.getBoundingClientRect().left,
      right: window.pageXOffset + target.getBoundingClientRect().right,
      bottom: window.pageYOffset + target.getBoundingClientRect().bottom
    },
    // Получаем позиции окна
    windowPosition = {
      top: window.pageYOffset,
      left: window.pageXOffset,
      right: window.pageXOffset + document.documentElement.clientWidth,
      bottom: window.pageYOffset + document.documentElement.clientHeight
    };

  if (targetPosition.bottom > windowPosition.top && // Если позиция нижней части элемента больше позиции верхней чайти окна, то элемент виден сверху
    targetPosition.top < windowPosition.bottom && // Если позиция верхней части элемента меньше позиции нижней чайти окна, то элемент виден снизу
    targetPosition.right > windowPosition.left && // Если позиция правой стороны элемента больше позиции левой части окна, то элемент виден слева
    targetPosition.left < windowPosition.right) { // Если позиция левой стороны элемента меньше позиции правой чайти окна, то элемент виден справа
    // Если элемент полностью видно, то запускаем следующий код
    console.clear();
    console.log('Вы видите элемент :)');
  } else {
    // Если элемент не видно, то запускаем этот код
    console.clear();
  };
};

// Запускаем функцию при прокрутке страницы
window.addEventListener('scroll', function() {
  Visible (element);
});

// Запустим функцию сразу
Visible (element);

🟡

body {
  height: 6000px;
}

#target {
  margin-top: 3000px;
}

🟡

<div id="target">Элемент</div>

@javascriptv

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

🖥 Вышло обновление ESLint 9.0

Разработчики линтера ESLint рассказали о релизе версии 9.0. Команда проекта исправила известные ошибки и добавила новые функции. Кроме того, линтер теперь не поддерживает работу с Node.js 18.18.0 и 19.

📎 Подробнее

@javascriptv

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

👩‍💻 Большая подборка вопросов с собеседований Vue.js


• 50+ основных вопросов и ответов на собеседовании по Vue.js: от простого до продвинутого
• Список из 300 вопросов и ответов для интервью по VueJS ru
• List of 300 VueJS Interview Questions And Answers en
• Топ-100s Вопросов с собеседований Vue.js
• Собеседование на Vue js разработчика. 50 вопросов для подготовки к собеседованию по Vue.
• Открытое собеседование Vue.js | Junior Frontend-разработчик
• Vue.js вопросы с собесов.
• Публичное собеседование фронтендера на Vue с компанией Timeweb Cloud

🔥 Делитесь подборкой с коллегами, набираем 100 лайков и выкладываем подборку по Angular.

Прошлые подборки:
- 100 вопросов по React для подготовки к собеседованию
- Большая подборка вопросов с собеседований: Frontend, Javascript, React, Vue и многое другое.

@javascriptv

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

🖥 Шаблон декомпозиции Model-View-ViewModel

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

// View
<li class="User_card" model="User_card_model">
  <img src={ image } />
  <p>{ message }</p>
</li>

// ViewModel
class User_card_model {
  user = User.current
  get image() {
    return this.user.avatar
  }
  get message() {
    return this.user.nickname
  }
}

// Modelhttps://habrastorage.org/getpro/habr/upload_files/184/ef6/b75/184ef6b7510290ecd0acc360ed78df5b.png
class User {
  avatar: string
  nickname: string
  static current = new User
}

Плюсы:
— Отображение может использовать произвольные вьюмодели.
— Легко добавлять новые отображения, не меняя ни модели, ни вьюмодели.
— Изменение интерфейса модели или отображения требует изменения только лишь вьюмодели.
— Одну и ту же вьюмодель можно шарить между несколькими отображениями.

Минусы:
— Для отображения разных моделей необходимо дублировать код отображения и вьюмодели.
— Трёх слоёв слишком мало на больших масштабах.

📎 Читать подробнее

@javascriptv

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

🖥 Подборка репозиториев GitHub для разработчиков JavaScript

Алгоритмы
Полный список алгоритмов и структур данных на JavaScript с объяснениями и примерами. Содержание организовано по уровню подготовки: B (начинающий) и A (продвинутый).
🖥 GitHub

Лучшие практики работы с Node
Node JS - одна из наиболее широко используемых технологий в отрасли. Репозиторий ниже содержит актуальный список лучших практик, которым вы можете следовать.
🖥 GitHub

33 концепции JS
Репозиторий описывает: "33 концепции JavaScript, которые должен знать каждый разработчик". Ссылки, видео, статьи или книги поддерживают эти концепции.
🖥 GitHub

Чистый код JavaScript
В мире программирования существует известная книга под названием "Чистый код". Данное хранилище является адаптацией этих концепций чистого кода, но для JavaScript.
🖥 GitHub

Изобретательный NodeJS
Этот репозиторий GitHub содержит список инструментов, пакетов, учебников, статей, видео и многого другого для вашего следующего проекта Node.
🖥 GitHub

Шпаргалка по современному JS
Определенно, это тот репозиторий, который можно добавить в закладки и обратиться к нему позже, когда возникнет необходимость.
🖥 GitHub

Лучшие методы тестирования JavaScript
Обновленный, полный список лучших практик для написания тестов на JavaScript и Node JS.
🖥 GitHub

@javascriptv

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

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

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

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

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

💥 Бесплатный Chatgpt бот

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

🖥 GUN — предоставляет протокол шифрования с открытым исходным кодом для синхронизации децентрализованных графовых данных

— npm install gun

GUN — это экосистема инструментов, позволяющих создавать управляемые сообществом и защищённые приложения — такие как open-source Firebase или децентрализованный Dropbox.

Internet Archive и сотни других приложений используют GUN в продакшене. GUN даже был частью инициативы bluesky от Twitter

🖥 GitHub
🟡 Доки

@javascriptv

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

🖥 Summernote — супер простой WYSIWYG-редактор на JavaScript

У Summernote есть несколько особенностей:
— Вставка изображений из буфера обмена
— Сохраняет изображения непосредственно в содержимом поля, используя кодировку base64, поэтому нет необходимости реализовывать обработку изображений
— Простой UI
— Интерактивное WYSIWYG-редактирование
— Удобная интеграция с сервером
— Поддерживает интеграцию с Bootstrap 3, 4 и 5
— Множество плагинов в комплекте

🖥 GitHub
🟡 Запустить Summernote можно тут

@javascriptv

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

🖥 TOAST UI Calendar — календарь на JavaScript

Календарь на JS, в котором есть всё необходимое, вот некоторые фишки:
⏩поддерживает разное представление расписания: ежедневное, еженедельное, ежемесячное
⏩поддерживает настройку пользовательского интерфейса даты и информации о расписании
⏩Drag & Drop: можно перетаскивать элементы мышью
⏩можно настраивать пользовательский интерфейс по теме

TOAST UI Calendar — отличный компонент для вашего веб-приложения

🖥 GitHub

@javascriptv

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

🖥 Turndown — конвертер HTML в MD на JavaScript

— npm install turndown

Позволяет легко преобразовать HTML в Markdown

🖥 GitHub
🟡 Можно использовать онлайн

@javascriptv

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

🖥 Веб-скрейпинг с Crawlee

— npm install crawlee playwright

Crawlee — библиотека для веб-скрейпинга и автоматизации браузеров для Node.js, позволяющая создавать надежные краулеры. Написана на JavaScript и TypeScript. Позволяет извлекать данные для AI, LLM, RAG или GPT, а также позволяет загружать HTML, PDF, JPG, PNG и другие файлы с веб-сайтов.

Работает с Puppeteer, Playwright, Cheerio, JSDOM и чистым HTTP. Есть режим headful и headless.

🖥 GitHub
🟡 Доки

@javascriptv

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

🖥 Для Bun вышел свой компактный crash reporter

🟡Для среды выполнения JavaScript и TypeScript с возможностью отладки кода и поддержкой популярных веб-фрейворков Bun v1.1.5 вышел свой компактный crash reporter. Отчёт о сбое умещается в URL-адрес размером около 150 байт, не содержащий никакой личной информации.

@javascriptv

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

🖥 JavaScript — проверка на строковый тип

🟡Если вы разрабатывали на Java, то вы, наверное, привыкли проверять тип переменной на строку через instanceof. В JavaScript это не совсем так работает, так как в JS есть примитивный тип строка и класс строка.

🟡Примитивный тип строки создаётся, когда какой-либо переменной присваивается строковый литерал:

let var1 = "Vasya";
let var2 = 'Oksana';

Класс строки создаётся, когда используется конструктор new String:

let var1 = new String("I am an object");

🟡String можно использовать не только как конструктор, но и как функцию, тогда будет создан строковый примитив, правда особого смысла в этом нет:

let var1 = String("I am a primitive");

Класс строка и примитивный тип строка — это всё разные вещи.

🟡Проверить, что переменная содержит значение примитивного типа строки можно через typeof:

let var1 = "Vasya";

// можно так: let var1 = String("Vasya");
alert(typeof var1  === 'string');
 
// можно typeof вызвать как функцию
alert(typeof(var1) === 'string');

🟡Проверить, что переменная ссылается на объект строки можно с помощью instanceof:

const var1 = new String("Vasya");
 
alert(var1 instanceof String);

🟡Суммируя всё, что описано выше, проверять на строковый тип нужно так:

const house = 'Дом';
const oksana = "Оксана";
const petya = new String('Петя');
const sum = 100.0;
 
console.log(checkIsString(house)); // true
console.log(checkIsString(oksana)); // true
console.log(checkIsString(petya)); // true
console.log(checkIsString(sum)); // false
 
function checkIsString(var1) {
  return typeof var1 === 'string' || var1 instanceof String;
}

📎 Подробнее

@javascriptv

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

🖥 𝗙𝗿𝗲𝗲 𝗲-𝗯𝗼𝗼𝗸: 𝗘𝗹𝗼𝗾𝘂𝗲𝗻𝘁 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁

Недавно вышло 4-е издание этой одной из лучших книг на английском языке по JavaScript, и она абсолютно бесплатна.

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

📚 Книга

@javascriptv

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

Тетрис на Angular и Akita

Отличная идея для пет-проекта)

🖥 GitHub
🟡 Погонять тетрис

@javascriptv

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

🖥 Визуализация статистики по профилю GitHub

Инструмент на Vue.js для презентации основной информации по GitHub-профилю.
Отличная идея для пет-проекта, кстати

🖥 GitHub 19.8k⭐️

@javascriptv

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

⚡️ Лучшего дизайна для ресторана больше не будет.

Меню для сайта, в виде... туалетной бумаги.

https://paper.cerpow.com/

@javascriptv

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

🖥 Поведение ключевого слова "this" в стрелочной функции и в нормальной функции

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

Прежде чем перейти к рассмотрению примеров, необходимо иметь в виду два момента.

🟡Ключевое слово this в обычной функции всегда зависит от того, "как вызывается функция".

🟡Ключевое слово this в стрелочной функции всегда зависит от того, "где определена функция".

▶️ Переходим к примерам

@javascriptv

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

Расти от рядового разработчика до архитектора: Слёрм набирает 5 поток курса по архитектуре приложений 🌀

Что такого крутого умеет делать архитектор? Он пишет чистые и управляемые проекты, создает поддерживаемые системы и может организовывать код. И всему этому Слёрм учит на курсе «Архитектура приложений».

Стартуем 29 апреля, записаться можно здесь

Чему вы сможете научиться на курсе:

🟠Вы последовательно пройдете от основ до полноценных архитектурных диаграмм,
🟠Будете рефакторить код, проводить архитектурные границы, анализировать системы.

➕ В Слёрме не просто учат инструментам: здесь помогают выработать мышление архитектора.

Спикеры курса: Александр Вагнер, Senior Software Engineer в Bidease
Более 10 лет в IT, построил с нуля компанию и платформу Torrow.

Вячеслав Гагарин, Старший разработчик ПО в Retail Rocket,
Более 7 лет опыта в IT.

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

Курс длится 3 месяца. Вы будете работать с реальными практическими заданиями и разбирать технические моменты. Эксперты курса будут отвечать на все вопросы по обучению: и в групповом чате, и на 3 онлайн-встречах.

➡️ Подробную программу смотрите на сайте

Реклама ООО «Слёрм» ИНН 3652901451

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

🖥 Факт дня — модули в Javascript

Модули в Javascript — интересная тема, которую к сожалению не все хорошо понимают. При этом она регулярно всплывает на собеседованиях, поэтому разобраться в этом желательно побыстрее.

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

План статьи:
├╼ IIFE (Immediately-Invoked Function Expression)
├╼ CommonJS
├╼ Асинхронные импорты
├╼ AMD (Asynchronous Module Definition)
├╼ Динамический импорт
├╼ Реализация асинхронности и Require.js
├╼ UMD (Universal Module System)
├╼ Обратная совместимость и SystemJS
╰╼ ES6 и его модули

▶️ Вперед

@javascriptv

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