JavaScript Ready | Frontend
7.28K subscribers
591 photos
25 videos
201 links
Авторский канал по разработке на JavaScript.
Ресурсы, обучения, задачи, шпаргалки.
Ежедневно информация пополняется!

Автор: @energy_it

Реклама на бирже:
https://telega.in/c/javascript_readyy
Download Telegram
📱 Строим мини-аналитику автопарка!

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

В этой задаче:
Используем классы и шаблонные строки для генерации данных;

Применяем Map для группировки по регионам;

Считаем средний год и возраст машин с помощью reduce и сортировки.


Эта задача показывает, как из набора простых данных получить структурированный аналитический отчёт буквально в несколько строк кода.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍107🔥6
👍18😁11🔥72
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Javascript - С помощью понятных картинок и коротких видео  авторы объясняют сложные концепции и учат работать профессиональному подходу в разарботке.

🖥 React - 40,14% разработчиков сайтов использовали React в 2025 году - это самая популярная библиотека для создания пользовательских интерфейсов.

🧠 Machine learning - ИИ-инструменты для генерации кода, умные-агенты и все что нужно знать, чтобы не отставать.

📖 Frontend books - огромная библиотека бесплатны книг по фронту.

💼 Frontend Jobs - вакансии и подработка для Frontend разработчиков.

🔝 А здесь мы собрали целую кледезь полезных Frontend ресурсов для прокачки: https://t.me/addlist/mzMMG3RPZhY2M2Iy
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥1
4 способа форматировать дату в JavaScript!

Работая с интерфейсами, часто нужно красиво вывести дату — например, "2025-11-14" превратить в "14 ноября 2025" или "14 Nov 2025".

1. Через toLocaleDateString() — локализованный формат:
const date = new Date('2025-11-14T00:00:00Z');
console.log(date.toLocaleDateString('ru-RU', {
day: 'numeric',
month: 'long',
year: 'numeric',
timeZone: 'Europe/Moscow'
}));
// "14 ноября 2025 г."


2. Через Intl.DateTimeFormat() — для повторного использования:
const date = new Date('2025-11-14T00:00:00Z');
const fmt = new Intl.DateTimeFormat('en-GB', {
day: '2-digit',
month: 'short',
year: 'numeric',
timeZone: 'UTC'
});
console.log(fmt.format(date));
// "14 Nov 2025"


3. Вручную — через методы Date:
const months = [
'января', 'февраля', 'марта', 'апреля', 'мая', 'июня',
'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'
];
const date = new Date('2025-11-14T00:00:00Z');
const formatted = `${date.getUTCDate()} ${months[date.getUTCMonth()]} ${date.getUTCFullYear()}`;
console.log(formatted);
// "14 ноября 2025"


4. Через библиотеки dayjs или date-fns

dayjs:
import dayjs from "dayjs";
import "dayjs/locale/ru";
dayjs.locale("ru");

console.log(dayjs("2025-11-14").format("D MMMM YYYY"));
// "14 ноября 2025"


date-fns:
import { format, parse } from "date-fns";
import { ru } from "date-fns/locale";

const date = parse("2025-11-14", "yyyy-MM-dd", new Date());
console.log(format(date, "d MMMM yyyy", { locale: ru }));
// "14 ноября 2025"


🔥 Эти способы покрывают почти все задачи — от простых форматирований до продвинутых UI с локализацией.

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14🤝8👍73
⚡️ Бесплатное обучение фронтенд-разработке с нуля с поддержкой от наставника

На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает разобраться во фронтенде

С 15 ноября стартует обучение с практикой на JavaScirpt и Next.js

Всего сделаете два проекта:
💡 фронтенд для магазина на JS + Next.js
💡 и ещё один уникальный пет-проект для каждого участника

Объясняет так, чтобы понял даже человек, у которого нет опыта в программировании

🔖автор регулярно проводит собесы, нанимает новичков и показывает, что реально смотрят на резюме и GitHub, а что — лишнее.

Если вы новичок
сделаете первый проект и посмотрите, ваше это или нет
корткий маршрут: план «Что учить во фронтенде» и в каком порядке
 какие проекты положить в портфолио

Если у вас есть опыт
узнаете, какие проекты в портфолио повышают шансы на удачный собес
тест знаний и навыков
способы поиска заказов на фрилансе без бирж с конкуренцией

Подписывайтесь, чтобы участвовать, осталось 24 места

Учиться самостоятельно по ютубу, книжкам, сололёрнам можно бесконечно, если не знать, что нужно, а что нет

На интенсиве сократите время на поиск информации и получите готовый маршрут и первый результат от разработчика, который нанимает новичков в команду

Участвовать бесплатно
Please open Telegram to view this post
VIEW IN TELEGRAM
1👎1🔥1
📱 Navigation API — новая браузерная навигация без перезагрузки!

Разбираем Web API, который пришел на смену History API. С его помощью можно программно управлять переходами, историей и состоянием приложения без перезагрузки страницы, перехватывать и обрабатывать навигации и реализовывать нативный SPA-роутинг.

Поддержка: Chrome 102+, Edge 102+, Opera 88+; Safari и Firefox — либо отсутствует, либо экспериментальна.

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥85🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
☕️ JS Hero — отличный ресурс для изучения JavaScript!

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

📌 Оставляю ссылочку: jshero.net

📣 JS Ready | #ресурс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥76🤝1
Please open Telegram to view this post
VIEW IN TELEGRAM
2
📱 Разбираем Behavior Trees — архитектура управляемого поведения!

Behavior Tree — это структурированный способ описывать поведение объектов через дерево решений. Разделяет условия, действия и приоритеты, позволяя гибко управлять логикой.

В этом гайде:
Основные узлы дерева — Selector и Sequence;

Определим состояние “агента” и его действия;

Построим дерево поведения на основе условий;

Запустим простой цикл симуляции, в котором объект самостоятельно выбирает действие.


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

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍116🔥5🤝2