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

Связь: @devmangx
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
VS Code Хак

Устали постоянно набирать console.log()?

Настройте свой шорткат, например ccconsole.log(), срабатывающий при нажатии Tab 😎

Смотрите видео с пошаговой демонстрацией.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Этот сайт просто топ для разработчиков 🔥

Там собрано больше 1400 открытых API, которые можно использовать для реальных проектов и прокачки своих скиллов.

Сохрани себе на потом

https://publicapis.dev/

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
НАКОНЕЦ-ТО! 👍

В VSCode добавили то, чего давно не хватало. Checkpoints для восстановления состояния чата и кода в любой момент.

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

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Команда bun build --compile позволяет собирать автономные исполняемые файлы из TS/JS

Она пакует все импортированные файлы и пакеты вместе с рантаймом Bun в один бинарник

кросс-компиляция для Linux, macOS и Windows
встраивание файлов, SQLite, Workers
поддержка полноценных full-stack приложений (сервер + клиентский код)

более подробная информация и примеры → https://bun.com/docs/bundler/executables

👉 Гайды по 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
This media is not supported in your browser
VIEW IN TELEGRAM
Чтобы научиться программировать, нужно ПРАКТИКОВАТЬСЯ

Практические проекты на JavaScript с нуля

✓ Бесплатно
✓ Открытый исходный код
✓ Без зависимостей и фреймворков

https://www.javascript100.dev/

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

Этот курс проведет вас через весь процесс.

Вы будете использовать React-Native для фронт-энда, Supabase для бэк-энда, а также развернете приложение.

https://freecodecamp.org/news/mobile-app-development-course-with-react-native-supabase-nextjs/

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Если функция принимает несколько параметров одного типа

🟡Есть риск случайно передать аргументы в неправильном порядке

Типы нас от этого не спасут

Вместо этого

🟢Принимай объект

3 простых правила для лучшего нейминга

Классы — используем существительные

class MapPaymentMethod
class PaymentMethodMapper

Функции — используем глаголы

emailSend()
sendEmail()

Булевы переменные — используем прилагательные

active
isActive

Маленькое изменение → большой эффект

👉 Гайды по 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
Не пишите setTimeout в коде фронтенда!!!

Подобные хаки делают код труднообъяснимым и вводят условия гонки

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Chrome только что добавил ИИ в DevTools

Пишешь промпт → он сразу меняет твой сайт и выдаёт код.

Веб-разработка вышла на новый уровень

Огромное спасибо команде ChromiumDev за то, что сделали это возможным

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
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