Новый год начинаем не с созидательных роликов, а с изучения и обсуждения чужих ошибок 😁

Дело в том, что месяц назад React и NextJS "доигрались" в клиентские и серверные компоненты, а конкретнее, в React Flight. В видео попробую простыми словами объяснить схему самого жуткого косяка React за всю историю его существования.

Куски кода для воспроизведения атаки не демонстрируются, просто обсуждаем причины и последствия для React и NextJS.

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

Дубли видео в хорошем качестве: youtube, rutube, vkvideo.

Начинаем новый вводный курс по Vue.js 3! В отличие от старой версии в этом курсе сразу будем использовать Composition Api 👍

В первом уроке мы обсудим необходимые начальные знания для изучения Vue.js, создадим простейший пример с vite, а также обсудим философские проблемы изучения Vue.

Дубли видео в хорошем качестве: youtube, rutube, vkvideo. А код урока тут.

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

12.01 - javascript frontend
13.01 - node базовый
14.01 - progressive web applications

А Новогодняя акция полностью завершается в среду вечером.

P.S. Набор групп в этом году хорошо отражает ситуацию в IT-сфере - чем сложнее курс, тем больше участников 😁 Т.е. новичков приходит всё меньше, зато те, кто уже в сфере хотят развиваться вширь.

Готов второй урок вводного курса Vue! 👍

В нём мы подробно поговорим про ref и computed, постараемся не просто применить их, но и понять магию реактивности данных.

Дубли видео в хорошем качестве: youtube, rutube, vkvideo. А код урока тут.

Выкладываю третий урок вводного курса Vue! 👍

В нём мы начнём изучать работу с шаблоном. Главной темой станет изучение основных директив и понимание магии их работы.

Дубли видео в хорошем качестве: youtube, rutube, vkvideo. А код урока тут.

Чуть не забыл напомнить, что завтра старт базового курса Typescript 👈

По ощущениям TS присутствует уже более чем в половине frontend-вакансий. Во Vue и React уж точно.

А если TypeScript совсем не знаком, то есть свежий бесплатный вводный курс 👈

Всем привет!

На этой неделе стартует целых три курса! Если дальнейший текст покажется несколько странным, то версия для программистов размещена в первом комментарии к записи.

Для относительных новичков может быть интересен базовый курс по китайской библиотеке для клиентского javascript. Кстати, четвёртый урок вводного курса скоро будет опубликован.

Тем, кто смотрит в сторону серверной стороны, рекомендую "узел уровень 2". Мощные инструменты на основе принципов первичности документации, применения "быстрого" + проверок на основе нотации javascript-объектов + спецификация из типов. Разумеется, всё это будет пронизано машинописью, даже объектно-реляционное отображение берём самое лучшее с точки зрения машинописи - морось.

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

Готов четвёртый урок вводного курса Vue! 👍

В нём мы реализуем более сложный пример, показывающий преимущества Vue. Основное внимание будет сосредоточено на декларативном стиле мышления и первичном продумывании системы на уровне данных.

Дубли видео в хорошем качестве: youtube, rutube, vkvideo. А код урока тут.

Тех, кому Vue понравился, жду на основном курсе. Старт уже сегодня!

Записал философский ролик для backend-разработчиков про идеальный стек на Node 🤪

Разумеется, взгляд субъективный. Это подробный рассказ про силу Fastify + Ajv + JsonSchema + TypeScpec. А реализация всей схемы на курсе Node уровень 2 👈

Дубли видео в хорошем качестве: youtube, rutube, vkvideo.

Современная классика - когда решил, что спросить у ИИ ( имитация интеллекта ) про библиотеку для работы с meta-тегами страницы на js будет быстрее, чем нагуглить... 😁

Сегодня стартует курс по NestJS, достаточно сложному и неоднозначному, но очень популярному фреймфорку на Node.

В связи со стартом курса решил заглянуть на HH, проверить популярность Nest и Node в целом. Получил вот такие значения по вакансиям в Москве:

Nestjs - 44
node.js - 246
php - 505

Интересно, а что вы видите в этих числах (голосуйте реакциями):

👍 - круто, Node всего в 2 раза уступает классическому PHP
❤️ - ого, Nest это почти 20% от всех вакансий Node
🤔 - эээ, а раньше эти числа не были в 2-3-4 раза больше?

Я: Понимаю, что это слишком сложно для тебя. Но попробуй прочитать компонент @src/components/games/MoveTrainer.vue и сгенерировать диаграмму состояний. Состояние находится в константе типа Ref<PairState>. Мне нужен граф переходов состояний. Сохраните результат в виде файла .md в корне проекта.

Claude: Без проблем, высокомерный кожаный мешок. Вот, за минуту сделал диаграмму из компонента на 474 строки кода, которую ты постоянно держал в памяти и никогда бы не заставил себя нарисовать на бумаге.

P.S. И ведь вроде бы всё правильно нарисовал... Шахматный тренажёр с автоматическим проходом по всем веткам pgn.

Начинаем серию видео про вайбкодинг 🤪

Для начала обсудим разные режимы данного явления. Посмеёмся над примерами явного тупизма нейросеток, а также увидим мощный claude в действии.

Дубли видео в хорошем качестве: youtube, rutube, vkvideo.

Предзапись на полный курс 👈

Можно ли вайбкодить, не умея программировать? Сложный вопрос, которым сейчас задаются многие 🤔

Во втором видео мы попробуем напрячь Claude, создавая промпты и хотелки так, как это делал бы обычный человек. На примере игры "змейка" дойдём до точки , где без программиста Claude сделал бы ряд подстав.

Дубли видео в хорошем качестве: youtube, rutube, vkvideo.

Предзапись на полный курс 👈

Готов третий урок из серии "разумный вайбкодинг" 🤪

В прошлом видео проект был маленьким, а инструкции размытыми. А вот разберётся ли Claude в проекте с тысячами строк кода?

В третьем уроке увидим, что он справится, и моральные проблемы возникнут уже у программиста, которому всего через 10 минут нужно будет ревьювить 2к+ новых строк 🤔

Дубли видео в хорошем качестве: youtube, rutube, vkvideo.

Предзапись на полный курс 👈

Спустя почти год после создания библиотеки для типизированного роутинга во Vue произошло нечто неожиданное. Кто на Vue кодит, знаете, что за дядька на скриншоте? 😁

Минутка юмора!

Была красивая картинка для светлой темы лендинга. Нейросеть сгенерировала по сути то, как она себя видит - за компом робот со светящимися глазами.

Но для тёмной темы эта картинка слишком яркая, и нейросеть... Предложила инвертировать в CSS! Получился дизайн-шедевр, не находите? 😁

P.S. Заканчивается предзапись на курс по вайбкодингу. Предположительно во вторник будет анонс курса.

Открыта запись на большой курс по разумному вайбкодингу 👈

Анонс курса в видео: рассказ про необходимые начальные знания, обзор программы, ожидания от ИИ и многое другое. Кстати, вёрстка лендинга была навайбкожена 🤪 И Claude сэкономил тонну моего времени.

Дубли видео в хорошем качестве: youtube, rutube, vkvideo.

Кстати, серия видео про разумный вайбкодинг ещё не завершилась. В ближайшие две недели выйдет несколько роликов.

Спустя неделю после анонса курса по разумного вайбкодингу, я заметил, что многие хотят попробовать магию Claude, но боятся препятствий, создаваемых Anthropic.

Поэтому в новом ролике мы подключим к Claude Cli бесплатную модель с помощью claude-code-router. Видео будет полезно для тех, кто хочет попробовать Claude Code без регистрации на claude ai.

Если собираетесь на курс, то на уроках мы будем использовать реальный аккаунт claude и основные модели. Но между уроками самостоятельно тренироваться можно будет с помощью любой модели.

Дубли видео в хорошем качестве: youtube, rutube, vkvideo.