JavaScript Ready | Программирование
8.19K subscribers
989 photos
60 videos
527 links
Авторский канал по разработке на JavaScript.
Ресурсы, обучения, задачи, шпаргалки.
Ежедневно информация пополняется!

Cотрудничество: @energy_c
Download Telegram
📱 Подробнее о прототипах и классах!

В этом посте мы разберём, как движок ищет свойства и методы через цепочку прототипов. Напишем своё прототипное наследование и посмотрим, как классы упрощают работу с объектами.

Сегодня рассмотрим:

• Свойство proto — прямое соединение объектов.

• .prototype у функций — источник наследуемых методов.

• Реализация наследования вручную — создание цепочек объектов.

• Классы — синтаксический сахар над прототипами.


В результате вы сможете оптимально строить объекты и наследование в своих проектах.

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18❤6👍6🤝2
This media is not supported in your browser
VIEW IN TELEGRAM
CodeHS (practice) — это бесплатный тренажёр по JavaScript и другим языкам прямо в браузере. Короткие задачи с автопроверкой помогают закрепить синтаксис, подтянуть алгоритмы и подготовиться к собеседованиям.

📌 Оставляю ссылочку: codehs.com

📣 JS Ready | #ресурс
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14👍7🔥6
📱 Разбираем встроенные функции!

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

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18👍8❤5
Что же выведет консоль?
Anonymous Quiz
38%
A
24%
B
30%
C
7%
D
👍16❤6🔥5
Удаляем дубликаты из массива, но сохраняем порядок!

Когда обрабатываешь списки из внешних источников (например, e-mail'ы, id-шники, URL'ы) — дубликаты нужно убрать, но порядок важен.

Простое new Set() не подойдёт — оно сохранит порядок, но не всегда удобно для сложной логики.

Используем Map — она сохраняет порядок добавления ключей:
const items = ["a","b","a","c","b"];
const unique = [...new Map(items.map(i => [i,i])).keys()];


Теперь unique будет ['a','b','c'] — в том же порядке, что в исходном массиве.

Оборачиваем в функцию для переиспользования:
function removeDuplicates(arr){
return [...new Map(arr.map(i=>[i,i])).keys()];
}


Можно применить к любым массивам:
const emails = ["a@mail.com","b@mail.com","a@mail.com"];
console.log(removeDuplicates(emails));


🔥 Дубликаты примитивных значений удалены, исходный порядок сохранён — решение нативное и компактное.

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15👍6❤5🤝1
📱 Симулятор «умного» таймера с интервалами и паузой!

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

В этом посте:
• Реализуем таймер с отсчётом в секундах.

• Добавим команды pause, resume и stop.

• Научим отображать прогресс в консоли.

• Сделаем логику универсальной для любых интервалов.


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

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15❤7👍7🤝2
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Работаете с SQL и устали прыгать между рабочими пространствами?

SQLite3 Editor — минималистичный, но мощный плагин для VS Code, который позволяет прямо внутри редактора создавать, просматривать и редактировать SQL-базы.

Идеален для быстрой отладки, прототипов и локальной аналитики.

📣 JS Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤5🔥5🤝1
📱 Напоминалка по var / let / const!

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

На картинке — основные различия между тремя способами объявления переменных.

Сохрани, чтобы не забыть!

📣 JS Ready | #ресурс
Please open Telegram to view this post
VIEW IN TELEGRAM
❤21👍6🔥5
📱 Функции-комбинаторы — помощники, которые экономят ресурсы и делают интерфейс стабильнее!

Всего 3–4 строки кода решают проблемы:
• Защита от повторных кликов.

• Кеширование тяжёлых вычислений.

• Фильтрация «шума» от событий.

• Контроль частоты API-вызовов.


В гайде собраны компактные реализации. Такой набор должен быть под рукой!

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18❤6👍5