JavaScript заметки
8.55K subscribers
2.76K photos
4 videos
1.27K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Эмуляторы операционных систем

Появление стандартов ECMAScript позволило улучшать и добавлять функции в JS, чтобы сделать его еще более быстрым и совместимым. В настоящее время в современном браузере ты можете создавать впечатляюще сложные приложения. Делимся статьей, где продемонстрированы лучшие эмуляторы операционных систем.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍6
Деструктуризация объектов

#полезно
👍6
Задачи на Event Loop

Event Loop выполняет одну простую задачу — отслеживает стек вызовов и очередь обратного вызова. Если стек вызовов пуст, цикл событий возьмет первое событие из очереди и поместит его в стек вызовов, который его запустит. В данной статье автор разбирает задачи на Event Loop.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
🔥3
Деструктуризация массивов

#полезно #массивы
👍5
Планировщик по управлению недвижимостью

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍4
Использование шаблонных литералов (ES6)

#полезно
👍7
Как отследить событие закрытия браузера и вкладки с помощью JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍31
Передача числовых переменных в качестве аргументов в функцию

Оператор rest (версия ES6) конвертирует разделённые запятой значения в массив, таким образом параметр numbers в функции add становится массивом.

#операторы
👍7
Топ-15 шпаргалок для разработчиков

Некоторые языки и фреймворки настолько сложны, что ты можешь не помнить весь синтаксис или методы. К счастью, существуют шпаргалки, которые помогают быстро вспомнить необходимые методы. Делимся статьей, где автор демонстрирует 15 шпаргалок для программистов и WEB-разработчиков.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
4
Создать новый массив с помощью spread-оператора (троеточие)

#массивы
👍3
Новые возможности ES13

Как и многие другие языки программирования, JavaScript постоянно развивается. С каждым годом язык становится все мощнее благодаря новым возможностям. Благодаря этой статье ты познакомишься с новыми возможностями ES13. Какое нововведение тебе больше всего понравилось?

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍8🔥1
Заполнить массив определённым значением

#массивы
👍8
Bryntum Scheduler

Bryntum – это современный и высокопроизводительный компонент пользовательского интерфейса для планирования, который легко интегрируется со всеми средами JS, включая React, Angular и Vue. В данной статье автор демонстрирует создание планировщика по управлению недвижимостью с помощью Bryntum и JavaScript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Удалить из массива повторяющиеся элементы

С помощью Set:

const array = [1, 2, 2, 3, 1, 5];
const unique = [...new Set(array)];
console.log(unique); // [1, 2, 3, 5];

С помощью метода массива filter:

const array = [1, 2, 2, 3, 1, 5];
const unique = array.filter((value, index) => {
return array.indexOf(value) === index;
});
console.log(unique); // [1, 2, 3, 5]

#массивы
👍8
PET-проекты для новичков

Программирование — это практика. Ты не можешь научиться программированию, просто читая инструкции или запоминая вопросы для интервью. В данной статье автор собрал 9 PET-проектов для самостоятельного изучения и практики в программировании и архитектуре.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍31
Сгенерировать случайное число в определённом диапазоне

Случайное число от 0 до 100:

Math.floor(Math.random() * 100)

Случайное число от 1 до 100:

Math.floor(Math.random() * 100) + 1

Случайное число между минимальным (включительно) и максимальным значением (не включая):

function getRandom(min, max) { 
return Math.floor(Math.random() * (max - min) ) + min;
}
console.log(getRandom(10, 35)); // случайное число в диапазоне >= 10 и < 35

Случайное число между и максимальным значением (включая оба значения):

function getRandom(min, max) {
return Math.floor(Math.random() * (max - min + 1) ) + min;
}
console.log(getRandom(10, 35)); // случайное число в диапазоне >= 10 и <= 35

#полезно
👍41
Эффекты в видеосвязи

Делимся статьей, где автор демонстрирует реализацию эффектов в видеосвязи. Используются Canvas API и MediaPipe. Продемонстрированы различные эффекты, перфоманс кода.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Вывести JSON в отформатированном виде

#полезно
👍21
Бессерверное приложение

Делимся статьей, где автор демонстрирует создание бессерверного приложения, используя Netlify. Будет приниматься ссылка на веб-сайт в качестве аргумента. Для предоставления содержимого сайта используется Mozilla Readability API.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Реализовать плавный переход в верх страницы

#полезно
👍14