Archakov Blog

Многие просили перезалить видео на другой видеохостинг. Залил курс NextPizza в VK

Даже если ютуб и заблочат, новые курсы и уроки все также будут выпускаться. Пока буду заливать в ВК и Ютуб.

Кстати, на убийц ютуба — RuTube и "Платформа" (чуть ли не два брата биба и боба) курс залить так и не смог. У рутуба ограничение на загрузку видео более 5 часов 😑 Платформа даже не смогла объяснить почему видео не заливается.

В общем, пока смотрим в ВК.

https://vk.com/video-153076248_456239276

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

Сегодня две очень крутые новости для меня 🔥

ВЫ. ТОП. АУДИТОРИЯ!!! Начну для начала с этого.

Теперь о чуть менее важном.

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

Завтра в 12:00 — 14:00, выйдет полное видео NextPizza 🚀

Надеюсь, в моей голове больше никогда не возникнет идея записывать курс на 23 часа 🫠

В рабочие дни нереально обработать видео, так как нужно ждать 14-15 часов, а в это время ПК оооочень сильно лагает и не удается делать основную работу. Купите мне новый компутер ;(

Но это не конец беды. Наша местная энергосеть настолько беспокоится о гражданах, что рандомно отрубает свет без предупреждений, чтобы люди могли отдохнуть от проклятых гаджетов, пообщаться с семьей или увидеть мир. Так энергосеть и поступила на позапрошлых выходных, отрубив свет на 3 часа, когда обработалось почти 90% видео ☺️👍 а потом мне стало лень запускать все по новой, ибо КС2 не ждет

В общем, вчера в 3 ночи я поставил видео на обработку и оно, только что, НАКОНЕЦ-ТО обработалось!!! Если завтра 12:00 — 14:00 не выйдет видео, то значит я сдох и просто Press F. Заранее спс за терпение

P. S.: на видео крутятся подписчики из бусти

Итак! Есть две хорошие новости + небольшой конкурс 🍕👨🏻‍💻

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. Через неделю опубликую сюда и в основной канал.

Карл, ты тут? Я жыв и пилю уже новый контент 👀

Брал временно паузу по ютубе, был загружен работой и небольшим выгоранием по контенту, из-за чего было лень записывать что-то новое.

Сейчас готовлю материалы для нового контента по Vue 3 + TailwindCSS (скоро объясню почему вы должны изучить вью)

Начну заходить с кайфовой вьюшки 🔥 и потом уже буду разбавлять контент Flutter'ом (который готов уже на 60%) и NextJS. План сейчас такой, если вдруг не минуснусь

Пока я готовлю новый контент, покидайте в комментариях ваших идей, какой стэк технологий вы хотите видеть в новых уроках или какой проект можем запилить?