JavaScript — советы, модули, гайды

Логотип телеграм канала @xo_js — JavaScript — советы, модули, гайды J
Логотип телеграм канала @xo_js — JavaScript — советы, модули, гайды
Адрес канала: @xo_js
Категории: Технологии
Язык: Русский
Количество подписчиков: 806
Описание канала:

Всё для JavaScript программиста :3
Готовый код, советы, лайфхаки, годные библиотеки, уроки и многое другое!

Рейтинги и Отзывы

4.50

2 отзыва

Оценить канал xo_js и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

1

4 звезд

1

3 звезд

0

2 звезд

0

1 звезд

0


Последние сообщения

5 фев 2022
Next.JS — фреймфорк, созданный командой React.JS для функционала, выходящий за предели SPA (Single-Page Application — одностраничные приложения), поддерживающий SSR (Server-Side Rendering — рендеринг на стороне сервера) и грамотную индексацию страниц (SEO-оптимизация).

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

В общем, годнота, а главное, с открытым исходным кодом!
601 viewsedited  11:02
Подробнее
Поделиться:
Открыть/Комментировать
3 фев 2022
Сколько будет 10000000000000000 + 1, по версии JavaScript?
Anonymous Quiz
40%
"Memory Overflow Error"
41%
10000000000000001
11%
10000000000000000
9%
Ничего.
327 voters400 views18:08
Подробнее
Поделиться:
Открыть/Комментировать
10 янв 2022
Что случилось с Faker.js? Темная сторона Open Source 4-го января разработчик популярной NPM-библиотеки с открытым исходным кодом Faker.js внезапно удалил исходный код с GitHub и NPM. Впоследствии GitHub заблокировал его аккаунт из-за «нарушений условий…
425 views13:01
Подробнее
Поделиться:
Открыть/Комментировать
10 янв 2022
Какой оператор объявления цикла отсутствует в JavaScript (ECMAScript 2019)?
Anonymous Quiz
12%
for in
48%
repeat
21%
for of
14%
do while
5%
for
283 voters510 views09:48
Подробнее
Поделиться:
Открыть/Комментировать
9 янв 2022
Что случилось с Faker.js? Темная сторона Open Source 4-го января разработчик популярной NPM-библиотеки с открытым исходным кодом Faker.js внезапно удалил исходный код с GitHub и NPM. Впоследствии GitHub заблокировал его аккаунт из-за «нарушений условий…
Считаете ли Вы, что GitHub поступил правильно по отношению к разработчику Faker.JS, заблокировав его аккаунт?
Anonymous Poll
34%
Да
66%
Нет
151 voters329 views14:00
Подробнее
Поделиться:
Открыть/Комментировать
9 янв 2022
Что случилось с Faker.js? Темная сторона Open Source

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

Что случилось и кто такой Аарон Шварц? Читайте в статье.
#статья
399 views13:40
Подробнее
Поделиться:
Открыть/Комментировать
8 янв 2022
Триады в JavaScript | Рубрика "А Вы Знали?"

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

Подобное разделение заметно улучшит читабельность кода, особенно во время записи большого числа в виде литерала.
#аВыЗнали
333 views15:32
Подробнее
Поделиться:
Открыть/Комментировать
7 янв 2022
Какой вывод будет в консоли?

let X = ‘@xo_js’; console.log(X instanceof String);
Anonymous Quiz
19%
'This is string'
57%
true
16%
false
8%
1
313 voters568 views15:14
Подробнее
Поделиться:
Открыть/Комментировать
31 дек 2021
Поздравляю всех с наступающим новым 2022-ым годом!

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

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

С праздником!
357 views15:02
Подробнее
Поделиться:
Открыть/Комментировать
27 дек 2021
Пришло время выбрать свою сторону, выбирай.
Anonymous Poll
20%
TypeScript
80%
JavaScript
274 voters340 views15:07
Подробнее
Поделиться:
Открыть/Комментировать
16 дек 2021
dum — утилита, созданный с целью заменить команду npm run и npx для прироста скорости.

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

Устанавливается одной командой (macOS пользователи могут также скачать утилиту через Homebrew)
387 viewsedited  10:43
Подробнее
Поделиться:
Открыть/Комментировать
9 дек 2021
Эх, вот бы много деняг быстро...
473 views13:57
Подробнее
Поделиться:
Открыть/Комментировать
9 дек 2021
Так... какой результат вернет данный код?

console.info(typeof typeof 1);
Anonymous Quiz
15%
"number"
24%
"string"
27%
"typeof 1"
17%
"object"
18%
"undefined"
315 voters579 views10:37
Подробнее
Поделиться:
Открыть/Комментировать
7 дек 2021
Наконец-то в Telegram появятся нативные реакции на сообщения, посты и комментарии.

Однако забавно будут выглядеть старые посты, к которым я прикручивал реакции через бота))
372 views15:40
Подробнее
Поделиться:
Открыть/Комментировать
7 дек 2021
Всегда используйте use strict; | Рубрика "А Вы Знали?"

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

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

Каждый современный браузер поддерживает строгий режим на протяжении многих лет. Браузер, не поддерживающий строгий режим, будет попросту игнорировать его.
#аВыЗнали
407 views14:03
Подробнее
Поделиться:
Открыть/Комментировать
6 дек 2021
Анимированные карточки для погоды

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

Выглядит однозначно красиво!)
327 views17:20
Подробнее
Поделиться:
Открыть/Комментировать
4 дек 2021
​Depp позволяет разработчикaм быстро найти дублированные и/или неиспользуемые пакеты, а затем удалить их.

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

Проект написан на Golang, из-за чего данный инструмент намного быстрее своих конкурентов.
Ну и самое главное — проект имеет открытый исходный код.
608 views14:06
Подробнее
Поделиться:
Открыть/Комментировать
29 ноя 2021
Сделать параметр функции обязательным | Рубрика "А Вы Знали?"

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

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

Эпично
#аВыЗнали
362 views16:17
Подробнее
Поделиться:
Открыть/Комментировать
26 ноя 2021
Google ZX - пиши скрипты на JavaScript вместо Bash

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

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

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

Крутая годнота от Google, имеющая открытый исходный код
278 views15:53
Подробнее
Поделиться:
Открыть/Комментировать
21 ноя 2021
Что код выведет в консоли?

console.log(new Date(2021,1,1) === new Date(2021,1,1))
Anonymous Quiz
41%
true
37%
false
22%
Код даст ошибку
191 voters330 views10:19
Подробнее
Поделиться:
Открыть/Комментировать
18 ноя 2021
Better Comments — иной уровень комментирования кода

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

Если вы работаете над кодом в команде, то у вас будет больше шансов привлечь внимание других разработчиков к важным комментариям, начинающимся с ! или ?.
Кстати, расширение доступно в GitHub
555 views17:22
Подробнее
Поделиться:
Открыть/Комментировать
14 ноя 2021
Чему равна переменная i в конце кода?

for(let i=0; i<10; i++) { console.log(i);}
Anonymous Quiz
13%
undefined
48%
9
22%
10
9%
0
8%
Ничему
478 voters1.0K views15:39
Подробнее
Поделиться:
Открыть/Комментировать
13 ноя 2021
Medusa — крутой headless движок, использующий стек Node.JS + PostrgeSQL + Redis для e-Commerce продуктов.

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

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

Важно, что это open-source решение, доступное на GitHub по данной ссылке :)
1.1K views14:55
Подробнее
Поделиться:
Открыть/Комментировать
13 ноя 2021
Приятная анимация системы оценки, как на GitHub

Codepen проекта тут: https://codepen.io/aaroniker/pen/BaZJMjv
878 views11:24
Подробнее
Поделиться:
Открыть/Комментировать
12 ноя 2021
Массивы в JavaScript — push(), pop(), shift() и unshift() | Рубрика "А Вы Знали?"

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

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

Обязательно опробуйте попрактиковаться
#аВыЗнали
929 views10:34
Подробнее
Поделиться:
Открыть/Комментировать
8 ноя 2021
Пояснение вчерашнего опроса (Ответ: false)

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

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

Теперь живите с этим
1.8K viewsedited  19:18
Подробнее
Поделиться:
Открыть/Комментировать
7 ноя 2021
Предыдущие два опроса оказались ерундой для большинства. Ладно.... А какой будет вывод в данном коде?

console.log(null instanceof Object);
Final Results
24%
null
18%
Object
21%
true
23%
false
6%
1
8%
'instanceof'
254 voters1.6K views18:35
Подробнее
Поделиться:
Открыть/Комментировать
6 ноя 2021
Определить скорость интернета | Рубрика "А Вы Знали?"

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

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

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

Надеюсь у Вас тоже крутой интернет :3
#аВыЗнали
1.2K views15:10
Подробнее
Поделиться:
Открыть/Комментировать
6 ноя 2021
Топ 3 дорогих доменных имён мира
942 views09:57
Подробнее
Поделиться:
Открыть/Комментировать
5 ноя 2021
Прошлый опрос был лёгкий, да?) Ну хорошо, тогда ответьте, какой будет ответ в коде ниже?

let a = '2' * '3' + '4'; console.log(a);
Anonymous Quiz
5%
27
22%
10
32%
64
16%
NaN
25%
В коде ошибка, наес троллишь
451 voters959 views18:29
Подробнее
Поделиться:
Открыть/Комментировать