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

Cотрудничество: @energy_c
Download Telegram
Простой парсер погоды с выводом текущей температуры!

Напишем скрипт, который берет данные о погоде в вашем городе и выводит их в удобном виде.

Задаем функцию, которая получает данные с API Open-Meteo:
async function getWeather(lat, lon) {
const url = `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}&current_weather=true`;
const res = await fetch(url);
return (await res.json()).current_weather;
}


Координаты вашего города (например, Москва):
const moscowCoords = [55.45, 37.37];


Выведем температуру и скорость ветра:
getWeather(...moscowCoords).then(weather => {
console.log(`Температура: ${weather.temperature}°C, Ветер: ${weather.windspeed} км/ч`);
});


🔥 Получаем свежие данные о погоде — полезно для проектов или ботов!

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14❤10🔥6
📱 Мемоизация: ускоряем код без лишних усилий!

Каждый раз пересчитывать тяжёлую функцию изрядно утомляет. Мемоизация решает эту проблему: один раз вычислил => сохранил => переиспользовал.

В этом гайде:
• Разбираем, как хранить результаты в замыкании;

• Создаём универсальный memo на базе Map;

• Применяем кеширование к API-запросам.


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

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤9🔥3🤝3
This media is not supported in your browser
VIEW IN TELEGRAM
❤️ MDN JavaScript — супер ресурс для изучения и практики JS

Это полная база знаний: от основ синтаксиса и работы с переменными до продвинутых тем вроде замыканий, асинхронности и прототипного наследования. Всё объяснено чётко и с примерами.

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

📣 JS Ready | #ресурс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤5🔥5🤝2
📱 Консольный трекер привычек с визуализацией прогресса!

Сегодня покажу, как с помощью простого JS-скрипта можно отслеживать ежедневные привычки и наглядно видеть прогресс в консоли.

Основные приёмы:
• Создание массива привычек и структуры для хранения выполнения;

• Функции для отметки выполненных дней и подсчёта прогресса;

• Генерация наглядной ASCII-визуализации для каждой привычки.


Такой мини-инструмент полезен для саморазвития, челленджей, практики работы с массивами, объектами и циклами.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤5🔥5🤝1
Что же выведет консоль?
Anonymous Quiz
26%
A
52%
B
10%
C
12%
D
👍13🔥7🤝5
📱 Разбираем работу с URL и параметрами адресов!

В этой шпаргалке собраны приёмы работы с объектом URL и URLSearchParams: создание URL, доступ к пути, хосту, хешу, получение, изменение и удаление query-параметров. Они применяются при разборе адресов, управлении параметрами запросов и работе с API.

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥8❤5🤝2