- 63
- 64 433
Lavrik Roman
Приєднався 26 вер 2020
IT и разработка. Спорт и преодоления. Интересные места и спонтанные путешествия.
Триатлон. Первая полужелезная дистанция. 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
🏃 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. Верстка.
Гатчина. Дворцовый парк. Велопутешествие
Переглядів 5402 роки тому
Гатчина. Дворцовый парк. Велопутешествие
VITE. Новый подход к сборке фронтенд проектов.
Переглядів 6 тис.2 роки тому
VITE. Новый подход к сборке фронтенд проектов.
Что помогает в беге? Мои заключения №1.
Переглядів 442 роки тому
Что помогает в беге? Мои заключения №1.
О том, о сем. Разработка, ликийская тропа, канал.
Переглядів 442 роки тому
О том, о сем. Разработка, ликийская тропа, канал.
Балканские страны. Путешествие по Балканским странам. Сравнение.
Переглядів 5093 роки тому
Балканские страны. Путешествие по Балканским странам. Сравнение.
Черногория. Бар. Часть 3. Интересные места в Черногории.
Переглядів 1523 роки тому
Черногория. Бар. Часть 3. Интересные места в Черногории.
Черногория в пандемию. Цены в Черногории. Ограничения в Черногории.
Переглядів 4943 роки тому
Черногория в пандемию. Цены в Черногории. Ограничения в Черногории.
Веб кроулинг на node js. Web crawlers node js.
Переглядів 1043 роки тому
Веб кроулинг на node js. Web crawlers node js.
Черногория. Румия. Что посмотреть в Черногории?
Переглядів 1923 роки тому
Черногория. Румия. Что посмотреть в Черногории?
Четко объяснил
Хорошо бы с примером визуальным
vite подходит для небольших проектов, вроде сайтиков на несколько страниц или лендинга, но что делать SEO? Ведь как правило таким сайтикам оно нужно. Vite же рассчитан на рендер из JS. Я собрал сборку vite + pug который мне генерит статические html, но она с нюансами))
Как установить себе на телефон приложение которое сделал на реакте
Я привык путешествовать , а это означает , что белый картон , служит мне препятствием в моих планах познакомиться со всей Сербией ! Получается , я всюду должен искать полицию и стоять в очереди на регистрацию . Это нелепость , после которой не хочу на Балканы ! Может объясните , как вы передвигаетесь , не заботясь о белом картоне ?
Дороговизна есть такое слово
Несмотря на преимущества GraphQL я все равно буду использовать Rest...
Спасибо. Норм инфа
На гитхаб Пейджес index.html не открывается
Я понял!
Чётко!
Благодарю за классный видео обзор,молодец,что делишься с людьми.
Как хорошо, Роман, что у Вас так мало подписчиков и лайков под этим видео. Из-за таких, как Вы, "популяризаторов" отдыха с палаткой и костром в ООПТ в Токсово загажены все места, массово доступные и не обнесенные заборами. За некоторыми заборами притаилась охрана собственности олигархов. И да, наволите справки о местах прогулок, местные называют озеро - Хепоя'рви. Большая часть его берегов в поселке - частная территория. Прорекламировали парк развлечений, ну и ладно.
Помог, спасибо!
Доброго дня! Отличный материал, у меня один вопрос, как добавляются связи в таблицу users_chats?
С большим удовольствием посмотрел видео!
Хахахах, особенно когда начинаешь читать и такой «впизду пойду на оверылоу поищу или чат гпт» , накопируешь хуеты и дебажишь 10000 лет..
good
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)
Находил неплохие извращения - делать watch на gulp (с delay ~ 250мс) а потом запускать vite buld 😂 Тормазнуто тогда всё это работало так как билд начинался заново и видимо кэш при перезапуске совсем не помогает.
Спасибо за видео, но показывать выполненный проект, где пункты меню банально не выровнены по вертикали - это немного забавно. Я бы постеснялся
Вайбовий додаток 😊 Дякую за корисне відео 🙏 Успіхів)
Ну, я вижу, единственная, кто оставил комментарий. Честь мне и хвала!🤗
Предложили мне полгода назад дать в библиотеке интервью, поскольку. как выяснилось, я первый переводчик романа "Индиана Джонс" Интервью было намечено на 29 марта, согласовывалось чуть ли не полгода!!! Сегодня сообщили, что по неизвестным причинам интервью зарубил аж Сам Директор! Что-то ему не понравилось: интересно, в романе или во мне? Меня он, правда, никогда не видел, ну, да неважно! В общем, НЕ ПОСЕЩУ Я НАШУ ЗНАМЕНИТУЮ БИБЛИОТЕКУ! Ничего, книжки дома почитаю, тем более, погода питерская располагает к домашнему уюту! Привет Всемогущему Директору Библиотеки!
Была в новом зале тысячу лет назад!:))) Было ужжасно холодно! А что, теперь уже нужно говорить не "компьютеры", а "компьютера" с ударением на последнее "а"? Или это чисто библиотечный слэнг?
Такой момент в Vite, сами прописываются пути, так например все картинки и пр. кидаются в одну папку assets, в доке нет примером настройки assets, только 3 строки что можно настраивать. Из за этого использовать vite невозможно т.к просто нужно чтобы 200 картинок скопировались с сохранением иерархии папок, SVG в svg паке, фафиконы отдельно и т.д. В общем мрак.
если тебе зачем то это нужно есть плагин rollup-plugin-copy
@@dropers7551 не прокатит т.к у тебя vite прописывает пути img к папке assets
ну как разобрался с картинками? я вот что-то же залип)
@@alexeismirnov7400 да тут в билде есть но не пояснили куда и зачем есть папка "public" туда кидаем любые файлы и папки Вит просто копирует все из "public" в корень билда. При этом в любом режиме путь к картинке или файлу указываем без "public" - иначе в билде будет висеть лишняя папка. Единственное что оптимизация картинок и конвертер не даются , там какой то тёмный лес и пока галпом картинки обрабатываю. В целом vite кривой , из-за того что нет нормальной доки. Тут доку писали из детского сада . Гайдов тоже нет . нужно смотреть англ контент, но и там не оч. Так же многокрасочность кривая - нужно указывать все станицы в ручную == бред. В вит концепция приложений от эйпл - юзай на уровне макака-камень и захлопнись. Но сук он быстрый и приходится терпеть.
В общем понятно, в город есть чуть менее чем нехера.
Как поменять host 5173 на 3000
Если у тебя vite.config, то там можно добавить свойство server и туда прокинуть порт. Если rollup надо смотреть. stackoverflow.com/questions/71763113/how-to-change-vite-application-port Если ты уже так поробовал, возможно у тебя порт 3000 на компе занят.
@@lavrikroman1560 спасибо, непробовал сейчас буду пробовать гуглеть как правильно в конфиг написать
@@lavrikroman1560 спасибо работает export default defineConfig({ server: { port: 3000, },
Давай видео о том, как работает джаваскрипт. Замыкания, асинхронные функции и т.п.
Так же некоторые рекомендуют вите как альтернативу реактовскому cra, тоже из за скорости, да и cra был создан в 2016 году, все таки требования к приложениям уже другие сегодня
Спасибо за краткий обзор! Теперь слова «начать проект с vite» не пугают, а наоборот))
Подскажи пожалуйста, а GPS трекер реально сделать? Чтобы координаты в фоне передавались и чтобы после перезагрузки сервис автоматом запускался
Если пользователь даст права на геолокацию в приложении, то в теории да
А как себе на андроид приложения грузить с реакт нативе?
отлично обьяснил! спасибо!
спасибо за экскурсию...очень интересно.
Preto Catoosa matosooosa Jasoalo. Placebo Placenta
Прикольно сделанное приложение:) Переводы можно отдать на фриланс - люди сделают быстро и за не сильно дорого. И да, Занзибар это остров в Танзании:)
Роман, спасибо за интересное видео. Но.. "мужик пытающийся завоевать сердце дамы" - это Данила-мастер, а "дама" - Хозяйка медной горы, а "тётенька , которая не может поймать рыбу" - Нимфа. Неплохо бы немного готовиться (по истории и краеведению) перед созданием видео-сюжетов для широкой аудитории, чтобы не пришлось "зашучивать" свое невеж... незнание 😉 Удачи и ждем новых интересных сюжетов!
Думал про приложения чтоб получать пассивный доход, может делать не супер сложные но много ?
Как вариант, так тоже делают.
Очень подробно, доходчиво спасибо за Ваш труд
На андроид почему-то не устанавливается
Интересно, а какой андроид и модель телефона?
Отдыхала в Железноводске! Тихий красивый городок
И место дуэли не соответствует действительности, само место выше
Отличный сервис и большой труд! Ищем инвесторов😉
Поесть, а не кушать
Топовые видосы по разработке, принимай нового подписчика в банду)
Конечно, всем рад👍
да что же ты так рукой машешь?! В глазах уже одно мелькание.
Но по воле судьбы эмир так ниразу и не приехал в эту резиденцию по одной из версий во время строительства погиб рабочий и это было плохим знаком и эмир подарил резиденцию государству.
Вообще галереи Было две. Одна предназначалась для Пятигорска вторая для кисловодска но не помню почему она осела здесь))). Пятигорске Лермонтовская галерея. Они сходу очень похожи но не идентичны
поражает бескультурье блогера
Эх, культура, какой упадок. Даже родители видно не читали сказку" Каменная чаша". А чувак на скульптуре это Данила мастер. Всё таки человек из Питера - носитель культуры. А так спасибо ещё раз за представленный материал.
До ковида, ездила каждый год в октябре месяце. Сейчас внутри всё ходит
Начало октября это топовое время для поездки. Мы ездили с 9 27 апреля тоже ничего получилось. Приезжаешь тут весна. Уезжаешь тут лето а дома опять весна) и все майские праздники впереди