JavaScript localStorage: полное руководство

LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера.

В статье рассказали, как работает и как использовать localStorage

#javascript #веб

​​Реально ли сделать движок для игры от первого лица за 265 строк Javascript?

В этой статье автор рассказал, как с нуля, быстро и без особо сложной математики написать движок для игры от первого лица с помощью приёма raycasting. Возможно, вы видели примеры такой техники в играх Daggerfall и Duke Nukem 3D.

Вот демка

Вот статья

#gamedev #история #javascript #веб

​​Асинхронность в JS: как выполнять долгие сетевые запросы и не блокировать основной поток

В статье простым языком и с примерами кода объяснили, как в синхронном JavaScript вынести операции за рамки единого потока, чтобы не блокировать действие кода после тяжёлых операций: https://habr.com/ru/articles/748660/

#javascript #асинхронность

Изучение Vue.js в 2023 году: дорожная карта разработчика

Изучение Vue.js стоит начать с того, что это популярный JavaScript-фреймворк для создания пользовательских интерфейсов. Ядро Vue включает в себя библиотеку ядра и маршрутизатор, а сам фреймворк пригоден для постепенного внедрения, в отличие от аналогов-монолитов.

А дорожная карта для поможет выбрать, что и зачем учить в 2023 году: https://tproger.ru/articles/izuchenie-vue-js-v-2021-godu-dorozhnaja-karta-razrabotchika/

#javascript #веб

​11 проектов на JavaScript, которые иллюстрируют паттерны проектирования

Принятие правильных решений во время написания кода для веб-приложений  —  задача не всегда простая. Справиться с премудростями программирования позволяют шаблоны проектирования  —  готовые решения для сложных задач.

В статье разобрали 11 паттернов проектирования в JavaScript. Разбор поверхностный, но самое ценное — примеры реализации из реальных проектов: https://nuancesprog.ru/p/15565/

#javascript #паттерны

​За что ненавидят JavaScript?

Среди веб-разработчиков принято шутить над PHP и хоронить язык каждый год, а среди разработчиков в целом принято шутить над JavaScript.

Изучили споры между фанатами и хейтерами JavaScript и разобрались, чем JS заслужил нелюбовь кодеров и справедливы ли нападки: https://tproger.ru/articles/za-chto-nenavidyat-yazyk-programmirovaniya-javascript

#javascript

Разработчики Node.js сообщили о выпуске версии 21

Что нового, вкратце:
— обновили JavaScript-движок V8 до 11.8,
— включили стабильные версии fetch и WebStreams,
— в конце октября Node.js 20 перейдёт в LTS,
— 21 версия будет поддерживаться следующие шесть месяцев.

Основные нововведения:
— fetch и WebStreams получили статус стабильных после недавнего обновления.
— Добавили экспериментальную имплементацию WebSocket, активируется флагом --experimental-websocket.
— Включили JavaScript-движок V8, который поддерживает новые функции и улучшенную производительность.
— Во время запуска тестов теперь можно использовать glob-выражения в параметрах --test.
— Новый экспериментальный флаг --experimental-default-type позволяет изменить систему модулей по умолчанию.
— Если передать флаг --experimental-wasm-modules, то файлы без расширений будут восприниматься как WebAssembly, если они начинаются на \0asm.
— Удалили поддержку globalPreload, вместо этого рекомендуется initialize для установки связи между потоками и register для отправки данных из потока приложения.

Подробнее о нововведениях: https://nodejs.org/en/blog/announcements/v21-release-announce

#javascript #веб #nodejs

Как переписать библиотеку с JavaScript на Rust

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

Именно так и поступил автор статьи и получил программу с производительностью, сравнимой с С++, а типизацией лучше, чем в Java. Тут он рассказал, как у него и его команды получилось ускорить программу в три раза, с какими трудностями они столкнулись во время перехода и какие решения использовали.

#javascript #react

​​Полезная библиотека для понимания работы JS

js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:

https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

@tproger_web #javascript #инструменты

​​Как исполняется код JavaScript и почему эти знания — суперсила веб-разработчиков?

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

Зная тонкости преобразования кода, вы научитесь писать качественные программы, работающие без подвисаний и разумно использующие имеющиеся API. И наконец-то сможете понять, почему JavaScript может показаться странным.

Да, это не самая простая тема. Но вот несколько материалов, которые точно помогут в ней разобраться и здорово прокачать скилл работы c JavaScript:

1. Компактная статья с доступными объяснениями и крутыми анимациями: https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf

2. Серия из 19 статей на русском, после которых у вас точно не останется вопросов: https://habr.com/ru/company/ruvds/blog/337042/

#javascript #веб

Как парсить сайты в обход защиты от парсинга?

На некоторых сайтах работает защита от парсинга и работы ботов с ним. Но есть способы, которые позволяют обойти её и всё-таки добраться до содержимного веб-страниц.

На Хабре есть неплохой гайд. Делимся с вами: https://habr.com/ru/post/710982/

#linux #html #javascript #сsharp