Всем бодрого вечера!
Перед тем, как сделать видео / вебинар про 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 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 минут - просто философия, зато потом полчасика кодим. Новичкам приятного просмотра! А кто поопытнее, ждите следующих выпусков!
👍20🎅2🎄2
Записал второй ролик из серии "Vue.js - карта тем для изучения"! Поговорим про компонентный подход, SPA и "архитектурную яму".
ВК - https://vk.com/video-74306204_456239036
Youtube - https://youtu.be/hqIKAnf7g38
Темы эволюции web и server side rendering в следующем ролике.
ВК - https://vk.com/video-74306204_456239036
Youtube - https://youtu.be/hqIKAnf7g38
Темы эволюции web и server side rendering в следующем ролике.
👍13✍2
Сегодня не успел сделать третье видео по Vue. Поэтому минутка юмора. Скриншот под названием "когда программист на 3-4 года забросил группу ВК, а сейчас сделал пару постов про Vue и открыл статистику по аудитории".
Что это? Подписчики повзрослели, а программист нет? Или сейчас это реальный средний профиль тех, кому по душе IT 🤨
Что это? Подписчики повзрослели, а программист нет? Или сейчас это реальный средний профиль тех, кому по душе IT 🤨
😁10👍3🤔2🔥1
Завершаем цикл "Vue.js - карта тем для изучения". Много мыслей про Server Side Rendering как причину всех сложностей.
ВК - https://vkvideo.ru/video-74306204_456239037
Youtube - https://youtu.be/hzDE90-yoow
Сложность темы SSR не должна пугать. Новичку есть чем заняться во Vue и без SSR. Всему своё время)
ВК - https://vkvideo.ru/video-74306204_456239037
Youtube - https://youtu.be/hzDE90-yoow
Сложность темы SSR не должна пугать. Новичку есть чем заняться во Vue и без SSR. Всему своё время)
👍11
Всем привет!
Сейчас немного меняю структуру новогодней акции, убираю линейку PHP, добавляют новые курсы в js / node.
Дело в том, что немало учеников просят конкретный курс. Но никак не могу понять, как всё-таки правильно пишется: Next.js или Nest.js 🤔 Может подскажете? 😁
Опрос в посте выше.
Сейчас немного меняю структуру новогодней акции, убираю линейку PHP, добавляют новые курсы в js / node.
Дело в том, что немало учеников просят конкретный курс. Но никак не могу понять, как всё-таки правильно пишется: Next.js или Nest.js 🤔 Может подскажете? 😁
Опрос в посте выше.
😁8
Всем доброго вечера! С Новым Годом! 🎉
Для любителей Vue.js сделал видео про SSR и нюансы гидратации. От ленивой гидратации всей страницы до новой фишки из Vue 3.5
Youtube - https://youtu.be/HVPKTXNoF6g
VK - https://vkvideo.ru/video-74306204_456239038
Для любителей Vue.js сделал видео про SSR и нюансы гидратации. От ленивой гидратации всей страницы до новой фишки из Vue 3.5
Youtube - https://youtu.be/HVPKTXNoF6g
VK - https://vkvideo.ru/video-74306204_456239038
🔥15☃4🎉3👍1
Сделал много роликов по Vue, а теперь пришло время React!
Рассматриваем радостные новости из React, который с 19 версии поддерживает use, необходимый для адекватного server side rendering:
Youtube - https://youtu.be/DjAXDtSGrt8
VK - https://vkvideo.ru/video-74306204_456239039
Любителям Vue тоже рекомендую посмотреть на React, чтобы... понять, насколько вам повезло со Vue 😁
Рассматриваем радостные новости из React, который с 19 версии поддерживает use, необходимый для адекватного server side rendering:
Youtube - https://youtu.be/DjAXDtSGrt8
VK - https://vkvideo.ru/video-74306204_456239039
Любителям Vue тоже рекомендую посмотреть на React, чтобы... понять, насколько вам повезло со Vue 😁
👍6🔥2❤1😁1
Всем бодрого вечера!
После ряда полезных видео небольшая рекламная пауза 😀 - запускаю новый курс по node - NestJS. Старт в апреле сразу после базового Node и Typescript. Ещё активна новогодняя акция, поэтому решил сразу опубликовать обзор - https://js.dmitrylavrik.ru/node-level-2/
Обзор курса, мысли про фреймворки и велосипеды в отдельном ролике:
youtube - https://youtu.be/hIn0VxbTc4w
vkvideo - https://vk.com/video-74306204_456239040
После ряда полезных видео небольшая рекламная пауза 😀 - запускаю новый курс по node - NestJS. Старт в апреле сразу после базового Node и Typescript. Ещё активна новогодняя акция, поэтому решил сразу опубликовать обзор - https://js.dmitrylavrik.ru/node-level-2/
Обзор курса, мысли про фреймворки и велосипеды в отдельном ролике:
youtube - https://youtu.be/hIn0VxbTc4w
vkvideo - https://vk.com/video-74306204_456239040
🔥11❤2👍2
Всем привет!
Увлёкшись видео по Vue и React, совсем забыл, что хотел рассказать и про другую сторону - про backend.
Начинаем серию видео по Node! 🤪 Планирую что-то в духе серии "карта тем по Vue", но, может быть, свернём в сторону конкретных тем, например, event loop. Посмотрим, как сложится.
Первое видео достаточно простое. Пофилософствуем про Node.js, сделаем hello world и выложим его на реальный сервер.
youtube - https://youtu.be/kkU_Lk8kdms
vkvideo - https://vk.com/video-74306204_456239041
Увлёкшись видео по Vue и React, совсем забыл, что хотел рассказать и про другую сторону - про backend.
Начинаем серию видео по Node! 🤪 Планирую что-то в духе серии "карта тем по Vue", но, может быть, свернём в сторону конкретных тем, например, event loop. Посмотрим, как сложится.
Первое видео достаточно простое. Пофилософствуем про Node.js, сделаем hello world и выложим его на реальный сервер.
youtube - https://youtu.be/kkU_Lk8kdms
vkvideo - https://vk.com/video-74306204_456239041
🔥12👍7❤2
Всем привет!
В node тут забавное новшество вышло - флажок для экспериментального запуска typescript теперь включён по умолчанию 🤔
В целом это очень круто, так как показывает вектор развития всего js, который... авось, полностью превратится в ts 😁
Записал ролик, в котором показываю, как в node работает чистый typescript-код. А работает он неплохо)
youtube - https://youtu.be/oHfY64TIPC8
vkvideo- https://vkvideo.ru/video-74306204_456239042
В node тут забавное новшество вышло - флажок для экспериментального запуска typescript теперь включён по умолчанию 🤔
В целом это очень круто, так как показывает вектор развития всего js, который... авось, полностью превратится в ts 😁
Записал ролик, в котором показываю, как в node работает чистый typescript-код. А работает он неплохо)
youtube - https://youtu.be/oHfY64TIPC8
vkvideo- https://vkvideo.ru/video-74306204_456239042
🔥17👍5
Доброго вечера!
Typescript рулит. Целиком и полностью.
Например, есть задача описать DTO и провести валидацию этих данных. Пишем только типы, а runtime сам сложится :)
Смотрим, как Nestia в разы улучшает NestJS.
youtube - https://youtu.be/eAFq35Z6z5I
vkvideo - https://vk.com/video-74306204_456239043
Typescript рулит. Целиком и полностью.
Например, есть задача описать DTO и провести валидацию этих данных. Пишем только типы, а runtime сам сложится :)
Смотрим, как Nestia в разы улучшает NestJS.
youtube - https://youtu.be/eAFq35Z6z5I
vkvideo - https://vk.com/video-74306204_456239043
🔥14👍2
Всем привет!
Появился интересный контент для любителей vue и typescript!
Во vue из коробки типизировано почти всё. Кроме роутера. Точнее, в доках vue-router показан способ включить строгую типизацию с помощью TypesConfig.RouteNamedMap, но там же чёрным по белому написано, что вручную создавать эти типы долго, сложно и т.п. Советуют подключать плагины и роутинг на основе папок... Что не всем по душе.
Так вот, я тут заморочился с typescript и сделал библиотеку, которая из массива роутов сама выведет все эти типы. Без каких либо усилий 😀
Уже доступно на npm и github - https://github.com/dmitry-lavrik/vue-routes-to-types/
Нормальное описание и видеоразбор сделаю до конца недели. Кому не лень, просьба поддержать звездой на github 🌟
Появился интересный контент для любителей vue и typescript!
Во vue из коробки типизировано почти всё. Кроме роутера. Точнее, в доках vue-router показан способ включить строгую типизацию с помощью TypesConfig.RouteNamedMap, но там же чёрным по белому написано, что вручную создавать эти типы долго, сложно и т.п. Советуют подключать плагины и роутинг на основе папок... Что не всем по душе.
Так вот, я тут заморочился с typescript и сделал библиотеку, которая из массива роутов сама выведет все эти типы. Без каких либо усилий 😀
Уже доступно на npm и github - https://github.com/dmitry-lavrik/vue-routes-to-types/
Нормальное описание и видеоразбор сделаю до конца недели. Кому не лень, просьба поддержать звездой на github 🌟
🔥19👍13
В продолжение вчерашней темы сделал видео по применению библиотеки для типизированного роутинга во Vue!
youtube - https://youtu.be/pXgrya9yqho
vkvideo - https://vk.com/video-74306204_456239045
Всем vue-шникам строго рекомендовано к просмотру! Даже если не пишите на typescript, то, может быть, увидев типизированный роутинг, захотите и ts изучить 😁
youtube - https://youtu.be/pXgrya9yqho
vkvideo - https://vk.com/video-74306204_456239045
Всем vue-шникам строго рекомендовано к просмотру! Даже если не пишите на typescript, то, может быть, увидев типизированный роутинг, захотите и ts изучить 😁
❤13👍6🔥3
Открыта запись на новый курс по удобному и ультрасовременному стеку на 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
Философия 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
🔥9👍4
Закрывал 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 её заметят)
youtube - https://youtu.be/C7MYH49IrH4
vkvideo - https://vk.com/video-74306204_456239047
Тем временем библиотека для типизированного роутинга во Vue https://github.com/dmitry-lavrik/vue-routes-to-types/ 🌟 потихоньку набирает звёзды. Авось когда-нибудь в сообществе vue её заметят)
👍6❤5🔥4
Неделю назад выкладывал видео с демонстрацией идей 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/ 👈
Изначально подход кажется громоздким, а 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/ 👈
🔥12
Всем доброго вечера!
Наконец-то смог более-менее привести в порядок материалы на сайте и rutube-канал. Теперь найти и посмотреть новые уроки будет проще!
Примерно в 2020 году забросил все площадки кроме youtube. На нём было 99% активности, остальные платформы просто не имели смысла. Даже дублировать видео на свой сайт перестал 🤔
Но народная мудрость оказалась права. Не клади все яйца в одну корзину, ведь по ним обязательно стукнут 😅 Сервера Youtube устаревают всё эффективнее, трафик потихоньку обнуляется.
Зато появился повод разместить все ролики на своём сайте, структурировать по категориям, добавить дату создания ролика и его актуальность в 2025.
Rutube: https://rutube.ru/channel/51569235 👈
Сайт: https://dmitrylavrik.ru/video 👈
Наконец-то смог более-менее привести в порядок материалы на сайте и rutube-канал. Теперь найти и посмотреть новые уроки будет проще!
Примерно в 2020 году забросил все площадки кроме youtube. На нём было 99% активности, остальные платформы просто не имели смысла. Даже дублировать видео на свой сайт перестал 🤔
Но народная мудрость оказалась права. Не клади все яйца в одну корзину, ведь по ним обязательно стукнут 😅 Сервера Youtube устаревают всё эффективнее, трафик потихоньку обнуляется.
Зато появился повод разместить все ролики на своём сайте, структурировать по категориям, добавить дату создания ролика и его актуальность в 2025.
Rutube: https://rutube.ru/channel/51569235 👈
Сайт: https://dmitrylavrik.ru/video 👈
🔥16👍7❤2🙏2
Сегодня стартует Node Hardcore, а это значит, что какое-то время контента на youtube-rutube скорее всего не будет 🤔 Все силы уйдут на node-курс.
Для примера прикрепляю картинку демотиватор - одна их черновых схем реализации идеи documentation first, к которой мб придём в середине курса 😁 Должно быть очень удобно и для backend и для frontend.
В конце июля-начале августа планируется возврат к нормальным темам. Будет либо новый крутой формат по typescript, либо летняя акция и полноценный запуск всех потоков. А может быть даже курс по Progressive Web Applications прилетит.
Для примера прикрепляю картинку демотиватор - одна их черновых схем реализации идеи documentation first, к которой мб придём в середине курса 😁 Должно быть очень удобно и для backend и для frontend.
В конце июля-начале августа планируется возврат к нормальным темам. Будет либо новый крутой формат по typescript, либо летняя акция и полноценный запуск всех потоков. А может быть даже курс по Progressive Web Applications прилетит.
🔥7❤4👍2😁2
Какую линейку ставим помимо Vue и Laravel
Anonymous Poll
45%
React + React2 + Next
31%
Node + Node2
29%
Резер времени под новые сложные программы
9%
Свой вариант (пишите в комментах)
Всем привет!
Решил сделать небольшой опрос по темам для курсов.
Через 1-2 недели запущу летнюю акцию. Под неё с августа до декабря выстраиваю расписание курсов. Два вектора уже определены:
- линейка frontend-vue-vue2-vueTs
- линейка laravel-laravelInertia ( Inertia - противоречивая вещь, зато SPA по сложности получаются на уровне простой суммы сложностей Laravel и Vue базового )
В расписании есть место ещё для одного вектора. Что сделать: React-React2-Next, Node-NodeLevel2 или оставить резерв для новых сложных программ вроде PWA?
Опрос в сообщении выше, а свой вариант предлагайте в комментариях.
Решил сделать небольшой опрос по темам для курсов.
Через 1-2 недели запущу летнюю акцию. Под неё с августа до декабря выстраиваю расписание курсов. Два вектора уже определены:
- линейка frontend-vue-vue2-vueTs
- линейка laravel-laravelInertia ( Inertia - противоречивая вещь, зато SPA по сложности получаются на уровне простой суммы сложностей Laravel и Vue базового )
В расписании есть место ещё для одного вектора. Что сделать: React-React2-Next, Node-NodeLevel2 или оставить резерв для новых сложных программ вроде PWA?
Опрос в сообщении выше, а свой вариант предлагайте в комментариях.
🔥11