Archakov Blog

Карл, как ты? Надеюсь ты жыв, т.к. я тут скоро планирую вернуться с новым контентом 🥇 Врываться с двух ног в блог пока ещё не могу, все постепенно, но уже есть парочка новых идей по контенту 👀 На данный момент, в планах оживить этот ТГ-канал, т.к. есть много мыслей и идей, буду их в ближайшее время публиковать и уже постепенно перейду к ютуб-каналу. Сейчас мне интересно собрать фидбек от тебя и узнать, что интересно было бы почитать про разработку или какие туторила будут интересны? 🤔 Но только не некст пицца v2, я после неё на год взял отпуск 😬 Да и вообще расскажи как ты, как идут дела с поиском работы, насколько все плохо/хорошо и что вообще изучаешь нового?

Многие просили перезалить видео на другой видеохостинг. Залил курс NextPizza в VK Даже если ютуб и заблочат, новые курсы и уроки все также будут выпускаться. Пока буду заливать в ВК и Ютуб. Кстати, на убийц ютуба — RuTube и "Платформа" (чуть ли не два брата биба и боба) курс залить так и не смог. У рутуба ограничение на загрузку видео более 5 часов 😑 Платформа даже не смогла объяснить почему видео не заливается. В общем, пока смотрим в ВК. https://vk.com/video-153076248_456239276 VK Видео 🍕 NextPizza / Разработка FullStack интернет-магазина (клон ДодоПиццы) [NextJS, TS, Prisma, NextAuth] КАРЛ! Я ВСЕ ЕЩЕ ЖЫВ! Возвращаюсь с очень крутой инфой! 🍕🔥 Мы начинаем новый туториал по NextJS + TypeScript 🔥 На этот раз мы будем разрабатывать полноценный интернет-магазин продуктов, проще говоря реальную копию ДодоПицца (и даже круче чем додопицца). Подпишись…

А что еслииии... 👀

Сегодня две очень крутые новости для меня 🔥 ВЫ. ТОП. АУДИТОРИЯ!!! Начну для начала с этого. Теперь о чуть менее важном. 1️⃣ КАРЛ! Нас теперь 70.000!!! 💰 2️⃣ За ДВА ДНЯ видео набрало более 3 тыс. лайков! Чтобы вы понимали НАСКОЛЬКО ЭТО КРУТО. Чекайте второй скрин. Продвинутый курс по фуллстаку, за 458 дней не набрал даже 2 тыс. лайков. Походу, некст пицца уже скоро обгонит курс по Vue. Вроде обидно и одновременно приятно 🥲 Я реально очень долго старался над его разработкой и записью. Моя шиза не позволяла мне записать курс с первого раза, ибо не нравился звук, подача материала или всегда чего-то не хватало в проекте. Из-за чего раза 2-3 перезаписывал этот 23 часовой курс (еще с апреля/марта). В очередной раз убеждаюсь в том, что у меня очень крутая аудитория 🔥 Огромное спасибо за активность и фидбек! Читаю ваши отзывы в ТГ и в ютубе, очень рад, что вам понравился этот курс! Уже начался процесс подготовки нового курса 👀 (из комментов понял, что вам нужен nuxt и flutter, ждите)

Archakov Blog pinned «Опубликовал на канал ПОЛНЫЙ КУРС долгожданного проекта NextPizza 🍕🔥 🎉 ЭТО СВЕРШИЛООООСЬ, КАРЛ, НАКОНЕЦ-ТО! ♾ Срочно поддерживаем видос ЛАЙКОМ и КОММЕНТАМИ, ваша активность очень сильно поможет каналу попадать в рекомендации и будет мотивировать меня выпускать…»

Опубликовал на канал ПОЛНЫЙ КУРС долгожданного проекта NextPizza 🍕🔥 🎉 ЭТО СВЕРШИЛООООСЬ, КАРЛ, НАКОНЕЦ-ТО! ♾ Срочно поддерживаем видос ЛАЙКОМ и КОММЕНТАМИ, ваша активность очень сильно поможет каналу попадать в рекомендации и будет мотивировать меня выпускать новый контент. Если будет очень хороший актив и НАБЕРЕТСЯ ЦЕЛЫХ 52 ЛАЙКА!!, запилю курс по Flutter, Nuxt или новый курс по NextJS. Да, цель не простая, но всё зависит от вас 👀 В общем, желаю приятного просмотра и надеюсь, курс вам действительно понравится. Так как я старался над ним больше 2 месяцев, не играя иногда ДАЖЕ в игры 👋 ▶️ https://www.youtube.com/watch?v=GUwizGbY4cc 💾 Ссылка на исходник: https://github.com/Archakov06/next-pizza (внутри есть зип архив next-pizza-finished + ссылка на гит финальной вёрстки https://github.com/Archakov06/next-pizza-finished) ⚙️ Ссылка на снипеты, плагины, темы и т.п.: https://peaceful-dove-11d.notion.site/13efe7161f6b4b2db45fde39f8e034c4?pvs=74 🎨 Figma-дизайн: https://www.figma.com/design/cYz4fOSK74EJoqHxoNr1hT/Next-Pizza YouTube 🍕 NextPizza / Разработка FullStack интернет-магазина (клон ДодоПиццы) [NextJS, TS, Prisma, NextAuth] КАРЛ! Я ВСЕ ЕЩЕ ЖЫВ! Возвращаюсь с очень крутой инфой! 🍕🔥 Мы начинаем новый туториал по NextJS + TypeScript 🔥 На этот раз мы будем разрабатывать полноценный интернет-магазин продуктов, проще говоря реальную копию ДодоПицца (и даже круче чем додопицца). …

Завтра в 12:00 — 14:00, выйдет полное видео NextPizza 🚀 Надеюсь, в моей голове больше никогда не возникнет идея записывать курс на 23 часа 🫠 В рабочие дни нереально обработать видео, так как нужно ждать 14-15 часов, а в это время ПК оооочень сильно лагает и не удается делать основную работу. Купите мне новый компутер ;( Но это не конец беды. Наша местная энергосеть настолько беспокоится о гражданах, что рандомно отрубает свет без предупреждений, чтобы люди могли отдохнуть от проклятых гаджетов, пообщаться с семьей или увидеть мир. Так энергосеть и поступила на позапрошлых выходных, отрубив свет на 3 часа, когда обработалось почти 90% видео ☺️👍 а потом мне стало лень запускать все по новой, ибо КС2 не ждет В общем, вчера в 3 ночи я поставил видео на обработку и оно, только что, НАКОНЕЦ-ТО обработалось!!! Если завтра 12:00 — 14:00 не выйдет видео, то значит я сдох и просто Press F. Заранее спс за терпение P. S.: на видео крутятся подписчики из бусти Video is too big

Итак! Есть две хорошие новости + небольшой конкурс 🍕👨🏻‍💻 1️⃣ НАКОНЕЦ-ТО я закончил с монтажом и залил на бусти все 3 части Next Pizza. 2 видео по разработке + деплой 🔥 2️⃣ Когда уже выйдет этот курс на ютубе? На этой неделе, ближе к выходным или в начале следующей (когда мне не будет лень), я опубликую ПОЛНЫЙ 23 часовой курс на ютуб канал БЕСПЛАТНО, БЕЗ РЕГИСТРАЦИИ И СМС (13-16 июля), ждите ⏰ А теперь конкурс на 3000 рублей ‼️ Необходимо в комментариях под видео в ЮТ #1, #2, #3 частью этого курса опубликовать таймкоды. Первым 3 подписчикам, которые успеют это сделать раньше остальных, я скину деньги на карту. Тем самым вы поможете мне ускорить публикацию полного курса и заодно получите денежку 👀

КАРЛ! Я ВСЕ ЕЩЕ ЖЫВ! И возвращаюсь с очень крутой инфой! 🍕🔥 Скоро мы начинаем новый туториал по NextJS + TypeScript 🔥 Курс будет длиться +-23 часа 👀 И в ближайшее время, вас ждёт САМЫЙ ЛУЧШИЙ курс в РУ сегменте по NextJS + React. Особенно держитесь реакт пиццеры! Теперь мы идём на новый уровень 🍕⏫ Мы будем разрабатывать полноценный интернет-магазин (круче чем ДодоПицца), с гибкой фильтрацией (которой нет у додо), авторизацией+регистрацией через логин-пароль и соц. сети, оплатой через YooKassa, отправкой писем на E-Mail и что-то еще, я уже забыл (там дофига чего). Пока курс доступен на Boosty, со всеми исходниками, дизайном и т.п. Позже выложу полное видео на ютуб-канал P.S: И отдельная инфа для тех, кто подписан на бусти. 1. Огромное спасибо за поддержку, даже когда контент не выходил 🔥 В качестве благодарности, в этом курсе и в последующих роликах, будут указаны ваши никнеймы. 2. Ну и второй момент. Внимательно прочтите описание к ролику на бусти. Там нужна особенно ваша помощь. Заранее спасибо ✊

Сircular Dependencies или «ахиллесова пята» Fast Refresh'а в Vite/Webpack Начнём с главного вопроса: "Что за циркулар депенденциес?" Циркулар депенденциес или «циклические зависимости» — это когда вам пофиг на то, откуда и как вы импортируете JS/TS файлы из-за чего у вас ломается быстрая перезагрузка (fast refresh), замедляется проверка типизации или JavaScript heap out of memory 🔥 С вероятностью в 78.1337% уверен, что и в вашем проекте есть циклические зависимости. Объясню на примере, как это чаще всего происходит. Представим, что у нас есть 3 модуля: A.ts B.ts C.ts И если модули импортируются как-нибудь так: A -> B -> C -> A A -> B -> A B -> C -> A -> B C -> B -> A -> C То тут и происходит Circular Dependencies. Как понять, что за вами пришёл киркуляр депенденси? Первый симптом — при изменении даже одной буквы в коде, страница полностью перезагружается (сломался Fast Refresh). Как предотвратить это? 🤔 Советую заранее установить плагин для Vite / Webpack, который будет информировать о циклических зависимостях. Или использовать утилиту madge (см. скрин 4), которая умеет делать то же самое, только не привязана к сборщикам. На скриншотах я примерно объяснил, как это фиксится. Но, советую чекнуть ещё это видео у Синяка, где очень круто объясняется что такое Circular Dependencies

CSS-in-JS — зло! Заметил, что в последнее время начала хайпиться библиотека StyleX от Meta (Facebook), которая, якобы, "облегчает разработку стилей". Триггерит, особенно, когда это заявляют опытные разработчики в своих туториалах. Почему фронтендеры вечно усложняют себе жизнь всяким шлаком, типа: StyleX, vanilla-extract, styled components и т.п. Когда это: stylex.create({ text: { color: 'red' } }) Стало лучше/проще этого? .text { color: red } Как же это тупо писать JS-код в виде CSS в TS файлах, чтобы в итоговом бандле получать СSS-файл, но еще и с уродскими классами x1jchvi3 x1p7i66b x1xmf6yo 🔥, которые фиг пойми как дебажить. Конечно, нам же и так не хватало боли с этим TypeScript, так мы его еще и в CSS должны запихать, чтобы нам еще хуже жилось 😢 И почему-то эта шиза в основном у React-разработчиков 👩‍💻 🏥 Да, есть отбитые и в других фреймворках, которые пытаются скрещивать CSS-in-JS с Vue/Angular, но чаще это переходит все в deprecated. За всю мою карьеру в коммерческих проектах, эксперименты с этими CSS-in-JS либами приводили к тому, что в итоге от них отказывались в пользу SCSS-модулей. А кто ещё до сих пор не отказался, скорее всего ленится это делать или просто больной на голову шизофреник на уровне любителей пиццы с ананасом. Пожалуйста, прекратите заставлять JS выполнять ваши больные фантазии. Пусть JS делает свою задачу и CSS свою, как это было задумано изначально 😣

Опубликовал на канал новое видео по Vue 3 для начинающих, где будем разрабатывать Vue Sneakers 🔥 Буду благодарен за лайк и комменты, так как именно ваша активность поднимает канал и мотивирует к новому контенту. Так што, всё зависит от вас 👀 ▶️ https://www.youtube.com/watch?v=U_-Ht_v-oAs 💾 Ссылка на исходник: https://github.com/Archakov06/vue-sneakers 🎨 Figma-дизайн: https://www.figma.com/file/fw0toTyXMwM1y4WIe0YFrJ/React-Sneakers 🎉 Как задеплоить Vue Sneakers: https://youtu.be/dnfdrvuHFks 👟 Ссылка на JSON-товаров: https://604781a0efa572c1.mokky.dev/items

Уже прошёл месяц с последнего анонса курса по Vue 3 для начинающих 🫠 и наконец-то я его доделал. Опубликовал его пока в Boosty, чтобы вы оценили этот курс и оставили замечания если есть, перед тем, как я его залью на основной канал. Нужно еще дозаписать часть по деплою. Если не будет каких-то замечаний и в целом ок, то залью на канал Видео длится 7 часов 30 минут 👀 Я давно искал курс, где мне объяснили бы вью и показали как сделать хотя бы более-менее нормальное приложение, а не всякие тудушки. И в этом курсе мы не просто будем изучать Vue, но и разрабатывать приложение с роутингом, запросами на бэк, передачей данных между приложением, анимациями, изучим что такое Composition API / Options API и т.д. Курс предназначен для НАЧИНАЮЩИХ 👨🏻‍🎓, кто не знаком с Vue. Для ноченающех! Не для тру фронтенд девелоперов с опытом в 150 лет и познавших вселенную фронтенда, а для простых смертных. По стэку и остальному объяснил всё в Boosty. Через неделю опубликую сюда и в основной канал.