Гайды по JavaScript | Программирование
8.16K subscribers
3.16K photos
76 videos
20 files
3.21K links
Наглядные и доступные гайды в картинках по языку программирования JavaScript

Связь: @devmangx
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Эта библиотека компонентов забита офигенными анимированными компонентами

Она опенсорсная, с современными UI-элементами, которые моментально делают сайт премиальным и интерактивным :)

Надеюсь, будет полезно

https://scrollx-ui.vercel.app/

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Очень полезное расширение для VS Code

Позволяет сгенерировать дерево файлов проекта в разных форматах — JSON, SVG, Markdown или ASCII, с иконками или без :)

Гайды по JavaScript | дать буст
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Нужны качественные UI-компоненты для React-проектов

Эта open-source библиотека собрала отличную коллекцию компонентов, каждый с разными вариациями под твои задачи в интерфейсе.

Надеюсь, будет полезно

https://reui.io/
Фишка в TypeScript, которая поднимет код вашей команды на новый уровень

Смотрите продвинутые паттерны в деле

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
TypeScript был создан, чтобы прокачать JavaScript, добавив статическую типизацию

Если давно хотел разобраться с TS, начни с этого handbook от stephenjyd

Ты узнаешь про аннотации типов, type inference, union и any, объекты, параметры функций, type aliases, интерфейсы и многое другое

https://freecodecamp.org/news/learn-typescript-with-react-handbook/

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
В JavaScript у Promise есть несколько часто используемых методов

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2
10 часто используемых команд для работы с файловой системой в Linux

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Этот паттерн в TypeScript сделает твой код лучше:

[C in Union]: Type[C]

Смотри, как это работает

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Не экранируй вручную обратный слэш (\\) — используй String.raw

String.raw — это тег для template literal, который возвращает строку «как есть», без обработки escape-последовательностей вроде \t, \n.
Он воспринимает \ и t как отдельные символы и сам правильно выводит обратный слэш в результате.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Next.js 15.5. TypeScript стал удобнее

Теперь автоматически генерируются глобально доступные типы

Полная типизация параметров
Импорты не нужны

https://nextjs.org/blog/next-15-5

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Выпущена версия Angular 20.2

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Консольные методы JavaScript

- log( )
- error( )
- warn( )
- info( )
- debug( )
- table( )
- group( )
- groupEnd( )
- time()
- timeEnd()
- assert( )
- count( )
- countReset()
- dir( )
- clear( )

Читайте подробнее: https://shefali.dev/javascript-console-methods/

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2
20.2: Используй новый Router Signal

Router.getCurrentNavigation() помечен как deprecated

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по JavaScript

Более простой и понятный способ форматировать длительности с помощью Intl.DurationFormat

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Это инструмент, о котором топ-1% JavaScript-разработчиков не хотят, чтобы ты знал 👀

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

Жаль, что у меня этого не было, когда я только начинал учить JavaScript… это реально даёт более глубокое понимание того, что происходит «под капотом» :)

Источник : jsviz.klve.nl

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2😁1
Манипулирование массивами

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека JavaScript для загрузки файлов на сайт

Называется Uppy, она модульная и с открытым исходным кодом.

✓ Поддерживает drag & drop, загрузку с веб-камеры или по URL
✓ Умеет загружать файлы из Dropbox, Google Drive и других сервисов
✓ Есть интеграции для React, Vue, Angular и Svelte

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM