Типичный программист
81.1K subscribers
3.38K photos
1.13K videos
14 files
7.94K links
Всё самое интересное по программированию

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

VK: vk.com/tproger

Регистрация в перечне РКН: https://tprg.ru/mJwo
Download Telegram
Как переписать библиотеку с JavaScript на Rust

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

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

#javascript #react
👍1.02K464🤣12
Forwarded from Веб-страница
Состоялся релиз Puter — браузерной среды рабочего стола

Разработчики выпустили браузерную среду рабочего стола Puter, которую можно использовать для создания своих веб-проектов.

Puter представляет собой усовершенствованную и быструю среду рабочего стола, которая запускается в браузере. Решение можно кастомизировать под свои задачи.

Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».

Разработчики развернули демоверсию Puter: https://puter.com/

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

Код проекта есть на GitHub: https://github.com/HeyPuter/puter

@tproger_web #javascript #инструменты
👏33👍14👎7😁73🗿2
Forwarded from Веб-страница
​​Полезная библиотека для понимания работы JS

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

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

@tproger_web #javascript #инструменты
👍324🔥2🤣2🙈2👎1🍾1
​​Как исполняется код 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 #веб
👍214😱2
Как парсить сайты в обход защиты от парсинга?

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

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

#linux #html #javascript #сsharp
🔥26👍116😁5👎42
Forwarded from Веб-страница
Алгоритмы на JavaScript

Подборка видеоразборов работы алгоритмов на JavaScript. Полезна всем, кто хочет лучше в них шарить. Здесь разбирается 7 наиболее популярных:

1. Бинарный поиск
2. Рекурсия
3. Хеш-таблицы
4. Обход дерева
5. Связные списки на примере LRU Cache
6. Графы и их обход
7. Рекурсия с мемоизацией для вычисления diff'a текста

Специально для вас скачали их, но если хотите лайкнуть автора, то вот ссылка на плейлист на YouTube.

#видео #алгоритмы #javascript
👍348🔥5😁4
Forwarded from Веб-страница
This media is not supported in your browser
VIEW IN TELEGRAM
У Anime.js вышло крупное обновление

Библиотека для создания сложных анимаций в вебе на чистом JS получила обновление под номером 4.0. Кроме нового номера библиотека обзавелась поддежкой Web Animation API, новой модульной архитектурой, анимацией прокрутки и многим другим.

Все подробности на сайте проекта: https://animejs.com

#новости #библиотека #javascript #animejs
🔥47👍76
Как исполняется код JavaScript

Понимание того, как работает движок, реально помогает писать качественный код без лагов и лишних костылей. Зная, как происходит преобразование, вы сможете гораздо лучше использовать возможности языка — и наконец понять, почему в JavaScript столько «странностей».

Если хотите разобраться в теме глубже, вот подборка отличных материалов:
1️⃣ Краткая статья с классными анимациями
2️⃣ Большой разбор на русском (19 статей, после которых вы станете гуру JS).
3️⃣ Наглядный ресурс для визуализации порядка выполнения JS-кода

#javascript #веб
This media is not supported in your browser
VIEW IN TELEGRAM
9🔥9👍5🆒2👎1
Forwarded from Веб-страница
Тренажёр по промисам

Если вы, как и я, хотите лучше разбираться в промисах в JS, то я к вам с хорошими новостями. Нашёл репозиторий с тренажёром, который поможет отточить навыки. Тут куча упражнений, которые вам помогут. А встроенные тесты сразу покажут результат.

Лежит тут: https://github.com/henriqueinonhe/promises-training

#javascript #тренажер
22👍4🔥4
Forwarded from Веб-страница
This media is not supported in your browser
VIEW IN TELEGRAM
Только посмотрите, что творит эта библиотека

TypeGPU — это модульный и открытый набор инструментов для WebGPU с расширенным выводом типов и возможностью писать шейдеры на TypeScript. То есть вы можете использовать возможности GPU для вашего сайта, не погружаясь в нюансы низкоуровневого API.

Ключевая фишка — директива 'use gpu', которая компилирует JS в WSGL для запуска на графическом процессоре.

Подробнее о библиотеке можно почитать здесь.

#javascript #typescript #библиотека
🤣28👍17🔥4🤯42👏2😱1