Хэй, самураи!
Сегодня делюсь с вами вторым видео по программированию, осваиваем основы, т.е. фронтенд без фреймворков. Просто браузер, сервер и чистый JavaScript. С этого шага начинается путь самурая: от нативного кода до уверенного инженера, готового к первой работе. Делайте вместе со мной, и у вас получится!
Пару постов назад писал о том, что ведется разработка системы для учета контроля веса морских свинок, а так же калькулятор с расчетом граммовки корма.
Так вот... Наша команда взяла под свои бразды правления сервис cavygram.ru и теперь все в наших руках. Надеемся, что не оплошаем. А пока примерный скриншот с частью приложения
Скриншот из приложения
Надеемся, что мы не оплошаем, но пока функционал очень нравится. Есть куда расти и развиваться.
Подписывайтесь, что бы быть в курсе последних событий. Пишите в комментариях, чтобы вы хотели видеть в приложении
Хэй, самураи!
Решили поделится тем, что такое RTK Query и как с ним работать без регистрации и СМС
Ссылка платформу с конспектом. (это бесплатно!). Кому удобнее смотреть на ютубе, велком сюда
Введение в курс RTK Query:
Что будет в курсе и зачем RTK Query разработчику
Краткий обзор программы
Обзор платформы и материалов курса
Структура обучения
Где найти конспекты и документацию
Дополнительные материалы (репозиторий, примеры кода)
Создание и базовая настройка приложения
Создание нового проекта (Vite + React + TypeScript)
Установка зависимостей и подключение Redux Toolkit
Очистка шаблонного кода
Структура проекта (feature folders, pages, components)
Настройка алиасов и импортов
Подключение роутинга (React Router)
RTK Query: теория и первые запросы
Что такое RTK Query и чем отличается от Redux Toolkit
Query vs Mutation: базовые концепции
Настройка API slice
Первый запрос (fetch playlists)
Типизация запросов и данных из бэкенда
Использование хуков useQuery в React
Отображение данных в интерфейсе
Mutation и CRUD операции
Введение в мутации (создание, обновление, удаление)
Настройка useMutation
Создание плейлиста. React-hook-form + RTK query
Сохранение токена и работа с .env
Зачистка данных (reset), unwrap для обработки ошибок
Удаление плейлиста (delete mutation)
Обновление плейлиста (update mutation)
Финальный рефакторинг
Data Updating и система тегов
Автоматическое обновление данных без перезагрузки
Tags, providing tags и invalidating tags
Пример тегов для разных сущностей (плейлисты, пользователи)
Как работает кэширование и рефетчинг
Преимущества тегов: единый источник истины
Code Splitting в RTK Query
Что такое code splitting и зачем он нужен
Создание базового API
Вынос общей логики в отдельные файлы
Использование injectEndpoints
Итоги внедрения: меньше бандл, выше скорость загрузки
Всё, что будет в остальном курсе, узнаете из этого видео:
А я завтра выложу новый видос про изучение JS, а на следующей неделе - новое видео про изучение RTK Query
Ссылка на источник
Не люблю петухон, JavaScript - one love
Решил убить время и заняться максимально бесполезным, но забавным делом. Написал простой файловый менеджер для использование в терминале или командной строке. Опыт получился забавный и интересный.
На git залью завтра, а так мой профиль - O9nix, может кому-то зайдет. Написано все на NodeJS
Привет. Я продолжаю разрабатывать сервер для Lineage 2 C1 на JavaScript Проект
Продолжая работать над скилами, заметил, что некоторые атакующие скилы можно направить на себя.
Блог про разработку сервера для Lineage 2 в телеге https://t.me/lineage2js
В своё время бесплатно научил через ютуб и помог найти свою первую работу заочно нескольким десяткам React-разрабов... С тех времён мои материалы c youtuba прилично устарели. Скоро анонсирую и начну съёмки курса, который поможет сотням тысяч react-разрабов найти свою первую работу, а пока для разогрева 7 часовой курс по react + tanstack query
Для тех, кому удобнее смотреть на ютуб
Сейчас мы тестируем апишку, готовим к релизу платформу, я бы сказал, даже больше, чем просто платформу - экосистему. Пора начать менять правила игры в обучении React JS!
![19.08.1996 — Релиз Netscape Navigator 3.0 [вехи_истории] Браузер, Javascript, Google Chrome, Edge, Safari, Netscape, Netscape navigator, История IT, Информатика, Информатика Алексей Гладков, Вехи истории, Длиннопост](https://cs18.pikabu.ru/s/2025/08/15/23/qm7bdosk.jpg)
🗓 19.08.1996 — Релиз Netscape Navigator 3.0 [вехи_истории]
🔥 Один из самых популярных интернет-браузеров своего времени.
🌐 Культурное значение
В середине 1990-х годов Netscape доминировал на рынке браузеров, контролируя более 80% пользователей. Его стремительный успех не только сделал его главным проводником в эпоху массового интернета, но и превратил в символ начала легендарных «браузерных войн» — жёсткой конкуренции с Microsoft Internet Explorer. Выпуск версии 3.0 окончательно закрепил позиции Netscape как технологического лидера, чьё влияние сохранялось вплоть до конца десятилетия.
![19.08.1996 — Релиз Netscape Navigator 3.0 [вехи_истории] Браузер, Javascript, Google Chrome, Edge, Safari, Netscape, Netscape navigator, История IT, Информатика, Информатика Алексей Гладков, Вехи истории, Длиннопост](https://cs16.pikabu.ru/s/2025/08/15/23/qq7ciwwk.jpg)
UI Navigator 3.01
🚀 Чем выделялась версия 3.0
• Поддержка JavaScript (тогда ещё новой технологии), что позволило сайтам становиться более интерактивными.
• Поддержка plug-ins — можно было встраивать в страницы видео, аудио и анимацию.
• Email и Usenet прямо в браузере — можно было читать почту и группы новостей без отдельного ПО.
• Работа с графикой в формате GIF89a с прозрачностью.
📜 Интересный факт:
Компания Netscape сыграла важную роль в популяризации SSL (шифрование соединений), заложив основы безопасного веба. А сам браузер в итоге стал предшественником Mozilla Firefox.
❓ А каким браузером пользуетесь вы? Отправляйте в комментарии соответствующий эмодзи.
😁 - internet Explorer/Edge
🔥 - Mozilla
🙏 - Opera
😎 - Google Chrome
👍 - Safari
🤔 - Другой, напишу в комментарии
