Lavrik Roman
Lavrik Roman
  • 63
  • 64 433
Триатлон. Первая полужелезная дистанция. 113km
Рассказываю как за три месяца подготовился к триатлону и прошел полужелезную дистанцию.
🏃 00:00 - Как докатиться до такого?
🏃 01:01 - Как начинал тренироваться
🏃 02:01 - Плавание
🏃 03:04 - Велогонка
🏃 03:59 - Бег
🏃 04:51 - Экипировка
🏃 07:24 - Про что не рассказал
Мой телеграм канал : t.me/RomaLavrik
Моя инста: lavrik__roma
Мое приложение для поиска авиабилетов и отелей на андроид на русском и английском языках.
iOS: apps.apple.com/ua/app/t7-travel/id1586453463?l=ru&platform=iphone
Android: play.google.com/store/apps/details?id=com.t.travel&pli=1
Переглядів: 221

Відео

Чат 9. Сообщения по чатам и аутентификация для Websockets.
Переглядів 4702 роки тому
Пишем выделение чатов, подгружаем сообщения, бьемся с багами. Ссылка на код: github.com/exoriri/chat-svelte-nodejs-WS-graphql/tree/part8-part9/user-chats 💻 00:00 - Что будем делать? 💻 00:29 - Выбор первого чата по умолчанию (frontend) 💻 11:22 - Загрузка сообщений по чату (back & front) 💻 30:02 - Аутентификация для Websockets и отправка сообщений по чату. (nestjs) 💻 41:18 - Собираем баги. 💻 42:1...
Часть 8. Разработка чата. Вывод чатов. Svelte + NestJs.
Переглядів 1892 роки тому
Дописываем логику на бэке(NestJs) для загрузки чатов у пользователя. Пишем логику на фронте(svelte) для вывода чатов. Подверстываем страницу. Ссылка на код: github.com/exoriri/chat-svelte-nodejs-WS-graphql/tree/part8-part9/user-chats 💻 00:00 - Что делаем? 💻 00:11 - Загрузка всех чатов. Пишем запросы на фронте. 💻 05:15 - TypeORM. NestJS. Дописываем бэкенд для получения пользователей вместе с чат...
Написал приложение на React Native.
Переглядів 2,4 тис.2 роки тому
Рассказываю, что сделал со приложением за последние несколько месяцев. Скачать приложение можно: iOS: apps.apple.com/ua/app/t7-travel/id1586453463?l=ru&platform=iphone Android: play.google.com/store/apps/details?id=com.t.travel&pli=1 - Группа для помощи в IT: t.me/it_help_mate
Часть 7. Разработка чата. Websockets на Svelte
Переглядів 2742 роки тому
В этом ролике пишем логику отправки сообщений на Svelte. Немного корректируем backend. P.S Прошу прощение за звук:)) - Группа для помощи в IT: t.me/it_help_mate Полезные ссылки: - Код к видео: github.com/exoriri/chat-svelte-nodejs-WS-graphql/tree/part7/frontend-websockets - Настройка headers на клиенте: www.apollographql.com/docs/react/networking/authentication/ - Настройка websockets на клиент...
Часть 6. Разработка чата. Настраиваем websockets и создаем таблицы на сервере.
Переглядів 3832 роки тому
Делаем отношения для таблиц на TypeOrm. Пишем services для новых таблиц и настраиваем вебсокеты на nestjs. Ссылка на код к видео: github.com/exoriri/chat-svelte-nodejs-WS-graphql/tree/part6/websocket-graphql Insert'ы для заполнения базы данных: gist.github.com/exoriri/ce62b49f071e3a260d0e851af18d6277 💻 00:00 - Что делаем? 💻 00:51 - Настраиваем отношения на TypeORM. Добавляем данные в Postgres. ...
Токсово за 6 минут. { Снова в дорогу }
Переглядів 6842 роки тому
Смотрим 3 интересных места в Токсово пешком, за 6 минут. ⛰️ 00:00 - Как поехал и почему Токсово? ⛰️ 01:35 - Список мест. Изумрудное озеро. ⛰️ 03:30 - Парк Зубровник. ⛰️ 04:52 - Хепо тропа. Место для покупки авиабилетов. aviasales.tp.st/JSt6on2g А тут можно поискать отели. hotellook.tp.st/aYpo8OwG
Паттерн Observer. Пишем на чистом JavaScript. Подробно.
Переглядів 7662 роки тому
Знать фреймворки и пользоваться популярными инструментами - это круто. Но как работают некоторые вещи изнутри бывает очень полезно. В этом видео на чистом javascript пишем поведенческий паттерн "Наблюдатель". Полезные ссылки: Исходный код для "Отслеживания поля": codepen.io/Exoriri/pen/qBYJYMd Исходный код "подписки к журналам": codepen.io/Exoriri/pen/yLoMmpr Описание паттерна Observer на англи...
Часть 5. Разработка чата. Подключаем GraphQL на Svelte
Переглядів 2302 роки тому
В этом видео настраиваем все, что нужно для работы с graphql на фронте. Делаем первые запросы на бэкенд. 💻 00:00 - Что будем делать? 💻 00:20 - Настройка GraphQL Code Generator 💻 10:07 - Настраиваем запросы на бэкенд 💻 16:17 - Сохраняем пользователя в store. State management на Svelte 💻 23:05 - Верстаем profile в шапке 💻 35:24 - Делаем функционал выхода пользователя (Logout) 💻 42:52 - Итоги Мое ...
Часть 4. Роутинг на Svelte и верстка. Svelte. NestJs. GraphQL. Websockets.
Переглядів 3172 роки тому
Настраиваем роутинг для login page. Рассматриваем детально макет и верстаем страницу. Полезные ссылки: Исходный код: github.com/exoriri/chat-svelte-nodejs-WS-graphql/tree/part4/svelte-routing Макет: www.figma.com/file/KyFVMQyDUTYKYzFxDbhaOx/Chat-Design 💻 00:00 - О чем ролик? 💻 00:24 - Настраиваем роутинг. Svelte-Navigator 💻 10:05 - Верстка Desktop. Композиция элементов. 💻 16:35 - Desktop. Верст...
Часть 3. Подключаем PostgreSQL и JWT. Svelte. NestJs. GraphQL. Websockets
Переглядів 6602 роки тому
Подключаем PostgreSQL к серверу. Используем typeorm для запросов к бд. Генерируем токены через JWT. Полезные ссылки. Исходный код: github.com/exoriri/chat-svelte-nodejs-WS-graphql/tree/part3/postgres-jwt Настройка postgres на NestJs: blog.devgenius.io/setting-up-nestjs-with-postgresql-ac2cce9045fe Обработка ошибок в GraphQL. (Примеры на реакте, но хорошо показано как можно описывать схему). blo...
Комаровский берег. Зеленогорск. Озеро Щучье. {{Снова в дорогу}}
Переглядів 1092 роки тому
Велопутешествие по Ленинградской области на природу. Место для покупки авиабилетов. aviasales.tp.st/JSt6on2g А тут можно поискать отели. hotellook.tp.st/aYpo8OwG 00:00 - Введение. Нитка маршрута. 01:09 - Выбор велосипеда. 02:19 - Комарово. 06:04 - Зеленогорск. 07:29 - Природный заказник. Озеро Щучье. 08:50 - Заключение. Общее расстояние.
Часть 2. Настраиваем сервер. Svelte. NestJs. GraphQL и Websockets
Переглядів 4762 роки тому
Live coding. Разворачиваем сервер на NestJS и настраиваем GraphQL. Полезные ссылки: Рабочий код: github.com/exoriri/chat-svelte-nodejs-WS-graphql/tree/part2/nestjs-graphql Документация NestJs: docs.nestjs.com/first-steps 00:00 - Интро. О чем ролик? 00:10 - Смотрим NestJs и разворачиваем проект 09:17 - Настраиваем GraphQL 12:45 - Описываем схемы GraphQL и достраиваем проект 21:41 - Смотрим Graph...
Часть 1. Делаем чат на Svelte. NodeJs. GraphQL и Websockets. Верстка.
Переглядів 9532 роки тому
Часть 1. Делаем чат на Svelte. NodeJs. GraphQL и Websockets. Верстка.
Mongo. Индексы. TTL Indexes. CRON
Переглядів 8012 роки тому
Mongo. Индексы. TTL Indexes. CRON
Гатчина. Дворцовый парк. Велопутешествие
Переглядів 5402 роки тому
Гатчина. Дворцовый парк. Велопутешествие
Инофрмация о канале
Переглядів 3042 роки тому
Инофрмация о канале
Docker. Основы. Базовая конфигурация
Переглядів 2272 роки тому
Docker. Основы. Базовая конфигурация
VITE. Новый подход к сборке фронтенд проектов.
Переглядів 6 тис.2 роки тому
VITE. Новый подход к сборке фронтенд проектов.
JavaScript. Типы данных.
Переглядів 2602 роки тому
JavaScript. Типы данных.
Что помогает в беге? Мои заключения №1.
Переглядів 442 роки тому
Что помогает в беге? Мои заключения №1.
Как я начал бегать полумарафоны?
Переглядів 432 роки тому
Как я начал бегать полумарафоны?
Как тестировать мобильные приложения?
Переглядів 682 роки тому
Как тестировать мобильные приложения?
О том, о сем. Разработка, ликийская тропа, канал.
Переглядів 442 роки тому
О том, о сем. Разработка, ликийская тропа, канал.
СЕРБИЯ. НОВЫЙ САД. СУБОТИЦА.
Переглядів 1,1 тис.3 роки тому
СЕРБИЯ. НОВЫЙ САД. СУБОТИЦА.
Балканские страны. Путешествие по Балканским странам. Сравнение.
Переглядів 5093 роки тому
Балканские страны. Путешествие по Балканским странам. Сравнение.
Черногория. Бар. Часть 3. Интересные места в Черногории.
Переглядів 1523 роки тому
Черногория. Бар. Часть 3. Интересные места в Черногории.
Черногория в пандемию. Цены в Черногории. Ограничения в Черногории.
Переглядів 4943 роки тому
Черногория в пандемию. Цены в Черногории. Ограничения в Черногории.
Веб кроулинг на node js. Web crawlers node js.
Переглядів 1043 роки тому
Веб кроулинг на node js. Web crawlers node js.
Черногория. Румия. Что посмотреть в Черногории?
Переглядів 1923 роки тому
Черногория. Румия. Что посмотреть в Черногории?

КОМЕНТАРІ

  • @kotik7493
    @kotik7493 2 місяці тому

    Четко объяснил

  • @Gavr1lov99
    @Gavr1lov99 3 місяці тому

    Хорошо бы с примером визуальным

  • @aalex198
    @aalex198 6 місяців тому

    vite подходит для небольших проектов, вроде сайтиков на несколько страниц или лендинга, но что делать SEO? Ведь как правило таким сайтикам оно нужно. Vite же рассчитан на рендер из JS. Я собрал сборку vite + pug который мне генерит статические html, но она с нюансами))

  • @РусланЧерненко-у6г
    @РусланЧерненко-у6г 6 місяців тому

    Как установить себе на телефон приложение которое сделал на реакте

  • @ГерманКуренков
    @ГерманКуренков 7 місяців тому

    Я привык путешествовать , а это означает , что белый картон , служит мне препятствием в моих планах познакомиться со всей Сербией ! Получается , я всюду должен искать полицию и стоять в очереди на регистрацию . Это нелепость , после которой не хочу на Балканы ! Может объясните , как вы передвигаетесь , не заботясь о белом картоне ?

  • @viteror
    @viteror 7 місяців тому

    Дороговизна есть такое слово

  • @fruktiliyagoda
    @fruktiliyagoda 8 місяців тому

    Несмотря на преимущества GraphQL я все равно буду использовать Rest...

  • @DavvvT
    @DavvvT 8 місяців тому

    Спасибо. Норм инфа

  • @alephzero7808
    @alephzero7808 9 місяців тому

    На гитхаб Пейджес index.html не открывается

  • @АлександрБоков-щ9б
    @АлександрБоков-щ9б 9 місяців тому

    Я понял!

  • @АлександрБоков-щ9б
    @АлександрБоков-щ9б 9 місяців тому

    Чётко!

  • @leonidvlad5046
    @leonidvlad5046 10 місяців тому

    Благодарю за классный видео обзор,молодец,что делишься с людьми.

  • @Shkiper6710
    @Shkiper6710 10 місяців тому

    Как хорошо, Роман, что у Вас так мало подписчиков и лайков под этим видео. Из-за таких, как Вы, "популяризаторов" отдыха с палаткой и костром в ООПТ в Токсово загажены все места, массово доступные и не обнесенные заборами. За некоторыми заборами притаилась охрана собственности олигархов. И да, наволите справки о местах прогулок, местные называют озеро - Хепоя'рви. Большая часть его берегов в поселке - частная территория. Прорекламировали парк развлечений, ну и ладно.

  • @Muhammad-uv1ie
    @Muhammad-uv1ie Рік тому

    Помог, спасибо!

  • @yuranius-83
    @yuranius-83 Рік тому

    Доброго дня! Отличный материал, у меня один вопрос, как добавляются связи в таблицу users_chats?

  • @Viktor_8292
    @Viktor_8292 Рік тому

    С большим удовольствием посмотрел видео!

  • @Pervoproxodets
    @Pervoproxodets Рік тому

    Хахахах, особенно когда начинаешь читать и такой «впизду пойду на оверылоу поищу или чат гпт» , накопируешь хуеты и дебажишь 10000 лет..

  • @Pervoproxodets
    @Pervoproxodets Рік тому

    good

  • @xsarin
    @xsarin Рік тому

    Vite выполнил все требования моей сборки) кроме одного - вы не поверите какого) watch.buildDelay 🤣🤣 rollupjs/configuration-options/#watch-builddelay Из-за чего работа в режиме --watch и в режиме библиотеке (mode: lib) (без поднятия локального хоста), только build. Невозможна под SFTP (пустой билд, так как sftp сначала стирает контент полностью потом кладёт новый). LOL 2023! сборщики разучились работать с delay и удалёнными хостами. Такое чувство что сборка на удалённом сервере стала уголовно наказуемой. Пока остаюсь на чистом Rollup и Webpack. Evan You, по моему сделал банальную джуновскую сделал ошибку: Дал проброс rollupOptions vitejs/config/build-options.html#build-rollupoptions, но только по ограниченному перечню нод. Почему нельзя была взять мой rollupOptions где заявлен watch.buildDelay и поверх накатить свой. Бросить warning при перезаписи свойства тоже вариант неплохой! Лан) спишем на юность Vite. 😎 P.S. я тестил месяца 3 назад добавлял delay и в output и в rollupOptions согласно доке. Может уже подвезли рабочий delay)

    • @xsarin
      @xsarin Рік тому

      Находил неплохие извращения - делать watch на gulp (с delay ~ 250мс) а потом запускать vite buld 😂 Тормазнуто тогда всё это работало так как билд начинался заново и видимо кэш при перезапуске совсем не помогает.

  • @michaeljames0
    @michaeljames0 Рік тому

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

  • @BogdanRedkin
    @BogdanRedkin Рік тому

    Вайбовий додаток 😊 Дякую за корисне відео 🙏 Успіхів)

  • @zoyaliger4238
    @zoyaliger4238 Рік тому

    Ну, я вижу, единственная, кто оставил комментарий. Честь мне и хвала!🤗

  • @zoyaliger4238
    @zoyaliger4238 Рік тому

    Предложили мне полгода назад дать в библиотеке интервью, поскольку. как выяснилось, я первый переводчик романа "Индиана Джонс" Интервью было намечено на 29 марта, согласовывалось чуть ли не полгода!!! Сегодня сообщили, что по неизвестным причинам интервью зарубил аж Сам Директор! Что-то ему не понравилось: интересно, в романе или во мне? Меня он, правда, никогда не видел, ну, да неважно! В общем, НЕ ПОСЕЩУ Я НАШУ ЗНАМЕНИТУЮ БИБЛИОТЕКУ! Ничего, книжки дома почитаю, тем более, погода питерская располагает к домашнему уюту! Привет Всемогущему Директору Библиотеки!

  • @zoyaliger4238
    @zoyaliger4238 Рік тому

    Была в новом зале тысячу лет назад!:))) Было ужжасно холодно! А что, теперь уже нужно говорить не "компьютеры", а "компьютера" с ударением на последнее "а"? Или это чисто библиотечный слэнг?

  • @WERWOLION
    @WERWOLION Рік тому

    Такой момент в Vite, сами прописываются пути, так например все картинки и пр. кидаются в одну папку assets, в доке нет примером настройки assets, только 3 строки что можно настраивать. Из за этого использовать vite невозможно т.к просто нужно чтобы 200 картинок скопировались с сохранением иерархии папок, SVG в svg паке, фафиконы отдельно и т.д. В общем мрак.

    • @dropers7551
      @dropers7551 Рік тому

      если тебе зачем то это нужно есть плагин rollup-plugin-copy

    • @WERWOLION
      @WERWOLION Рік тому

      @@dropers7551 не прокатит т.к у тебя vite прописывает пути img к папке assets

    • @alexeismirnov7400
      @alexeismirnov7400 Рік тому

      ну как разобрался с картинками? я вот что-то же залип)

    • @WERWOLION
      @WERWOLION Рік тому

      @@alexeismirnov7400 да тут в билде есть но не пояснили куда и зачем есть папка "public" туда кидаем любые файлы и папки Вит просто копирует все из "public" в корень билда. При этом в любом режиме путь к картинке или файлу указываем без "public" - иначе в билде будет висеть лишняя папка. Единственное что оптимизация картинок и конвертер не даются , там какой то тёмный лес и пока галпом картинки обрабатываю. В целом vite кривой , из-за того что нет нормальной доки. Тут доку писали из детского сада . Гайдов тоже нет . нужно смотреть англ контент, но и там не оч. Так же многокрасочность кривая - нужно указывать все станицы в ручную == бред. В вит концепция приложений от эйпл - юзай на уровне макака-камень и захлопнись. Но сук он быстрый и приходится терпеть.

  • @KOT_c_XBOCTOM
    @KOT_c_XBOCTOM Рік тому

    В общем понятно, в город есть чуть менее чем нехера.

  • @павеллогинов-в1м

    Как поменять host 5173 на 3000

    • @lavrikroman1560
      @lavrikroman1560 Рік тому

      Если у тебя vite.config, то там можно добавить свойство server и туда прокинуть порт. Если rollup надо смотреть. stackoverflow.com/questions/71763113/how-to-change-vite-application-port Если ты уже так поробовал, возможно у тебя порт 3000 на компе занят.

    • @павеллогинов-в1м
      @павеллогинов-в1м Рік тому

      @@lavrikroman1560 спасибо, непробовал сейчас буду пробовать гуглеть как правильно в конфиг написать

    • @павеллогинов-в1м
      @павеллогинов-в1м Рік тому

      @@lavrikroman1560 спасибо работает export default defineConfig({ server: { port: 3000, },

  • @fokspoks
    @fokspoks Рік тому

    Давай видео о том, как работает джаваскрипт. Замыкания, асинхронные функции и т.п.

  • @aalex198
    @aalex198 Рік тому

    Так же некоторые рекомендуют вите как альтернативу реактовскому cra, тоже из за скорости, да и cra был создан в 2016 году, все таки требования к приложениям уже другие сегодня

  • @aalex198
    @aalex198 Рік тому

    Спасибо за краткий обзор! Теперь слова «начать проект с vite» не пугают, а наоборот))

  • @krepkovmeste
    @krepkovmeste Рік тому

    Подскажи пожалуйста, а GPS трекер реально сделать? Чтобы координаты в фоне передавались и чтобы после перезагрузки сервис автоматом запускался

    • @lavrikroman1560
      @lavrikroman1560 Рік тому

      Если пользователь даст права на геолокацию в приложении, то в теории да

    • @dochPidji
      @dochPidji Рік тому

      А как себе на андроид приложения грузить с реакт нативе?

  • @kl45gp
    @kl45gp Рік тому

    отлично обьяснил! спасибо!

  • @נדיהרבינוביץ
    @נדיהרבינוביץ Рік тому

    спасибо за экскурсию...очень интересно.

  • @saviorebello9328
    @saviorebello9328 2 роки тому

    Preto Catoosa matosooosa Jasoalo. Placebo Placenta

  • @XAH30
    @XAH30 2 роки тому

    Прикольно сделанное приложение:) Переводы можно отдать на фриланс - люди сделают быстро и за не сильно дорого. И да, Занзибар это остров в Танзании:)

  • @andreyivaschenko2258
    @andreyivaschenko2258 2 роки тому

    Роман, спасибо за интересное видео. Но.. "мужик пытающийся завоевать сердце дамы" - это Данила-мастер, а "дама" - Хозяйка медной горы, а "тётенька , которая не может поймать рыбу" - Нимфа. Неплохо бы немного готовиться (по истории и краеведению) перед созданием видео-сюжетов для широкой аудитории, чтобы не пришлось "зашучивать" свое невеж... незнание 😉 Удачи и ждем новых интересных сюжетов!

  • @mushnikov35
    @mushnikov35 2 роки тому

    Думал про приложения чтоб получать пассивный доход, может делать не супер сложные но много ?

    • @lavrikroman1560
      @lavrikroman1560 2 роки тому

      Как вариант, так тоже делают.

  • @frk_91
    @frk_91 2 роки тому

    Очень подробно, доходчиво спасибо за Ваш труд

  • @live_freely
    @live_freely 2 роки тому

    На андроид почему-то не устанавливается

    • @lavrikroman1560
      @lavrikroman1560 2 роки тому

      Интересно, а какой андроид и модель телефона?

  • @Чекист42
    @Чекист42 2 роки тому

    Отдыхала в Железноводске! Тихий красивый городок

  • @ОльгаРытикова-й7я

    И место дуэли не соответствует действительности, само место выше

  • @alex_topunov
    @alex_topunov 2 роки тому

    Отличный сервис и большой труд! Ищем инвесторов😉

  • @Наталья-г7п7с
    @Наталья-г7п7с 2 роки тому

    Поесть, а не кушать

  • @MrFalliin
    @MrFalliin 2 роки тому

    Топовые видосы по разработке, принимай нового подписчика в банду)

  • @НГой
    @НГой 2 роки тому

    да что же ты так рукой машешь?! В глазах уже одно мелькание.

  • @Vladimir.e
    @Vladimir.e 2 роки тому

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

  • @Vladimir.e
    @Vladimir.e 2 роки тому

    Вообще галереи Было две. Одна предназначалась для Пятигорска вторая для кисловодска но не помню почему она осела здесь))). Пятигорске Лермонтовская галерея. Они сходу очень похожи но не идентичны

  • @МарияПетрова-щ6з
    @МарияПетрова-щ6з 2 роки тому

    поражает бескультурье блогера

  • @ЕленаАфанасьева-ю8ч

    Эх, культура, какой упадок. Даже родители видно не читали сказку" Каменная чаша". А чувак на скульптуре это Данила мастер. Всё таки человек из Питера - носитель культуры. А так спасибо ещё раз за представленный материал.

  • @ЕленаАфанасьева-ю8ч

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

    • @Vladimir.e
      @Vladimir.e 2 роки тому

      Начало октября это топовое время для поездки. Мы ездили с 9 27 апреля тоже ничего получилось. Приезжаешь тут весна. Уезжаешь тут лето а дома опять весна) и все майские праздники впереди