JavaScript — советы, модули, гайды
544 subscribers
62 photos
4 videos
1 file
62 links
Всё для JavaScript программиста :3
Готовый код, советы, лайфхаки, годные библиотеки, уроки и многое другое!

админ: @Sadykhzadeh
Download Telegram
⌨️🌐 Microsoft представила веб-версию VS Code

👀 Редактор Visual Studio Code получил «легковесную» онлайновую версию vscode.dev, которая позволяет использовать редактор без установки десктопного приложения.

💭 Для большинства разработчиков это может быть решением для временной обработки файлов, а не для полномасштабного редактирования.
🌐👀 htmlformatter.in — крутой сайт для форматирования кода на JavaScript, HTML, JSON и многие другие языки.
🐙 GitHub опубликовал статью, посвященную Хэллоуину — там собраны 13 коротких, но страшных игр с ссылками на источниками. В этом посте будут упомянуты только 2 из них, написанные на JavaScript/TypeScript.

1️⃣ Q1K3
Сразитесь с ордами монстров в этом замечательном небольшом, но мощном переосмыслении Quake для вашего веб-браузера. Размер игры = 13 Кб🤯

👀 Чит коды:
1) Сделайте себя неуязвимым, закомментировав 116-ую строку файла entity_player.js
2) Увеличьте количество своих патронов, увеличив число в строке 68 в weapon.js

2️⃣ The Maze of Space Goblins
Лабиринт космических гоблинов — гибридная игра в стиле "Sokoban Match-3", которая обеспечивает веселый, захватывающий и увлекательный кофе-брейк (или обеденный перерыв в зависимости от того, насколько вы хороши🌚😅).

👀 Чит код: перейдите на девятый уровень, изменив startIndex на номер уровня в 48-ой строке кода в game.ts.

Ах да, с Хэллоуином!🎃🌚
Много JavaScript-а не бывает😁🌚
JavaScript — советы, модули, гайды
😳 Какой будет вывод кода ниже?

let a = (2,5 - 1); console.log(a);
🤯Разбираем вчерашний опрос | Рубрика "А Вы Знали?"

📊Всего в опросе участвовало 350 человек, 12 из которых (4%) ответили на вопрос верно.

💭Решение очевидное: основной момент в примере квиза — запись числа '2,5' при помощи запятой, которая, согласно спецификации языка, является оператором. Он выполняет каждый операнд слева направо (в нашем случае это '2' и '5 - 1'), а затем возвращает значение последнего операнда, то есть число 4.

Вот так вот🌚
#аВыЗнали
🌐 Vieb — браузер, вдохновлённый Vim-ом.

💭 Кроссплатформенный браузер, написанный на Node.JS (Electron) и созданный для фанатов консольного редактора кода Vim.
Иначе говоря, Vieb (Vim Inspired Electron Browser) имеет примерно те же бинды/шорткаты, что и Vim.

🐙 Исходный код проекта открыт, и доступен в GitHub по данной ссылке.
🌚 Где-то сейчас заплакали фанаты Emacs-а))
💛🌚 Уверен, каждый подписчик этого канала поспорил бы)
1
JavaScript — советы, модули, гайды
🧐 Сколько параметров можно передать функции в JavaScript?
🌚 Прошлый опрос был лёгкий, да?) Ну хорошо, тогда ответьте, какой будет ответ в коде ниже?

let a = '2' * '3' + '4'; console.log(a);
Anonymous Quiz
4%
27
22%
10
31%
64
16%
NaN
26%
В коде ошибка, наес троллишь🌚
1
🤯 Топ 3 дорогих доменных имён мира
👍2🔥1
⚡️ Определить скорость интернета | Рубрика "А Вы Знали?"

😃 Определить скорость интернета пользователя на JavaScript нетрудно, благодаря объекту navigator. В ответ мы получаем число в Мбит.

🤔 Зачем? Ну, например, если Вы знаете, что скорость интернета пользователя ниже 5мб/с, то сайт не будет грузить картинки или какие-то данные, которые будут грузиться у юзера долго.

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

🌚 Надеюсь у Вас тоже крутой интернет :3
#аВыЗнали
JavaScript — советы, модули, гайды
🌚 Прошлый опрос был лёгкий, да?) Ну хорошо, тогда ответьте, какой будет ответ в коде ниже?

let a = '2' * '3' + '4'; console.log(a);
👀 Предыдущие два опроса оказались ерундой для большинства. Ладно.... А какой будет вывод в данном коде?

console.log(null instanceof Object);
Final Results
24%
null
18%
Object
21%
true
23%
false
6%
1
8%
'instanceof'
👍1
JavaScript — советы, модули, гайды
👀 Предыдущие два опроса оказались ерундой для большинства. Ладно.... А какой будет вывод в данном коде?

console.log(null instanceof Object);
💡Пояснение вчерашнего опроса (Ответ: false)

💭 Оператор 'instanceof' проверяет, присутствует ли объект 'Object.prototype' в цепочке прототипов 'null'. Поначалу кажется, что конечно присутствует, ведь все объекты в JavaScript являются потомками 'Object' (к тому же операция 'typeof null' вернет 'object', что как бы намекает на результат).

🤭 Но увы - перед вами один из немногих сбивающих с толку багов языка. По факту 'null' примитивный тип и не наследуется от 'Object'.

Теперь живите с этим🌚
JavaScript — советы, модули, гайды
⚡️ Определить скорость интернета | Рубрика "А Вы Знали?" 😃 Определить скорость интернета пользователя на JavaScript нетрудно, благодаря объекту navigator. В ответ мы получаем число в Мбит. 🤔 Зачем? Ну, например, если Вы знаете, что скорость интернета пользователя…
👨🏻‍💻Массивы в JavaScript — push(), pop(), shift() и unshift() | Рубрика "А Вы Знали?"

👀 Метод push() позволяет добавлять элементы к концу, pop()удалять последний элемент. Метод shift() удаляет первый элемент, unshift() же добавляет один или более элементов в начало массива.

💭 Как Вы могли заметить в коде выше, методы pop() и shift() возвращают добавленный/удалённый элемент, а unshift() размер массива.

Обязательно опробуйте попрактиковаться😉
#аВыЗнали
This media is not supported in your browser
VIEW IN TELEGRAM
😍 Приятная анимация системы оценки, как на GitHub

🔗 Codepen проекта тут: https://codepen.io/aaroniker/pen/BaZJMjv
🛍 Medusa крутой headless движок, использующий стек Node.JS + PostrgeSQL + Redis для e-Commerce продуктов.

🔥 Из коробки готовы ВСЁ необходимое для создания коммерческого продукта, готового к продакшену.

😮 Более того, есть Gatsby и Next.JS стартеры, что позволяет собрать полноценный коммерческий продукт в наикратчайшие сроки.

💛 Важно, что это open-source решение, доступное на GitHub по данной ссылке :)
👍 Better Comments — иной уровень комментирования кода

🤔 Вы наверняка сталкивались с проблемой, когда трудно найти комментарий к коду, написанный когда-то давно. Возможно, это происходит из-за того, что размер кода с каждым разом становится всё больше и больше.
🔥 VSCode расширение Better Comments позволяет выделять комментарии разными цветами в зависимости от необходимости.

💭 Если вы работаете над кодом в команде, то у вас будет больше шансов привлечь внимание других разработчиков к важным комментариям, начинающимся с ! или ?.
Кстати, расширение доступно в GitHub💛