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

админ: @Sadykhzadeh
Download Telegram
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💛
🔥 Google ZX - пиши скрипты на JavaScript вместо Bash

👀 С помощью Google ZX, разработчики могут без проблем писать bash-скрипты с JavaScript синтаксисом.

👍 Устанавливается с помощью одной команды (npm i -g zx).

💭 Разработчики Google об этом инструменте:
“Bash - это здорово, но когда дело доходит до написания сценариев, люди обычно выбирают более удобный язык программирования. Пакет zx предоставляет полезные оболочки для child_process, экранирует аргументы и предоставляет необходимые значения по умолчанию.“

🌚 Крутая годнота от Google, имеющая открытый исходный код💛
JavaScript — советы, модули, гайды
👨🏻‍💻Массивы в JavaScript — push(), pop(), shift() и unshift() | Рубрика "А Вы Знали?" 👀 Метод push() позволяет добавлять элементы к концу, pop() — удалять последний элемент. Метод shift() удаляет первый элемент, unshift() же добавляет один или более элементов…
🔥 Сделать параметр функции обязательным | Рубрика "А Вы Знали?"

💡 Код на картинке позволяет различать нужные параметры функции от тех, которые можно опускать.

💭 При отсутствии параметра код выводит ошибку, которая может быть кастомизирована как угодно.

Эпично🌚
#аВыЗнали
🧹 ​Depp позволяет разработчикaм быстро найти дублированные и/или неиспользуемые пакеты, а затем удалить их.

👀 Устанавливается просто (npm install -g depp-installer), запускается через одну команду depp в папке проекта.
По умолчанию утилита работает с .ts/.tsx-файлами, команда depp -j работает с .js/.mjs файлами.

⚡️ Проект написан на Golang, из-за чего данный инструмент намного быстрее своих конкурентов.
💛 Ну и самое главное — проект имеет открытый исходный код.
1👍1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Анимированные карточки для погоды

👀 Логика переключения карточек реализована в JavaScript, за анимации помимо разработчика стоит похвалить библиотеку TweenMax.

🤤 Выглядит однозначно красиво!)
5🤩3
JavaScript — советы, модули, гайды
🔥 Сделать параметр функции обязательным | Рубрика "А Вы Знали?" 💡 Код на картинке позволяет различать нужные параметры функции от тех, которые можно опускать. 💭 При отсутствии параметра код выводит ошибку, которая может быть кастомизирована как угодно. …
Всегда используйте use strict; | Рубрика "А Вы Знали?"

❗️ Настоятельно рекомендую включение строгого режима, который помогает разработчикам писать более безопасный код. Для включения достаточно прописать "use strict;" в начале JavaScript файла.

💪 Строгий режим:
выдает ошибки для некоторых ошибок, которые раньше игнорировались.
выдает ошибки при выполнении "небезопасных" действий (таких как получение доступа к глобальному объекту).
запрещает использование зарезервированных слов, которые, вероятно, будут определены в будущих версиях

💭 Каждый современный браузер поддерживает строгий режим на протяжении многих лет. Браузер, не поддерживающий строгий режим, будет попросту игнорировать его.
#аВыЗнали
5👍2
🌚 Наконец-то в Telegram появятся нативные реакции на сообщения, посты и комментарии.

Однако забавно будут выглядеть старые посты, к которым я прикручивал реакции через бота))
🔥6😂2🎉1🤩1
dum — утилита, созданный с целью заменить команду npm run и npx для прироста скорости.

🔥 Инструмент написан на Rust, что позволяет ему выполнять запуск Node.JS проекта как минимум в 5, а то и больше раз быстрее.

💭 Устанавливается одной командой (macOS пользователи могут также скачать утилиту через Homebrew)
👍41
😎 Пришло время выбрать свою сторону, выбирай.
Anonymous Poll
25%
💙 TypeScript
75%
💛 JavaScript
🔥8💩8👍5💅1
🎉 Поздравляю всех с наступающим новым 2022-ым годом!

💭 Желаю каждому смелых идей, новых знаний в JavaScript (и не только), ошеломляющего успеха во всём!
Чтобы не было лагов, чтобы баги всегда оборачивались фичами, чтобы заказы и проекты шли рекой и всё получалось)

💛 СПАСИБО за подписку на @xo_js, за 1000 подписчиков и за топ-1000 лучших каналов в категории “Технологии” в этом году! Мы не остановимся на этом, здесь будет больше крутого JavaScript контента, благодаря Вам :3

🥂 С праздником!
👍10
JavaScript — советы, модули, гайды
Какой вывод будет в консоли?

let X = ‘@xo_js’; console.log(X instanceof String);
Anonymous Quiz
21%
'This is string'
55%
true
15%
false
8%
1
😁15😱12😢12👍6👎3🔥3🎉3🤩2
JavaScript — советы, модули, гайды
Всегда используйте use strict; | Рубрика "А Вы Знали?" ❗️ Настоятельно рекомендую включение строгого режима, который помогает разработчикам писать более безопасный код. Для включения достаточно прописать "use strict;" в начале JavaScript файла. 💪 Строгий…
🌚 Триады в JavaScript | Рубрика "А Вы Знали?"

😮 Не только в Python, но и в JavaScript триады можно разделять при помощи символа “_”.

💭 Подобное разделение заметно улучшит читабельность кода, особенно во время записи большого числа в виде литерала.
#аВыЗнали
👍20🔥3👎1😁1🤩1