⌨️🌐 Microsoft представила веб-версию VS Code
👀 Редактор Visual Studio Code получил «легковесную» онлайновую версию vscode.dev, которая позволяет использовать редактор без установки десктопного приложения.
💭 Для большинства разработчиков это может быть решением для временной обработки файлов, а не для полномасштабного редактирования.
👀 Редактор Visual Studio Code получил «легковесную» онлайновую версию vscode.dev, которая позволяет использовать редактор без установки десктопного приложения.
💭 Для большинства разработчиков это может быть решением для временной обработки файлов, а не для полномасштабного редактирования.
JavaScript — советы, модули, гайды
🤔Верно ли неравенство — "ёжик" > "яблоко"?
🌝 Какая арифметическая операция приводит к ошибке в JavaScript?
Anonymous Quiz
35%
Деление на ноль.
16%
Умножение числа на строку.
10%
Корень из отрицательного числа.
13%
Все из вышеперечисленных.
26%
Никакая из вышеперечисленных.
🤯1
🌐👀 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.
Ах да, с Хэллоуином!🎃🌚
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);
let a = (2,5 - 1); console.log(a);
Final Results
52%
1,5
8%
1,4
25%
"2,5-1"
1%
5
3%
4
11%
NaN
JavaScript — советы, модули, гайды
😳 Какой будет вывод кода ниже?
let a = (2,5 - 1); console.log(a);
let a = (2,5 - 1); console.log(a);
🤯Разбираем вчерашний опрос | Рубрика "А Вы Знали?"
📊Всего в опросе участвовало 350 человек, 12 из которых (4%) ответили на вопрос верно.
💭Решение очевидное: основной момент в примере квиза — запись числа '2,5' при помощи запятой, которая, согласно спецификации языка, является оператором. Он выполняет каждый операнд слева направо (в нашем случае это '2' и '5 - 1'), а затем возвращает значение последнего операнда, то есть число 4.
Вот так вот🌚
#аВыЗнали
📊Всего в опросе участвовало 350 человек, 12 из которых (4%) ответили на вопрос верно.
💭Решение очевидное: основной момент в примере квиза — запись числа '2,5' при помощи запятой, которая, согласно спецификации языка, является оператором. Он выполняет каждый операнд слева направо (в нашем случае это '2' и '5 - 1'), а затем возвращает значение последнего операнда, то есть число 4.
Вот так вот🌚
#аВыЗнали
🌐 Vieb — браузер, вдохновлённый Vim-ом.
💭 Кроссплатформенный браузер, написанный на Node.JS (Electron) и созданный для фанатов консольного редактора кода Vim.
Иначе говоря, Vieb (Vim Inspired Electron Browser) имеет примерно те же бинды/шорткаты, что и Vim.
🐙 Исходный код проекта открыт, и доступен в GitHub по данной ссылке.
🌚 Где-то сейчас заплакали фанаты Emacs-а))
💭 Кроссплатформенный браузер, написанный на Node.JS (Electron) и созданный для фанатов консольного редактора кода Vim.
Иначе говоря, Vieb (Vim Inspired Electron Browser) имеет примерно те же бинды/шорткаты, что и Vim.
🐙 Исходный код проекта открыт, и доступен в GitHub по данной ссылке.
🌚 Где-то сейчас заплакали фанаты Emacs-а))
JavaScript — советы, модули, гайды
😳 Какой будет вывод кода ниже?
let a = (2,5 - 1); console.log(a);
let a = (2,5 - 1); console.log(a);
🧐 Сколько параметров можно передать функции в JavaScript?
Anonymous Quiz
19%
Сколько указано в определении функции или меньше.
9%
Сколько указано в определении функции или больше.
17%
Ровно столько, сколько указано в определении функции.
41%
Любое количество.
14%
Параметры? Кажись что-то ты там втираешь нам...))0)
JavaScript — советы, модули, гайды
🧐 Сколько параметров можно передать функции в JavaScript?
🌚 Прошлый опрос был лёгкий, да?) Ну хорошо, тогда ответьте, какой будет ответ в коде ниже?
let a = '2' * '3' + '4'; console.log(a);
let a = '2' * '3' + '4'; console.log(a);
Anonymous Quiz
4%
27
22%
10
31%
64
16%
NaN
26%
В коде ошибка, наес троллишь🌚
❤1
⚡️ Определить скорость интернета | Рубрика "А Вы Знали?"
😃 Определить скорость интернета пользователя на JavaScript нетрудно, благодаря объекту
🤔 Зачем? Ну, например, если Вы знаете, что скорость интернета пользователя ниже 5мб/с, то сайт не будет грузить картинки или какие-то данные, которые будут грузиться у юзера долго.
❗️ Применений много, но важно помнить, что на текущий момент это экспериментальная технология, несмотря на то, что поддерживается популярными браузерами.
🌚 Надеюсь у Вас тоже крутой интернет :3
#аВыЗнали
😃 Определить скорость интернета пользователя на JavaScript нетрудно, благодаря объекту
navigator. В ответ мы получаем число в Мбит.🤔 Зачем? Ну, например, если Вы знаете, что скорость интернета пользователя ниже 5мб/с, то сайт не будет грузить картинки или какие-то данные, которые будут грузиться у юзера долго.
❗️ Применений много, но важно помнить, что на текущий момент это экспериментальная технология, несмотря на то, что поддерживается популярными браузерами.
🌚 Надеюсь у Вас тоже крутой интернет :3
#аВыЗнали
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%
🤔 Код даст ошибку