⚡️ Таланты среди нас.

Подписчик делает игру, смотрели ее на стриме, играли в демку. Супер работа для соло разработчика, можете поддержать проект, ознакомиться и следить!

Insomnia: Chapter One в Steam - доступна короткая демка.

🎮 Короткое описание:

Вы — Итан Миллер, младший техник на базе в Карском море. Обычная смена: отчёты, обслуживание, тишина… пока прошлое станции не начинает проступать сквозь лёд. Чем больше вы узнаёте, тем яснее: здесь что-то сломалось очень давно — и назад дороги может не быть.

Что внутри:

— сюжетное приключение с упором на атмосферу и исследования
— коридоры, ключи, головоломки, записи и журналы
— без оружия: только разум и выборы, которые влияют на ход истории
— звук, свет и визуальные детали, стирающие грань между реальностью и безумием

Сон может стать единственным спасением.

⚡️ FoodBot пришлось отключить. Неделю вез его за свои средства. На поддержку проекта ничего так и не собрали, поэтому буду переформатировать его под коммерцию и продам/распространять по платной подписке.

Ибо пользовалось им в день ~ 2500 пользователей, что стоило мне около 10-15$, + хостинг и т.д. В поддержку бота за все время скинули 500, 100 и 100 грн, то есть, потенциально это убытки на 600-700$ месяц и больше с ростом аудитории.

Я готов вкладывать в проекты для канала время, свои навыки, чтобы делать вам крутые приложения. Но не средства, сори, хотя бы нужно в 0 уходить) По крайней мере, пока канал эти средства не приносит или мой доход за 10-15к не перевалит.

Спасибо за понимание!

⚡️ Я с понедельника-вторника включаюсь в работу, практически полностью автономен уже, если только не форс-мажор. Это и для тех, кто ждет от меня ответа по чему-либо.

А сюда будет roadmap по full-stack разработке - в дополнение к бэкенду, чтобы делать вот такие же приложения, как выше, сайты, магазины и т.д.

📇 Че будет:

- HTML, CSS, JavaScript — фундамент;
- Git и основы работы с командой;
- React / Vue — фронтенд;
- Python — бэкенд;
- Базы данных (SQL + NoSQL);
- REST API и аутентификация;
- Docker и деплой;
-Архитектура и best practices.

P.S. я научился ставить длинное тире, это не нейронка текст писала, только делала картинку.

Ставь лайк если нравятся мужчины ❤️

📱 FileSync — open-source инструмент для передачи файлов между устройствами в реальном времени . Сам пользуюсь уже какое-то время, рекомендую.

FileSync - это веб-приложение для безопасной P2P-передачи файлов прямо через браузер. Без облака, без регистрации, без установки отдельных клиентов.

🚀 Возможности:

• Передача файлов из одного устройства сразу на несколько других ;
• Работа через WebRTC (прямое соединение между устройствами);
• End-to-end шифрование ;
• Простой интерфейс в браузере;
• Возможность самостоятельного развёртывания через Docker.

⚙️ Технологии: JavaScript, WebRTC, FastAPI, Docker

📦 Лицензия: MIT

Удобное решение для быстрого обмена файлами между своими устройствами или внутри команды.

⚡️ Сейчас полностью паршу tgstat.com/|telega.in.

Если кому нужна отсортированная информация о каналах/чатах - пишите (не бесплатно, само собой). Резерв на покупку через бота @magerdev_bot. Пример выдачи в комментариях, в моменте более 500 тыс уникальных строк, к финалу будет база 1 млн + релевантных, без мусора, где есть активные посты/комментарии.

Сортировка по названию, региону, количеству сабов, тематике, ссылка в Телеграм + ссылка на страницу сообщества в тгстат/телегаин.

p.s. для тех, кто не шарит, кому и зачем такое нужно - искать сообщества для работы шлюхоботов, массовая закупка рекламы, таргет, сбор информации о пользователях в чатах, приглашение пользователей без настроек приватности в свои чаты с целью агрессивной рекламы и т.д.

🚀 ШОРТКАТЫ В ТЕРМИНАЛЕ LINUX, КОТОРЫЕ ЭКОНОМЯТ ЧАСЫ

Оказывается для многих это тайна - они не такие, как на винде. Работаешь в терминале каждый день? Эти комбинации - must know, особенно при работе через SSH и т.д.

━━━━━━━━━━━━━━━━━━
🧭 НАВИГАЦИЯ ПО СТРОКЕ

Ctrl + A → в начало строки
Ctrl + E → в конец строки
Alt + B → назад на слово
Alt + F → вперёд на слово
Ctrl + XX → прыгнуть к началу / обратно

━━━━━━━━━━━━━━━━━━
✂️ РЕДАКТИРОВАНИЕ

Ctrl + U → удалить до начала строки
Ctrl + K → удалить до конца строки
Ctrl + W → удалить слово перед курсором
Alt + D → удалить слово после курсора
Ctrl + Y → вставить удалённое
Ctrl + D → удалить символ / выйти из терминала

━━━━━━━━━━━━━━━━━━
🔁 ИСТОРИЯ КОМАНД

Ctrl + R → поиск по истории (топ-фича)
Ctrl + P → предыдущая команда
Ctrl + N → следующая команда
↑ / ↓ → листать историю
!! → повторить последнюю
!n → выполнить команду №n

━━━━━━━━━━━━━━━━━━
🛑 УПРАВЛЕНИЕ ПРОЦЕССАМИ

Ctrl + C → остановить выполнение
Ctrl + Z → приостановить процесс
fg → вернуть в передний план
bg → продолжить в фоне
jobs → показать фоновые процессы

━━━━━━━━━━━━━━━━━━
⚡️ АВТОДОПОЛНЕНИЕ

Tab → автодополнение
Tab + Tab → показать варианты
Ctrl + L → очистить экран

━━━━━━━━━━━━━━━━━━
💡 ЕСЛИ ВЫУЧИТЬ ВСЕГО 5:

Ctrl + R
Ctrl + A
Ctrl + E
Ctrl + U
Tab

Продуктивность вырастет кратно 🔥

💾 Сохрани, чтобы не потерять.

P.S. по постам и видео пока не продуктивно - мало потужності. Хватает ресурсов только на работу.

⚡️ FULLSTACK ROADMAP

ЭТАП 1 — HTML, CSS, JAVASCRIPT

Fullstack начинается не с фреймворков, а с платформы. React можно выучить быстро. А вот понимание браузера формируется и не так-то шустро. Если не разобраться в базе, дальше при встрече с чем-то серьезным будет габелла.

─────────────────────

1. HTML — структура и семантика

HTML — это не “набор тегов”, а описание смысла документа. Семантика — это контракт между вами и браузером.

Используйте: -<header>, <main>, <section>, <article>, <footer>, <button>. Не используйте <div> там, где есть семантический элемент. Кнопка должна быть <button>, а не <div> с обработчиком клика — иначе вы ломаете доступность и поведение по умолчанию.

Где учить:

• MDN Web Docs (HTML)
• HTML Academy (бесплатные тренажёры)

Что нужно понимать:

— как строится DOM;
— как работают формы ;
— базовые принципы доступности.

─────────────────────

2. CSS — layout и адаптивность

CSS — это управление моделью раскладки. В современном фронтенде обязательны:

• Flexbox — одномерные раскладки;
• Grid — двумерные сетки.

‼️ Float — устаревший подход для layout.

Принцип: Mobile First. Сначала корректная работа на 375px, потом масштабирование вверх через media queries.

📎 Где учить:

• Flexbox Frogg
• Grid Garden
• CSS-Tricks Flexbox Guide

Что нужно понимать:

— как работает поток документа;
— как рассчитываются размеры;
— как поведение меняется при сужении экрана.

─────────────────────

3. JavaScript — поведение и взаимодействие

JavaScript — единственный язык, который исполняется в браузере(‼️). Без него сайт — статический документ.

До фреймворков необходимо уверенно владеть Vanilla JS.

База:

— DOM API (поиск, изменение, удаление элементов);
— События и всплытие;
— event.preventDefault();
— let / const (без var);
— === вместо ==;
— null и undefined;
— стрелочные функции;
— Fetch API и работа с JSON.

Где учить:

• Learn JavaScript (Илья Кантор)
• Codewars (8–7 kyu для набивки синтаксиса)

Если вы не понимаете DOM, фреймворки будут магией. Магия не масштабируется.

─────────────────────

⚡️ Практика:

Сделайте Landing Page без библиотек:

— семантическая структура;
— адаптивность;
— бургер-меню;
— модальное окно с формой;
— отправка без перезагрузки (console.log, очистка, закрытие);
— переключение темы с сохранением в localStorage.

Без Bootstrap, Tailwind и UI-китов. Нужно понимать платформу, а не только инструменты.

Готовность двигаться дальше:

— верстка не ломается на мобильной ширине;
— понимаете разницу между "==" и "===";
— различаете null и undefined;
— можете объяснить всплытие событий;
— можете отцентрировать элемент несколькими способами.

🎄 Без этой базы всё остальное — просто ускоренное копирование кода. Постарался найти, проверить, поспрашивать для вас ресурсы, которые реально будут полезны по каждому разделу для изучения/тренировки. Следующий пост — про то, как не потерять этот код: Git, GitHub и основы работы в команде. Хоть в backend уже было, не лишним будет повторить.

#roadmap #fullstack #html #css #js

Поздравляю победивших, в ближайшее время со всеми свяжусь и выдам призы! 🎉

👀 Сделал себе 3-й аккаунт в ТТ, получается, с регионом Украина и без монетизации.

Не знаю, в чем проблема, но на этих двух акках, который Live и основной, началась какая-то душка по просмотрам/рекомендациям. Много людей жалуются, что если раньше все мои ролики попадались, то сейчас больше месяца не появляюсь. Возможно, между регионом/просмотрами с СНГ есть теперь прямая корреляция.

Опять таки, ради эксперимента, пару дней-недель ролики буду выставлять туда. Так что если увидите в ТТ - это не фейк, это я.

Кому интересно - 📱ссылка.

P.S. сори за беспокойство в выходной. На вечер уже заряжено продолжение roadmap, а также пост о JS+TS в отдельности.