Всем здравствуйте! Меня звать Рэй, который решил, что просто делать сайты — скучно☕️
• Опыт хобби: 6 месяцев
Что тут будет:
Кому сюда:
🔸 Начинающим разработчикам, кто тоже учится
🔸 Тем, кто любит смотреть на чужой код и смеяться над багами
🔸 Кошатникам, которым мало милых фото — хочется милого кода
Чего НЕ будет:
💡 Правила:
Задавайте вопросы, смейтесь над моими ошибками и предлагайте идеи! Лучший способ учиться — делать это вместе.
@kot_dev | @c0ldzx
• Опыт хобби: 6 месяцев
Что тут будет:
🟢 Мои пет-проекты от А до Я (от идеи до готового бота)
🟢 Код, который я пишу (иногда работает, иногда — нет)
🟢 Фишки и лайфхаки, которые нашёл методом тыка
🟢 Мемы про разработку и котиков (куда без них)
Кому сюда:
🔸 Начинающим разработчикам, кто тоже учится
🔸 Тем, кто любит смотреть на чужой код и смеяться над багами
🔸 Кошатникам, которым мало милых фото — хочется милого кода
Чего НЕ будет:
❌ Скучных лекций на 40 минут
❌ Идеального кода без ошибок (я живой человек, а не ChatGPT)
❌ Воды и теории ради теории
❌ Пока не будут Telegram bots & Mini App
💡 Правила:
Задавайте вопросы, смейтесь над моими ошибками и предлагайте идеи! Лучший способ учиться — делать это вместе.
А теперь — поехали☕️
@kot_dev | @c0ldzx
❤1
🕷️ ARACHNE: Апгрейд до модульности
Я не рассказывал что я разрабатываю свой первый сайт по часам☕️
· Настройки (яркость, тема День/Ночь) с сохранением в память браузера.
· Отображение даты.
· Летающие золотые частицы вокруг паука.
· Случайные "шорохи паутины" в дополнение к тику.
👀 Глаза, следящие за курсором — паук будет «смотреть» на тебя, куда бы ты ни двигал мышью.
🪄 Знак зодиака — внизу будет отображаться твой знак зодиака с датами, чтобы добавить мистики.
Моя архитектура уже модульная. Я просто создам новые файлы (follow_eye.js и zodiac.js), подключу их через <script> в index.html, и они будут общаться с часовым механизмом через window.Clock.
#WebDev #JavaScript #ПетПроект #Часы #Модульность
@kot_dev | @c0ldzx
Я не рассказывал что я разрабатываю свой первый сайт по часам☕️
Мои часы с пауком выйдут более с новым уровнем. Я добавил плагинную архитектуру: теперь новые функции подключаются отдельными файлами, не трогая основной код😌
✅ Что уже добавляется:
· Настройки (яркость, тема День/Ночь) с сохранением в память браузера.
· Отображение даты.
· Летающие золотые частицы вокруг паука.
· Случайные "шорохи паутины" в дополнение к тику.
☕️Планирую добавить:
👀 Глаза, следящие за курсором — паук будет «смотреть» на тебя, куда бы ты ни двигал мышью.
🪄 Знак зодиака — внизу будет отображаться твой знак зодиака с датами, чтобы добавить мистики.
🤔 Как это будет работать?
Моя архитектура уже модульная. Я просто создам новые файлы (follow_eye.js и zodiac.js), подключу их через <script> в index.html, и они будут общаться с часовым механизмом через window.Clock.
#WebDev #JavaScript #ПетПроект #Часы #Модульность
@kot_dev | @c0ldzx
🔥1
🕷️ ARACHNE: Паук теперь всё видит и знает!
Мой проект снова прокачался. Добавил три новых модуля, которые будут работать:
🌦️ Погода — часы теперь показывают реальную температуру и ветер через API Open-Meteo (бесплатно, без ключей).
👀 Глаза, следящие за курсором — паук стал живым! Зрачки плавно поворачиваются в сторону твоей мыши.
🔮 Знак зодиака — внизу теперь отображается твой знак с датами. Мистическая деталь, которая отлично подходит к атмосфере.
Всё через модульную архитектуру. Я создал файлы weather.js, follow_eye.js и zodiac.js, подключил их в index.html, и они общаются с часовым механизмом через window.Clock. Основной код остаётся полностью нетронутым.
#WebDev #JavaScript #ПетПроект #Часы #Паук #Погода #Зодиак #Модульность #Код
@kot_dev | @c0ldzx
Мой проект снова прокачался. Добавил три новых модуля, которые будут работать:
🌦️ Погода — часы теперь показывают реальную температуру и ветер через API Open-Meteo (бесплатно, без ключей).
👀 Глаза, следящие за курсором — паук стал живым! Зрачки плавно поворачиваются в сторону твоей мыши.
🔮 Знак зодиака — внизу теперь отображается твой знак с датами. Мистическая деталь, которая отлично подходит к атмосфере.
⚙️ Как это работает?
Всё через модульную архитектуру. Я создал файлы weather.js, follow_eye.js и zodiac.js, подключил их в index.html, и они общаются с часовым механизмом через window.Clock. Основной код остаётся полностью нетронутым.
#WebDev #JavaScript #ПетПроект #Часы #Паук #Погода #Зодиак #Модульность #Код
@kot_dev | @c0ldzx
❤🔥1
🕷️ ARACHNE: 14 файлов и это не предел!
Наш проект наконец-то превратился в полноценный модульный «механизм». У нас уже есть 14 файлов, а каждый новый модуль добавляется без изменения основного кода.
· Голос (speech.js) — часы озвучивают время
· Будильник (alarm.js) — выставляешь время, паук разбудит
· Часовой пояс (timezone.js) — показывает время в любом городе
· Погода (weather.js) — температура и ветер, работает без сервера
· Глаза (follow_eye.js) — паук следит за твоей мышью
· Зодиак (zodiac.js) — показывает твой знак
· Заметки (notes.js) — правый блокнот, который сохраняет всё в память браузера
Все плагины подключены через обычные теги <script> в index.html. Они общаются с часовым механизмом через window.Clock. Основной код (app.js) остаётся полностью нетронутым.
#WebDev #JavaScript #ПетПроект #Часы #Паук #Модульность #Погода #Будильник #Заметки
@kot_dev | @c0ldzx
Наш проект наконец-то превратился в полноценный модульный «механизм». У нас уже есть 14 файлов, а каждый новый модуль добавляется без изменения основного кода.
🎯 Что уже работает:
· Голос (speech.js) — часы озвучивают время
· Будильник (alarm.js) — выставляешь время, паук разбудит
· Часовой пояс (timezone.js) — показывает время в любом городе
· Погода (weather.js) — температура и ветер, работает без сервера
· Глаза (follow_eye.js) — паук следит за твоей мышью
· Зодиак (zodiac.js) — показывает твой знак
· Заметки (notes.js) — правый блокнот, который сохраняет всё в память браузера
⚙️ Как это работает?
Все плагины подключены через обычные теги <script> в index.html. Они общаются с часовым механизмом через window.Clock. Основной код (app.js) остаётся полностью нетронутым.
#WebDev #JavaScript #ПетПроект #Часы #Паук #Модульность #Погода #Будильник #Заметки
@kot_dev | @c0ldzx
❤🔥1
🕷️ ARACHNE: Скоро в онлайне!
Наш паук почти готов выйти в свет. Проект скоро будет доступен по публичной ссылке!
· Живой механический паук вместо стрелок
· Погода, зодиак, фаза луны, будильник, заметки
· Голосовой помощник
· Кастомизация: цвет стрелок, стиль цифр, звук
· Модульная архитектура — 17 плагинов, все работают без библиотек
🚀 Готовим финальный деплой. Скоро поделюсь ссылкой!
#WebDev #JavaScript #ПетПроект #Часы #Паук #Анонс #Скоро
@kot_dev | @c0ldzx
Наш паук почти готов выйти в свет. Проект скоро будет доступен по публичной ссылке!
🎯 Что вас ждёт:
· Живой механический паук вместо стрелок
· Погода, зодиак, фаза луны, будильник, заметки
· Голосовой помощник
· Кастомизация: цвет стрелок, стиль цифр, звук
· Модульная архитектура — 17 плагинов, все работают без библиотек
🚀 Готовим финальный деплой. Скоро поделюсь ссылкой!
#WebDev #JavaScript #ПетПроект #Часы #Паук #Анонс #Скоро
@kot_dev | @c0ldzx
❤🔥1
Media is too big
VIEW IN TELEGRAM
🕷️ ARACHNE: Видео-обзор
Наконец-то я записал полноценный обзор своего проекта. Теперь вы можете увидеть паука в действии!
· Живой паук
· Погода, зодиак, фаза луны, будильник, заметки
· Голосовой помощник
· Кастомизация: цвет стрелок, стиль цифр, звук
· Демонстрация модульной архитектуры
⚙️ Стек: чистый HTML, CSS, JavaScript + Web Audio API. Без библиотек.
#WebDev #JavaScript #ПетПроект #Часы #Паук #ВидеоОбзор #Код
@kot_dev | @c0ldzx
Наконец-то я записал полноценный обзор своего проекта. Теперь вы можете увидеть паука в действии!
📹 В видео:
· Живой паук
· Погода, зодиак, фаза луны, будильник, заметки
· Голосовой помощник
· Кастомизация: цвет стрелок, стиль цифр, звук
· Демонстрация модульной архитектуры
⚙️ Стек: чистый HTML, CSS, JavaScript + Web Audio API. Без библиотек.
#WebDev #JavaScript #ПетПроект #Часы #Паук #ВидеоОбзор #Код
@kot_dev | @c0ldzx
❤1
🕷️ ARACHNE: Дополнительные штрихи!
Недавно добавил три новых модуля, которые делают проект по-настоящему атмосферным:
🌀 Черная дыра — вращающийся вихрь, который «затягивает» частицы вокруг паука.
⏰ Мигающие двоеточия — табло теперь выглядит как настоящее электронное устройство.
🎵 Фоновая музыка — я создал генеративный эмбиент-плейлист, который работает без MP3-файлов, через Web Audio API. Есть 3 трека с разными частотными настройками.
Все модули подключены через отдельные файлы: black_hole.js, blinking_colon.js, background_music.js. Теперь у нас 24 файла и 21 плагин.
🚀 Стек: чистый HTML, CSS, JavaScript + Web Audio API. Без библиотек.
#WebDev #JavaScript #ПетПроект #Часы #Паук #ЧернаяДыра #Музыка #Модульность
@kot_dev | @c0ldzx
Недавно добавил три новых модуля, которые делают проект по-настоящему атмосферным:
🌀 Черная дыра — вращающийся вихрь, который «затягивает» частицы вокруг паука.
⏰ Мигающие двоеточия — табло теперь выглядит как настоящее электронное устройство.
🎵 Фоновая музыка — я создал генеративный эмбиент-плейлист, который работает без MP3-файлов, через Web Audio API. Есть 3 трека с разными частотными настройками.
⚙️ Как это работает?
Все модули подключены через отдельные файлы: black_hole.js, blinking_colon.js, background_music.js. Теперь у нас 24 файла и 21 плагин.
🚀 Стек: чистый HTML, CSS, JavaScript + Web Audio API. Без библиотек.
#WebDev #JavaScript #ПетПроект #Часы #Паук #ЧернаяДыра #Музыка #Модульность
@kot_dev | @c0ldzx