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

Для любителей 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/ 👈

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

Наконец-то смог более-менее привести в порядок материалы на сайте и rutube-канал. Теперь найти и посмотреть новые уроки будет проще!

Примерно в 2020 году забросил все площадки кроме youtube. На нём было 99% активности, остальные платформы просто не имели смысла. Даже дублировать видео на свой сайт перестал 🤔

Но народная мудрость оказалась права. Не клади все яйца в одну корзину, ведь по ним обязательно стукнут 😅 Сервера Youtube устаревают всё эффективнее, трафик потихоньку обнуляется.

Зато появился повод разместить все ролики на своём сайте, структурировать по категориям, добавить дату создания ролика и его актуальность в 2025.

Rutube: https://rutube.ru/channel/51569235 👈
Сайт: https://dmitrylavrik.ru/video 👈

Сегодня стартует Node Hardcore, а это значит, что какое-то время контента на youtube-rutube скорее всего не будет 🤔 Все силы уйдут на node-курс.

Для примера прикрепляю картинку демотиватор - одна их черновых схем реализации идеи documentation first, к которой мб придём в середине курса 😁 Должно быть очень удобно и для backend и для frontend.

В конце июля-начале августа планируется возврат к нормальным темам. Будет либо новый крутой формат по typescript, либо летняя акция и полноценный запуск всех потоков. А может быть даже курс по Progressive Web Applications прилетит.

Всем привет!

Решил сделать небольшой опрос по темам для курсов.

Через 1-2 недели запущу летнюю акцию. Под неё с августа до декабря выстраиваю расписание курсов. Два вектора уже определены:

- линейка frontend-vue-vue2-vueTs
- линейка laravel-laravelInertia ( Inertia - противоречивая вещь, зато SPA по сложности получаются на уровне простой суммы сложностей Laravel и Vue базового )

В расписании есть место ещё для одного вектора. Что сделать: React-React2-Next, Node-NodeLevel2 или оставить резерв для новых сложных программ вроде PWA?

Опрос в сообщении выше, а свой вариант предлагайте в комментариях.

Приготовил видео по очень интересной теме: Laravel + Inertia.js!

Вообще-то, это анонс курса Laravel уровень 2, но записываться на него пока что не нужно, ведь скоро летняя акция и большие скидки 😁

А вот посмотреть видео, оценить современный подход к созданию монолитов, который сочетает в себе простоту MPA и UI SPA, очень рекомендую!

Посмотреть можно на youtube 👈 и rutube 👈

Ну что ж, курсы определены, линейки выстроены, летняя акция запустится, скорее всего, завтра 👍

Намечены три основных вектора:

👉 js frontend - vue - vue 2 - vue ts
👉 js frontend - react - react 2 - next (новый курс)
👉 laravel - laravel 2 (новый курс)

Сбоку ещё тусуется базовый курс typescript для опционального параллельного прохождения. Подробности и рекомендации скоро будут в отдельном видео про акцию.

И ещё есть радостная новость для тех, кто ждёт базового js. Его больше не будет 😅 Программа становится полностью бесплатной, распиливается на части, перезаписывается и публикуется на youtube / rutube каналах.

Постараюсь записать эти уроки с 1 по 15 августа. Так что у новичков будет шанс подготовиться к курсу js frontend.

Летняя акция запущена! 👉 https://summer.dmitrylavrik.ru/

Лучшие цены будут действовать несколько дней, потом появится таймер обратного отсчёта.

В видео на страничке подробно описал линейки курсов и свой взгляд на текущую ситуацию в IT 🤔

А серию видео для подготовки к javascript frontend курсу начну публиковать ближе к концу недели.

Ну что ж, начинаем серию уроков по базовому javascript 👍

Первый ролик совсем простой, в нём я рассказываю про план курса, необходимые начальные знания и причины, по которым базовый js стал бесплатным.

Также немного поговорим про DOM и сделаем первый простейший пример.

Если урок покажется слишком простым - не переживайте, это введение, а сложность мы нарастим быстро🤪

Смотреть можно на youtube, rutube и vkvideo 👈

Выкладываю второе видео серии "Базовый javascript" 👍

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

После этого главной нашей целью станут способы подписки на event-ы, начиная с полей с префиксом on, завершая нормальным методом addEventListener.

Доступно для просмотра на youtube, rutube и vkvideo 👈

Третий урок по базовому javascript получился достаточно длинным - 48 минут. Как раз на два дня хватит. Думаю, что завтра видео не будет, так как у меня заключительное занятие в группе Node Hardcore 🤪

А в текущем уроке мы разбираемся с областью видимости переменных и замыканиями.

Смотреть можно на youtube, rutube и vkvideo. А ещё выложил код урока. Но полезнее переписать его самостоятельно.