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

админ: @Sadykhzadeh
Download Telegram
🔥 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
😨 Что случилось с Faker.js? Темная сторона Open Source

😳 4-го января разработчик популярной NPM-библиотеки с открытым исходным кодом Faker.js внезапно удалил исходный код с GitHub и NPM.
Впоследствии GitHub заблокировал его аккаунт из-за «нарушений условий предоставления услуг».

💭 Что случилось и кто такой Аарон Шварц? Читайте в статье.
#статья
😢16😱61👍1
JavaScript — советы, модули, гайды
🤔 Какой оператор объявления цикла отсутствует в JavaScript (ECMAScript 2019)?
Anonymous Quiz
14%
for in
46%
repeat
22%
for of
14%
do while
5%
for
👍18😱52😢2🤩2💩2🔥1
JavaScript — советы, модули, гайды
😨 Что случилось с Faker.js? Темная сторона Open Source 😳 4-го января разработчик популярной NPM-библиотеки с открытым исходным кодом Faker.js внезапно удалил исходный код с GitHub и NPM. Впоследствии GitHub заблокировал его аккаунт из-за «нарушений условий…
👀 Faker.js - генерация фейковых данных в браузере и Node.JS
Да-да, это та самая библиотека, которую автор удалил 4-го января в знак памяти Аарона Шварца.

😮 Огромное преимущество faker.js заключается в возможностях генерировать информацию для чего угодно: ФИО, адреса, компании, кредитные карты, названия компаний, время, даже названия животных :)

🔥 Самое интересное — генерировать эти данные можно на более 40 языках мира.

💭 В интересах сообщества было решено, что библиотека будет продолжать поддерживаться в организации “Faker-JS”, где каждый сможет по прежнему внести вклад в проект.

🐙 GitHub: https://github.com/faker-js/faker
🔥17👍4👎21😱1🫡1
🚀 Next.JS — фреймфорк, созданный командой React.JS для функционала, выходящий за предели SPA (Single-Page Application — одностраничные приложения), поддерживающий SSR (Server-Side Rendering — рендеринг на стороне сервера) и грамотную индексацию страниц (SEO-оптимизация).

👀 Разработчики, работающие с комбинацией Next.JS и React.JS, могут значительно упростить процесс разработки интерфейса. Next.JS поставляется с набором замечательных функций, таких как маршрутизация на стороне клиента и автоматическое разделение кода.

🌚 В общем, годнота, а главное, с открытым исходным кодом!💛
🔥21👍7🫡32🤔2😭1