Всем привет!

Создание канала в телеграме давно напрашивалось, но всегда находились какие-то другие дела, отвлекающие от этого. Теперь, когда вероятность блокировки youtube высока, актуальность канала в телеграме становится неоспоримой.

Тем временем на третьем уроке курса по typescript

Началась новогодняя распродажа 2023 - https://newyear.dmitrylavrik.ru
Видео про акцию - https://youtu.be/TDMguRcv74o

Началась новогодняя распродажа 2025 - https://newyear.dmitrylavrik.ru

До Нового Года остаётся две недели. За это время планирую провести ряд трансляций на youtube / twitch. Пока что в планах:

- показать Vue 3.5, особенно отложенную гидратацию
- немного покодить на React 19, показать использование use()
- в live запилить что-нибудь на Nuxt + Adonis

В комментариях пишите, какие ещё темы могут быть интересны.

Всем бодрого вечера!

Перед тем, как сделать видео / вебинар про Vue 3.5 lazy hydration, решил пробежаться по базовым темам, чтобы у менее опытных участников был шанс понять, что это вообще за звери: ssr, hydration и т.п.

Друг за другом выйдут три ролика, которые называются "Vue.js - карта тем для изучения". В первом из них речь пойдёт про начальные знания для изучения Vue и про первую ключевую тему - декларативность.

Первое видео уже доступно в ВК - https://vk.com/dmitrylavrik?z=video-74306204_456239035%2Fvideos-74306204 и на youtube https://www.youtube.com/watch?v=04p2WB7DoUs

Первые 10 минут - просто философия, зато потом полчасика кодим. Новичкам приятного просмотра! А кто поопытнее, ждите следующих выпусков!

Записал второй ролик из серии "Vue.js - карта тем для изучения"! Поговорим про компонентный подход, SPA и "архитектурную яму".

ВК - https://vk.com/video-74306204_456239036
Youtube - https://youtu.be/hqIKAnf7g38

Темы эволюции web и server side rendering в следующем ролике.

Сегодня не успел сделать третье видео по Vue. Поэтому минутка юмора. Скриншот под названием "когда программист на 3-4 года забросил группу ВК, а сейчас сделал пару постов про Vue и открыл статистику по аудитории".

Что это? Подписчики повзрослели, а программист нет? Или сейчас это реальный средний профиль тех, кому по душе IT 🤨

Завершаем цикл "Vue.js - карта тем для изучения". Много мыслей про Server Side Rendering как причину всех сложностей.

ВК - https://vkvideo.ru/video-74306204_456239037
Youtube - https://youtu.be/hzDE90-yoow

Сложность темы SSR не должна пугать. Новичку есть чем заняться во Vue и без SSR. Всему своё время)

Всем привет!

Сейчас немного меняю структуру новогодней акции, убираю линейку PHP, добавляют новые курсы в js / node.

Дело в том, что немало учеников просят конкретный курс. Но никак не могу понять, как всё-таки правильно пишется: Next.js или Nest.js 🤔 Может подскажете? 😁

Опрос в посте выше.

Всем доброго вечера! С Новым Годом! 🎉

Для любителей Vue.js сделал видео про SSR и нюансы гидратации. От ленивой гидратации всей страницы до новой фишки из Vue 3.5

Youtube - https://youtu.be/HVPKTXNoF6g
VK - https://vkvideo.ru/video-74306204_456239038

Сделал много роликов по Vue, а теперь пришло время React!

Рассматриваем радостные новости из React, который с 19 версии поддерживает use, необходимый для адекватного server side rendering:

Youtube - https://youtu.be/DjAXDtSGrt8
VK - https://vkvideo.ru/video-74306204_456239039

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

Всем бодрого вечера!

После ряда полезных видео небольшая рекламная пауза 😀 - запускаю новый курс по node - NestJS. Старт в апреле сразу после базового Node и Typescript. Ещё активна новогодняя акция, поэтому решил сразу опубликовать обзор - https://js.dmitrylavrik.ru/node-level-2/

Обзор курса, мысли про фреймворки и велосипеды в отдельном ролике:

youtube - https://youtu.be/hIn0VxbTc4w
vkvideo - https://vk.com/video-74306204_456239040

Всем привет!

Увлёкшись видео по Vue и React, совсем забыл, что хотел рассказать и про другую сторону - про backend.

Начинаем серию видео по Node! 🤪 Планирую что-то в духе серии "карта тем по Vue", но, может быть, свернём в сторону конкретных тем, например, event loop. Посмотрим, как сложится.

Первое видео достаточно простое. Пофилософствуем про Node.js, сделаем hello world и выложим его на реальный сервер.

youtube - https://youtu.be/kkU_Lk8kdms
vkvideo - https://vk.com/video-74306204_456239041

Всем привет!

В node тут забавное новшество вышло - флажок для экспериментального запуска typescript теперь включён по умолчанию 🤔

В целом это очень круто, так как показывает вектор развития всего js, который... авось, полностью превратится в ts 😁

Записал ролик, в котором показываю, как в node работает чистый typescript-код. А работает он неплохо)

youtube - https://youtu.be/oHfY64TIPC8
vkvideo- https://vkvideo.ru/video-74306204_456239042

Доброго вечера!

Typescript рулит. Целиком и полностью.

Например, есть задача описать DTO и провести валидацию этих данных. Пишем только типы, а runtime сам сложится :)

Смотрим, как Nestia в разы улучшает NestJS.

youtube - https://youtu.be/eAFq35Z6z5I
vkvideo - https://vk.com/video-74306204_456239043

Всем привет!

Появился интересный контент для любителей vue и typescript!

Во vue из коробки типизировано почти всё. Кроме роутера. Точнее, в доках vue-router показан способ включить строгую типизацию с помощью TypesConfig.RouteNamedMap, но там же чёрным по белому написано, что вручную создавать эти типы долго, сложно и т.п. Советуют подключать плагины и роутинг на основе папок... Что не всем по душе.

Так вот, я тут заморочился с typescript и сделал библиотеку, которая из массива роутов сама выведет все эти типы. Без каких либо усилий 😀

Уже доступно на npm и github - https://github.com/dmitry-lavrik/vue-routes-to-types/

Нормальное описание и видеоразбор сделаю до конца недели. Кому не лень, просьба поддержать звездой на github 🌟

В продолжение вчерашней темы сделал видео по применению библиотеки для типизированного роутинга во Vue!

youtube - https://youtu.be/pXgrya9yqho
vkvideo - https://vk.com/video-74306204_456239045

Всем vue-шникам строго рекомендовано к просмотру! Даже если не пишите на typescript, то, может быть, увидев типизированный роутинг, захотите и ts изучить 😁

Открыта запись на новый курс по удобному и ультрасовременному стеку на NodeJs + TypeScript 😀

Философия documentation first, Fastify, Ajv-валидация, Drizzle Orm и многое другое - https://js.dmitrylavrik.ru/node-hardcore/ 👈

Подробный видеообзор с демонстрацией кода на Fastify:

youtube - https://youtu.be/zXqOERuawv0?si=x1dbh2sg8j-C_gk9
vkvideo - https://vk.com/video-74306204_456239046

Закрывал issue на github и обнаружил пробел в своих знаниях Vue 😁. Так появился небольшой философский ролик на тему того, чем open source может быть полезен для развития программиста:

youtube - https://youtu.be/C7MYH49IrH4
vkvideo - https://vk.com/video-74306204_456239047

Тем временем библиотека для типизированного роутинга во Vue https://github.com/dmitry-lavrik/vue-routes-to-types/ 🌟 потихоньку набирает звёзды. Авось когда-нибудь в сообществе vue её заметят)

Неделю назад выкладывал видео с демонстрацией идей backend на Fastify + JSONSchema + Ajv. Продолжаем данную тему.

Изначально подход кажется громоздким, а JSONSchema неуклюжей. Однако, мы закрываем сразу три направления: создание документации, валидация входных данных и корректная сериализация ответа от сервера.

А ещё есть и бонус для frontend! Из качественного openapi можно автоматически создать типизированный fetch-клиент.

Всё это демонстрирую в новом ролике:

youtube - https://youtu.be/Ct--eFOF4XQ
vkvideo - https://vk.com/video-74306204_456239048

Если вы далеки от backend и кодите на Vue или React, то попробуйте открыть ролик на 17:30 и оценить удобство генерации типов для frontend. Ведь хорошо было бы, если бы все backend так делали!? 👍

А курс стартует уже через 2.5 недели - https://js.dmitrylavrik.ru/node-hardcore/ 👈