FRONTEND проект за 10 МИНУТ — расширение для YouTube
📌 В этом видео я создаю простое, но полезное расширение для Google Chrome, которое поможет контролировать время на YouTube. Всё на чистом HTML, CSS и JavaScript! 👉 **Скачать исходники**: https://github.com/systemrot/youtube_chrome_extension/tree/master 📺 **YouTube**: : https://www.youtube.com/@RosFront 🎯 **Присоединяйся в наш Telegram-канал** — свежие фичи, анонсы и тд: https://t.me/RosFront 👥 **Учимся фронтенду вместе** — вступай в группу обучения, получай обратную связь, менторскую поддержку и быстрые советы: https://t.me/RosFront_learn 🔔 **Подпишись на канал**, чтобы не пропустить новые видео по веб-разработке! Таймкоды: 00:00 — Важность мелких проектов 00:59 — Начало разработки 01:35 — manifest.json 02:21 — popup.html 02:53 — background.js 04:13 — popup.js 05:40 — content.js 08:02 — popup.css 08:27 — Проверка работы расширения 08:54 — Дебаг и тестирование расширения 10:00 — После дебага — всё заработало 10:34 — Секретные фичи ─────────────────────────────────── 🛠 В видео использованы: - HTML5, CSS3 - Vanilla JavaScript (ES6+) - Manifest V3 для Chrome Extensions ❓ Вопросы или идеи для следующих проектов — оставляй в комментариях! #frontend #javascript #chromeextension #html #css #js #WebDev #программирование #coding #development
📌 В этом видео я создаю простое, но полезное расширение для Google Chrome, которое поможет контролировать время на YouTube. Всё на чистом HTML, CSS и JavaScript! 👉 **Скачать исходники**: https://github.com/systemrot/youtube_chrome_extension/tree/master 📺 **YouTube**: : https://www.youtube.com/@RosFront 🎯 **Присоединяйся в наш Telegram-канал** — свежие фичи, анонсы и тд: https://t.me/RosFront 👥 **Учимся фронтенду вместе** — вступай в группу обучения, получай обратную связь, менторскую поддержку и быстрые советы: https://t.me/RosFront_learn 🔔 **Подпишись на канал**, чтобы не пропустить новые видео по веб-разработке! Таймкоды: 00:00 — Важность мелких проектов 00:59 — Начало разработки 01:35 — manifest.json 02:21 — popup.html 02:53 — background.js 04:13 — popup.js 05:40 — content.js 08:02 — popup.css 08:27 — Проверка работы расширения 08:54 — Дебаг и тестирование расширения 10:00 — После дебага — всё заработало 10:34 — Секретные фичи ─────────────────────────────────── 🛠 В видео использованы: - HTML5, CSS3 - Vanilla JavaScript (ES6+) - Manifest V3 для Chrome Extensions ❓ Вопросы или идеи для следующих проектов — оставляй в комментариях! #frontend #javascript #chromeextension #html #css #js #WebDev #программирование #coding #development