Алгоритмы и структуры данных с примерами на JavaScript
➡️ Читать статью
🖥 JavaScript test // чат
В этом репозитории лежат JS-примеры реализаций многих популярных алгоритмов и структур данных.
Каждый алгоритм и структуру данных можно изучить подробнее, кликнув по гиперу;
Всё сопровождается подробными пояснениями и ссылками на материалы для дальнейшего изучения.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Вот 14 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
Please open Telegram to view this post
VIEW IN TELEGRAM
❓Что будет на выходе?
var a = 1;
function scopeQuiz() {
console.log(a);
var a = 2;
}
scopeQuiz();
Ответ:undefined
JavaScript test | ChatGPT
var a = 1;
function scopeQuiz() {
console.log(a);
var a = 2;
}
scopeQuiz();
Ответ:
JavaScript test | ChatGPT
👍2
Обработка исключений на JS – неудобная, но не безнадежная
➡️ Читать статью
🖥 JavaScript test // чат
Автор этой статьи рассказывает про работу с исключениями в JavaScript.
Помимо привычных способов обработки исключений, он также приводит и альтернативные способы, чтобы показать, как сделать её не такой безнадёжной.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
🔥Что будет на выходе?
const x = [1, 2, 3];
const y = x;
y.push(4);
console.log(x);
Ответ:[1, 2, 3, 4]
JavaScript test | ChatGPT
const x = [1, 2, 3];
const y = x;
y.push(4);
console.log(x);
Ответ:
JavaScript test | ChatGPT
👍2
Шпаргалка по JS-методам для работы с DOM
➡️ Читать статью
🖥 JavaScript test // чат
Автор этой статьи сделал подробную и понятную шпаргалку по методам JavaScript для работы с DOM (объектной моделью документа).
Совет: для того, чтобы получить максимальную пользу от данной шпаргалки, пишите код вместе с автором и внимательно следите за тем, что происходит в консоли инструментов разработчика и на странице.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
🔨Что будет на выходе?
const product = {
name: "Laptop",
price: 1000,
discount: function(percentage) {
return this.price * (percentage / 100);
}
};
const result = product.discount(10);
console.log(result);
Ответ:100
JavaScript test | ChatGPT
const product = {
name: "Laptop",
price: 1000,
discount: function(percentage) {
return this.price * (percentage / 100);
}
};
const result = product.discount(10);
console.log(result);
Ответ:
JavaScript test | ChatGPT
👍2
Совет по JavaScript:
Можно использовать метод console.table(), чтобы вывести табличные данные в виде таблицы в консоли.
Ты, скорее всего, каждый день пользуешься console.log().
Но знаешь ли ты, что у объекта console есть и другие полезные методы — например, console.table() и console.error()?
➡️ Читать статью
🖥 JavaScript test // чат
Можно использовать метод console.table(), чтобы вывести табличные данные в виде таблицы в консоли.
Ты, скорее всего, каждый день пользуешься console.log().
Но знаешь ли ты, что у объекта console есть и другие полезные методы — например, console.table() и console.error()?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Каждый JavaScript-разработчик хотя бы раз писал ${name} в обычных кавычках, сохранял файл и видел вместо Hello John просто "Hello ${name}". Потом, конечно, стирал и перепечатывал всё с обратными кавычками.
Теперь об этом можно забыть. Новое расширение Quotick автоматически заменяет обычные кавычки на обратные, как только вы вводите ${}.
Никаких настроек, команд или меню — всё происходит мгновенно и незаметно.
Работает с JS, TS, JSX и TSX
Понимает контекст (не трогает комментарии, импорты и другие строки)
Маленькое улучшение, которое реально экономит время и бережёт нервы
➡️ Ссылка на Github
🖥 JavaScript test // чат
Теперь об этом можно забыть. Новое расширение Quotick автоматически заменяет обычные кавычки на обратные, как только вы вводите ${}.
Никаких настроек, команд или меню — всё происходит мгновенно и незаметно.
Работает с JS, TS, JSX и TSX
Понимает контекст (не трогает комментарии, импорты и другие строки)
Маленькое улучшение, которое реально экономит время и бережёт нервы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Универсальное чтение файлов: текст, JSON и бинарные данные!
Когда пользователь загружает файл обычно начинают писать разные обработчики. Получается много дублирования.
Можно сделать универсальный ридер:
Теперь можно читать файл как текст:
Читаем как
Читаем картинку в виде
Читаем бинарные данные:
🖥 JavaScript test // чат
Когда пользователь загружает файл обычно начинают писать разные обработчики. Получается много дублирования.
Можно сделать универсальный ридер:
const readFile = (file, as = 'text') =>
new Promise(r => {
const fr = new FileReader();
fr.onload = () => r(fr.result);
fr[`readAs${as[0].toUpperCase() + as.slice(1)}`](file);
});
Теперь можно читать файл как текст:
const txt = await readFile(file, 'text');
Читаем как
JSON:const obj = JSON.parse(await readFile(file, 'text'));
Читаем картинку в виде
base64:const base64 = await readFile(file, 'dataURL');
Читаем бинарные данные:
const buf = await readFile(file, 'arrayBuffer');
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Уже очевидно, что ВАЙБКОДИНГ — главный навык ближайших лет
Посмотрите сами. ИИ уже забирает на себя работу целых команд: пишет код, закрывает задачи джунов и позволяет стартапам запускать продукты в 2–3 раза меньшим составом. То, на что раньше нужны были несколько разработчиков, сегодня всё чаще делает один человек с ИИ-агентами.
И это только начало. Те, кто освоит вайбкодинг сейчас, смогут быстрее запускать проекты, автоматизировать огромный объём работы, увереннее конкурировать на рынке и зарабатывать больше тех, кто продолжает делать всё вручную.
Начать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы.
Подписывайтесь, нас уже 60 тысяч: @vibecoding_tg
Посмотрите сами. ИИ уже забирает на себя работу целых команд: пишет код, закрывает задачи джунов и позволяет стартапам запускать продукты в 2–3 раза меньшим составом. То, на что раньше нужны были несколько разработчиков, сегодня всё чаще делает один человек с ИИ-агентами.
И это только начало. Те, кто освоит вайбкодинг сейчас, смогут быстрее запускать проекты, автоматизировать огромный объём работы, увереннее конкурировать на рынке и зарабатывать больше тех, кто продолжает делать всё вручную.
Начать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы.
Подписывайтесь, нас уже 60 тысяч: @vibecoding_tg
25 готовых программ на JavaScript
В статье собрано 25 готовых программ на JS, которые помогут улучшить навыки и продемонстрировать вам, как эффективно решать различные задачи.
Есть проги, созданные как с помощью Vanilla JS, так и с использованием популярных фреймворков.
Сначала идёт описание проектов, а после код, на случай, если вы хотите сделать проекты самостоятельно.
🖥 JavaScript test // чат
В статье собрано 25 готовых программ на JS, которые помогут улучшить навыки и продемонстрировать вам, как эффективно решать различные задачи.
Есть проги, созданные как с помощью Vanilla JS, так и с использованием популярных фреймворков.
Сначала идёт описание проектов, а после код, на случай, если вы хотите сделать проекты самостоятельно.
Please open Telegram to view this post
VIEW IN TELEGRAM
Библиотека Javascript для создания потоков данных без зависимостей
➡️ Ссылка на Github
🖥 JavaScript test // чат
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥Что будет на выходе?
const string = "hello world";
const result = string.split("").filter((char, index) => index % 2 === 0).join("");
console.log(result);
Ответ: hlowrd
JavaScript test | ChatGPT
const string = "hello world";
const result = string.split("").filter((char, index) => index % 2 === 0).join("");
console.log(result);
Ответ: hlowrd
JavaScript test | ChatGPT
Какие ошибки делают программисты при реализации ООП в JavaScript?
Недостаточность опыта работы с объектно-ориентированным программированием в JavaScript может привести к неправильному использованию концепций, методов или свойств объектов.
В данной статье собрали типичные ошибки в реализации ООП в JS и на конкретных примерах показали, как их вообще не допускать.
🖥 JavaScript test // чат
Недостаточность опыта работы с объектно-ориентированным программированием в JavaScript может привести к неправильному использованию концепций, методов или свойств объектов.
В данной статье собрали типичные ошибки в реализации ООП в JS и на конкретных примерах показали, как их вообще не допускать.
Please open Telegram to view this post
VIEW IN TELEGRAM
🧩Что будет на выходе?
const string = "open sesame";
const result = string.split(" ").map(word => word.length);
console.log(result);
Ответ: [4, 6]
JavaScript test | ChatGPT
const string = "open sesame";
const result = string.split(" ").map(word => word.length);
console.log(result);
Ответ: [4, 6]
JavaScript test | ChatGPT
Тест-викторина на знание основ JavaScript
С помощью этого теста вы сможете определить уровень своих знаний языка JavaScript.
В викторине есть 25 вопросов разного уровня сложности, а в конце вы узнаете свой результат.
🖥 JavaScript test // чат
С помощью этого теста вы сможете определить уровень своих знаний языка JavaScript.
В викторине есть 25 вопросов разного уровня сложности, а в конце вы узнаете свой результат.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔨Что будет на выходе?
const numbers = [1, 2, 3, 4, 5];
const result = numbers.filter(num => num % 2 === 0)
.map(num => num ** 2)
.reduce((acc, val) => acc + val, 0);
console.log(result);
Ответ: 20
JavaScript test | ChatGPT
const numbers = [1, 2, 3, 4, 5];
const result = numbers.filter(num => num % 2 === 0)
.map(num => num ** 2)
.reduce((acc, val) => acc + val, 0);
console.log(result);
Ответ: 20
JavaScript test | ChatGPT
🔥 Прожарка резюме разработчиков
Откликаешься, а в ответ тишина? Или зовут, но предлагают меньше, чем рассчитываешь? Возможно, дело не в навыках, а в резюме.
7 ноября HR Lead ex-Яндекса и разработчики из Wildberries и Uzum разберут реальные резюме в прямом эфире
Что обсудим:
🗓 7 ноября, 13:00 мск
Участие бесплатное
👥 Спикеры:
— Валерия Парунова, HR Lead, ex-Яндекс;
— Виктор Анохин, Java/Kotlin-разработчик в Wildberries, ex-Билайн;
— Сергей Чамкин, Senior в Uzum, ex-Wildberries, проводил технические интервью в EPAM и Wildberries.
Эфир проводит ШОРТКАТ — менторская программа для разработчиков, которые хотят сменить работу или повысить зарплату.
📲 Регистрируйся на эфир в боте → @shortcut_front_bot
Реклама.
О рекламодателе.
Откликаешься, а в ответ тишина? Или зовут, но предлагают меньше, чем рассчитываешь? Возможно, дело не в навыках, а в резюме.
7 ноября HR Lead ex-Яндекса и разработчики из Wildberries и Uzum разберут реальные резюме в прямом эфире
Что обсудим:
✦ что может оттолкнуть рекрутера
✦ как показать свой вклад и результаты
✦ какие формулировки могут занизить грейд
✦ какой уровень отражает опыт кандидата и какие вопросы могут возникнуть у интервьюера
🗓 7 ноября, 13:00 мск
Участие бесплатное
👥 Спикеры:
— Валерия Парунова, HR Lead, ex-Яндекс;
— Виктор Анохин, Java/Kotlin-разработчик в Wildberries, ex-Билайн;
— Сергей Чамкин, Senior в Uzum, ex-Wildberries, проводил технические интервью в EPAM и Wildberries.
Эфир проводит ШОРТКАТ — менторская программа для разработчиков, которые хотят сменить работу или повысить зарплату.
📲 Регистрируйся на эфир в боте → @shortcut_front_bot
Реклама.
О рекламодателе.
100 вопросов с собеседований Middle JavaScript разработчика в 2025 году
Нашёл статью, в которой лежит 100 разнообразных вопросов с собеседований для позиции Middle JavaScript Developer.
Автор добавил подробные объяснения ко всем вопросам, каждый из которых может попасться практически на любом интервью.
🖥 JavaScript test // чат
Нашёл статью, в которой лежит 100 разнообразных вопросов с собеседований для позиции Middle JavaScript Developer.
Автор добавил подробные объяснения ко всем вопросам, каждый из которых может попасться практически на любом интервью.
Please open Telegram to view this post
VIEW IN TELEGRAM