JavaScript — советы, модули, гайды
🌚 Прошлый опрос был лёгкий, да?) Ну хорошо, тогда ответьте, какой будет ответ в коде ниже?
let a = '2' * '3' + '4'; console.log(a);
let a = '2' * '3' + '4'; console.log(a);
👀 Предыдущие два опроса оказались ерундой для большинства. Ладно.... А какой будет вывод в данном коде?
console.log(null instanceof Object);
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);
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
🔗 Codepen проекта тут: https://codepen.io/aaroniker/pen/BaZJMjv
🛍 Medusa — крутой headless движок, использующий стек Node.JS + PostrgeSQL + Redis для e-Commerce продуктов.
🔥 Из коробки готовы ВСЁ необходимое для создания коммерческого продукта, готового к продакшену.
😮 Более того, есть Gatsby и Next.JS стартеры, что позволяет собрать полноценный коммерческий продукт в наикратчайшие сроки.
💛 Важно, что это open-source решение, доступное на GitHub по данной ссылке :)
🔥 Из коробки готовы ВСЁ необходимое для создания коммерческого продукта, готового к продакшену.
😮 Более того, есть Gatsby и Next.JS стартеры, что позволяет собрать полноценный коммерческий продукт в наикратчайшие сроки.
💛 Важно, что это open-source решение, доступное на GitHub по данной ссылке :)
JavaScript — советы, модули, гайды
👀 Предыдущие два опроса оказались ерундой для большинства. Ладно.... А какой будет вывод в данном коде?
console.log(null instanceof Object);
console.log(null instanceof Object);
📊 Чему равна переменная i в конце кода?
for(let i=0; i<10; i++) { console.log(i);}
for(let i=0; i<10; i++) { console.log(i);}
Anonymous Quiz
13%
undefined
47%
9
22%
10
9%
0
9%
Ничему
👍 Better Comments — иной уровень комментирования кода
🤔 Вы наверняка сталкивались с проблемой, когда трудно найти комментарий к коду, написанный когда-то давно. Возможно, это происходит из-за того, что размер кода с каждым разом становится всё больше и больше.
🔥 VSCode расширение Better Comments позволяет выделять комментарии разными цветами в зависимости от необходимости.
💭 Если вы работаете над кодом в команде, то у вас будет больше шансов привлечь внимание других разработчиков к важным комментариям, начинающимся с
Кстати, расширение доступно в GitHub💛
🤔 Вы наверняка сталкивались с проблемой, когда трудно найти комментарий к коду, написанный когда-то давно. Возможно, это происходит из-за того, что размер кода с каждым разом становится всё больше и больше.
🔥 VSCode расширение Better Comments позволяет выделять комментарии разными цветами в зависимости от необходимости.
💭 Если вы работаете над кодом в команде, то у вас будет больше шансов привлечь внимание других разработчиков к важным комментариям, начинающимся с
! или ?. Кстати, расширение доступно в GitHub💛
JavaScript — советы, модули, гайды
📊 Чему равна переменная i в конце кода?
for(let i=0; i<10; i++) { console.log(i);}
for(let i=0; i<10; i++) { console.log(i);}
👀 Что код выведет в консоли?
console.log(new Date(2021,1,1) === new Date(2021,1,1))
console.log(new Date(2021,1,1) === new Date(2021,1,1))
Anonymous Quiz
40%
✔️ true
35%
❌ false
25%
🤔 Код даст ошибку
🔥 Google ZX - пиши скрипты на JavaScript вместо Bash
👀 С помощью Google ZX, разработчики могут без проблем писать bash-скрипты с JavaScript синтаксисом.
👍 Устанавливается с помощью одной команды (
💭 Разработчики Google об этом инструменте:
“Bash - это здорово, но когда дело доходит до написания сценариев, люди обычно выбирают более удобный язык программирования. Пакет
🌚 Крутая годнота от Google, имеющая открытый исходный код💛
👀 С помощью 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м быстро найти дублированные и/или неиспользуемые пакеты, а затем удалить их.
👀 Устанавливается просто (
По умолчанию утилита работает с .ts/.tsx-файлами, команда
⚡️ Проект написан на Golang, из-за чего данный инструмент намного быстрее своих конкурентов.
💛 Ну и самое главное — проект имеет открытый исходный код.
👀 Устанавливается просто (
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.
🤤 Выглядит однозначно красиво!)
👀 Логика переключения карточек реализована в JavaScript, за анимации помимо разработчика стоит похвалить библиотеку TweenMax.
🤤 Выглядит однозначно красиво!)
❤5🤩3
JavaScript — советы, модули, гайды
🔥 Сделать параметр функции обязательным | Рубрика "А Вы Знали?" 💡 Код на картинке позволяет различать нужные параметры функции от тех, которые можно опускать. 💭 При отсутствии параметра код выводит ошибку, которая может быть кастомизирована как угодно. …
Всегда используйте use strict; | Рубрика "А Вы Знали?"
❗️ Настоятельно рекомендую включение строгого режима, который помогает разработчикам писать более безопасный код. Для включения достаточно прописать "
💪 Строгий режим:
— выдает ошибки для некоторых ошибок, которые раньше игнорировались.
— выдает ошибки при выполнении "небезопасных" действий (таких как получение доступа к глобальному объекту).
— запрещает использование зарезервированных слов, которые, вероятно, будут определены в будущих версиях
💭 Каждый современный браузер поддерживает строгий режим на протяжении многих лет. Браузер, не поддерживающий строгий режим, будет попросту игнорировать его.
#аВыЗнали
❗️ Настоятельно рекомендую включение строгого режима, который помогает разработчикам писать более безопасный код. Для включения достаточно прописать "
use strict;" в начале JavaScript файла.💪 Строгий режим:
— выдает ошибки для некоторых ошибок, которые раньше игнорировались.
— выдает ошибки при выполнении "небезопасных" действий (таких как получение доступа к глобальному объекту).
— запрещает использование зарезервированных слов, которые, вероятно, будут определены в будущих версиях
💭 Каждый современный браузер поддерживает строгий режим на протяжении многих лет. Браузер, не поддерживающий строгий режим, будет попросту игнорировать его.
#аВыЗнали
❤5👍2
⚡️ dum — утилита, созданный с целью заменить команду
🔥 Инструмент написан на Rust, что позволяет ему выполнять запуск Node.JS проекта как минимум в 5, а то и больше раз быстрее.
💭 Устанавливается одной командой (macOS пользователи могут также скачать утилиту через Homebrew)
npm run и npx для прироста скорости.🔥 Инструмент написан на Rust, что позволяет ему выполнять запуск Node.JS проекта как минимум в 5, а то и больше раз быстрее.
💭 Устанавливается одной командой (macOS пользователи могут также скачать утилиту через Homebrew)
👍4❤1
🔥8💩8👍5💅1
🎉 Поздравляю всех с наступающим новым 2022-ым годом!
💭 Желаю каждому смелых идей, новых знаний в JavaScript (и не только), ошеломляющего успеха во всём!
Чтобы не было лагов, чтобы баги всегда оборачивались фичами, чтобы заказы и проекты шли рекой и всё получалось)
💛 СПАСИБО за подписку на @xo_js, за 1000 подписчиков и за топ-1000 лучших каналов в категории “Технологии” в этом году! Мы не остановимся на этом, здесь будет больше крутого JavaScript контента, благодаря Вам :3
🥂 С праздником!
💭 Желаю каждому смелых идей, новых знаний в JavaScript (и не только), ошеломляющего успеха во всём!
Чтобы не было лагов, чтобы баги всегда оборачивались фичами, чтобы заказы и проекты шли рекой и всё получалось)
💛 СПАСИБО за подписку на @xo_js, за 1000 подписчиков и за топ-1000 лучших каналов в категории “Технологии” в этом году! Мы не остановимся на этом, здесь будет больше крутого JavaScript контента, благодаря Вам :3
🥂 С праздником!
👍10
JavaScript — советы, модули, гайды
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 триады можно разделять при помощи символа “_”.
💭 Подобное разделение заметно улучшит читабельность кода, особенно во время записи большого числа в виде литерала.
#аВыЗнали
😮 Не только в Python, но и в JavaScript триады можно разделять при помощи символа “_”.
💭 Подобное разделение заметно улучшит читабельность кода, особенно во время записи большого числа в виде литерала.
#аВыЗнали
👍20🔥3👎1😁1🤩1