Category : javascript

javascript
Парадокс Монти Холла глазами JavaScript

Я хочу посвятить эту статью известной задаче в математике, относящейся к теории вероятности. Так же мы попытаемся решить эту задачу на JavaScript. Я сразу приступлю к условию задачи.Условие задачиНа картинке видно три двери. За одной из них находится новый автомобиль, а за другими двумя находятся козлы. Чему равна вероятность что за случайно выбранной дверью находится машина? Я думаю что тут всем понятно, что вероятность равна 1/3, или 33.3%. Затем я, как ведущий, попрошу вас выбрать одну из н…

  • воскресенье, 12 ноября 2023 г. в 00:00:15
javascript
Webpack vs esbuild — уже можно использовать в production?

Периодически я пробую разные инструменты, и если они стабильно покрывают все необходимые сценарии - включаю в свою экосистему для коммерческих проектов. С третьего подхода за последние 3 года esbuild, наконец, приблизился по функционалу к Webpack. В статье привожу проблемы, с которыми я столкнулся при миграции, и пути их решения.Что я ожидаю от бандлера?Используя последние ~6 лет Webpack я сильно привязался к его экосистеме и возможностям. В частности, я ожидаю от бандлера:Возможность работы ч…

  • воскресенье, 12 ноября 2023 г. в 00:00:14
javascript
Интерактивный парсер web страниц

Всем привет. Меня зовут Влад и по профессии я Java Backend.Для начала вкратце введу в курс дела. 3 года назад ко мне в голову закралась навязчивая мысль написать интерактивный словарь-помощник для чтения на английском языке. И с тех пор начались мои приключения в мире расширений для браузеров на ядре Chrome'а. Идея была такова. Вот у нас есть страница. Что если её всю спарить и отрисовать каждое слово на ней как интерактивный элемент. Кликаешь на него и слово летит в Wordbook (Аля личный с…

  • воскресенье, 12 ноября 2023 г. в 00:00:14
javascript
Разбор задачи B (Больше, чем музыка) фронтенд — Yandex Cup 2023 квалификация

Оригинальное изображение из задач к Yandex Cup 2023Участие в таких событиях дает неплохой пинок для того, чтобы пощупать даже то, что еще находится на этапе эксперимента в мире JS и не только. Вот и я решил в этом году, все же попробовать решить пару тройку задач. И хочу представить вашему вниманию разбор задачи про экспериментальную фитчу в JS - это стандарт относящийся к декораторам. Вообще я ранее слышал про то, что обсуждается в сообществе возможность применения декораторов нативно, "к…

  • суббота, 11 ноября 2023 г. в 00:00:19
javascript
Путешествие JavaScript-кода через движок V8

С момента своего появления в браузерах, JavaScript зарекомендовал себя как один из самых динамичных и гибких языков программирования. В центре этой динамичности находится движок V8, который превращает скрипты высокого уровня в машинный код, летящий на космических скоростях. Но что на самом деле происходит между строк кода и выполнением программы? Какие механизмы в движке V8 позволяют JavaScript выступать наравне с компилируемыми языками по производительности? И так давайте рассмотрим более под…

  • четверг, 9 ноября 2023 г. в 00:00:17
javascript
Использование Content-Security-Policy вместе с React & Emotion

Content-Security-Policy (CSP) - это HTTP заголовок, который улучшает безопасность веб-приложений за счет запрета небезопасных действий, таких как загрузка и отправка данных на произвольные домены, использование eval, inline-скриптов и т.д. В этой статье будет сделан фокус на директиве style-src и ее использование вместе с CSS-in-JS библиотекой emotion.Кратко о CSP и style-srcContent-Security-Policy заголовок должен быть выставлен в ответе вместе с загружаемой веб-страницей (например, index.htm…

  • вторник, 7 ноября 2023 г. в 00:00:19
javascript
Какие неочевидные темы вспомнить перед собеседованием на Frontend разработчика

С каждым годом собеседования становятся все сложнее и сложнее, а количество вопросов, которые могут спросить, не укладывается в голове.Именно поэтому я решил создать небольшой чеклист, в котором собрал темы, по которым задавали вопросы либо мне, либо моим друзьям задавали на собеседованиях на Frontend разработчика. Эти темы почти не попадаются в стандартных списках по подготовке к собеседованиям, поэтому я решил сделать свой.Приложу ссылочки ко всем топикам, про которые буду рассказывать, так …

  • понедельник, 6 ноября 2023 г. в 00:00:17
javascript
Что такое деление по модулю в JavaScript?

Modulo operatorОт переводчикаВсем привет, меня зовут Максим Иванов, я Frontend-разработчик, и когда-то мы с другом писали переводы на Хабрахабр. Было интересно, но в какой-то момент я прекратил эту деятельность. Спустя 5 лет я решил снова попробовать писать про мою любимую профессию. Сегодня поговорим о математическом операторе в JavaScript, который представляет из себя символ процента.1. ВведениеКогда я впервые столкнулся с оператором Modulo (%), я ничего не понял 😬. Тогда я учился в 9 класс…

  • воскресенье, 5 ноября 2023 г. в 00:00:20
javascript
Разработка браузерных игр с использованием Phaser3, React, Typescript

Думаю, ни для кого не секрет, что каждый уважающий себя разработчик программного обеспечения должен иметь в своем портфолио хотя бы один пет-проект, а лучше полноценный продукт, дающий дополнительный постоянный заработок. Предметных областей и тематик приложений великое множество, но среди них есть одна, которая заслуживает отдельного внимания — разработка своей собственной игры.Преимущества разработки игрПрежде всего, следует понимать, что разработка игр достаточно трудоемкий процесс. Как пра…

  • суббота, 4 ноября 2023 г. в 00:00:16