- 39
- 268 147
IN OBLIVION
Приєднався 10 лип 2013
Welcome to my author's You IN channel.
The topics of my channel can be divided into:
- Conspiracy
- Cognitive
Also on my channel, I suggest you create a cool Intro to present the plot of your activities, which you can create yourself by watching my video, or order from me for only $ 1.
You will get the same quality for significantly less money when at the office. Sites, they cost many times more.
Greetings!
Subscribe and don't miss new videos.
Good to all!
The topics of my channel can be divided into:
- Conspiracy
- Cognitive
Also on my channel, I suggest you create a cool Intro to present the plot of your activities, which you can create yourself by watching my video, or order from me for only $ 1.
You will get the same quality for significantly less money when at the office. Sites, they cost many times more.
Greetings!
Subscribe and don't miss new videos.
Good to all!
Интернет магазин одежды Ростелеком с нуля до деплоя: Страница товара
В этом выпуске мы создадим страницу отдельного товара.
Ставьте лайки и подписывайтесь на канал!)
Телеграм канал: t.me/vftuijgd
Чат для помощи: t.me/skillblog1
Исходники: clck.ru/38uF7s
Исходники админки: clck.ru/38uFBQ
Макет: clck.ru/37Up2P
Результат v0.5: rostelecom-shop.vercel.app
Настройка для VScode: github.com/microsoft/vscode/issues/13953#issuecomment-583179315
Часть 1: ua-cam.com/video/XTY7YNUaAtY/v-deo.htmlsi=J87iw3K9sSn0Tni-
Часть 2: ua-cam.com/video/J3CmuUE8KJI/v-deo.htmlsi=oEnl6OOlmxeFG5kL
Часть 3: ua-cam.com/video/WtvGTGCs7W0/v-deo.htmlsi=UqkCkXywAeuw8N7o
Часть 4: ua-cam.com/video/p1P4a9TaZ4Q/v-deo.htmlsi=pGZe6xK1_UJHsB7Y
Донат:
Сбер: 2202206162066448
Тинькофф: 5536913842446219
(00:00) Начало
(00:34) Описание функционала
(01:51) Создание страницы товара
(13:30) Хлебные крошки
(21:31) Контент страницы
(1:09:48) Блок с товарами коллекции
(1:31:30) Блок с просмотренными товарами
(2:10:26) Страница просмотренных товаров
(2:16:30) Страница товаров по коллекции
(2:33:10) Рефакторим эффектор, чтобы не было циклических зависимостей
(2:45:15) Модалка, чтобы поделиться товаром
(3:00:00) Доработка сортировки в каталоге
(3:07:00) Деплой
(3:11:35) Продолжение следует...
#nextjs #nextjs14 #js #nodejs #reactjs #mongodb #oauth #oauth2 #vercel #effector #typescript
Ставьте лайки и подписывайтесь на канал!)
Телеграм канал: t.me/vftuijgd
Чат для помощи: t.me/skillblog1
Исходники: clck.ru/38uF7s
Исходники админки: clck.ru/38uFBQ
Макет: clck.ru/37Up2P
Результат v0.5: rostelecom-shop.vercel.app
Настройка для VScode: github.com/microsoft/vscode/issues/13953#issuecomment-583179315
Часть 1: ua-cam.com/video/XTY7YNUaAtY/v-deo.htmlsi=J87iw3K9sSn0Tni-
Часть 2: ua-cam.com/video/J3CmuUE8KJI/v-deo.htmlsi=oEnl6OOlmxeFG5kL
Часть 3: ua-cam.com/video/WtvGTGCs7W0/v-deo.htmlsi=UqkCkXywAeuw8N7o
Часть 4: ua-cam.com/video/p1P4a9TaZ4Q/v-deo.htmlsi=pGZe6xK1_UJHsB7Y
Донат:
Сбер: 2202206162066448
Тинькофф: 5536913842446219
(00:00) Начало
(00:34) Описание функционала
(01:51) Создание страницы товара
(13:30) Хлебные крошки
(21:31) Контент страницы
(1:09:48) Блок с товарами коллекции
(1:31:30) Блок с просмотренными товарами
(2:10:26) Страница просмотренных товаров
(2:16:30) Страница товаров по коллекции
(2:33:10) Рефакторим эффектор, чтобы не было циклических зависимостей
(2:45:15) Модалка, чтобы поделиться товаром
(3:00:00) Доработка сортировки в каталоге
(3:07:00) Деплой
(3:11:35) Продолжение следует...
#nextjs #nextjs14 #js #nodejs #reactjs #mongodb #oauth #oauth2 #vercel #effector #typescript
Переглядів: 1 410
Відео
Интернет магазин одежды Ростелеком с нуля до деплоя: Страница каталога
Переглядів 1,5 тис.Місяць тому
В этом выпуске мы создадим страницу каталога товаров и функционал фильтров и пагинации. Ставьте лайки и подписывайтесь на канал!) Телеграм канал: t.me/vftuijgd Чат для помощи: t.me/skillblog1 Исходники: clck.ru/38uF7s Исходники админки: clck.ru/38uFBQ Макет: clck.ru/37Up2P Результат v0.4: rostelecom-shop.vercel.app Часть 1: ua-cam.com/video/XTY7YNUaAtY/v-deo.htmlsi=J87iw3K9sSn0Tni- Часть 2: ua-...
Интернет магазин одежды Ростелеком с нуля до деплоя: Страница сравнения товаров
Переглядів 1,7 тис.2 місяці тому
В этом выпуске мы создадим страницу сравнения товаров и функционал добавления и удаления этих товаров, а также добавление их в корзину. Ставьте лайки и подписывайтесь на канал!) Телеграм канал: t.me/vftuijgd Чат для помощи: t.me/skillblog1 Исходники: clck.ru/38uF7s Исходники админки: clck.ru/38uFBQ Макет: clck.ru/37Up2P Результат v0.3: rostelecom-shop.vercel.app Часть 1: ua-cam.com/video/XTY7YN...
Интернет магазин одежды Ростелеком с нуля до деплоя: Страница избранных товаров
Переглядів 2,3 тис.2 місяці тому
Мы продолжаем писать интернет магазин Ростелеком. В этом выпуске мы создадим страницу избранных товаров и функционал добавления и удаления этих товаров, а также добавление их в корзину. Ставьте лайки и подписывайтесь на канал!) Телеграм канал: t.me/vftuijgd Чат для помощи: t.me/skillblog1 Исходники: clck.ru/38uF7s Исходники админки: clck.ru/38uFBQ Макет: clck.ru/37Up2P Результат v0.2: rosteleco...
Интернет магазин одежды Ростелеком с нуля до деплоя: Next.js + React-admin + OAuth + MongoDB
Переглядів 33 тис.3 місяці тому
В этом выпуске мы напишем крутой интернет-магазин одежды Ростелеком Админку и зальем все это на бесплатный хостинг. Ставьте лайки и подписывайтесь на канал!) Телеграм канал: t.me/vftuijgd Чат для помощи: t.me/skillblog1 Исходники: clck.ru/38uF7s Исходники админки: clck.ru/38uFBQ Макет: clck.ru/37Up2P Результат v0.1: rostelecom-shop.vercel.app/ Форма авторизации: codepen.io/uiswarup/pen/zYvGKed ...
Решение задач на асинхронность с JavaScript собеседований
Переглядів 1,8 тис.8 місяців тому
Всем привет! В этом выпуске мы разберем задачи на знание асинхронности, которые могут дать на JS собеседованиях. Телеграм канал: t.me/vftuijgd Чат для помощи и общения: t.me/skillblog1 Исходный код: github.com/TeemPresents/promise_tasks Донат: QIWI Кошелек: qiwi.com/n/DARYR422 (00:00) Начало (01:04) Принцип решения задачи (01:53) Task 1 (02:42) Task 2 (03:20) Task 3 (04:17) Task 5 (05:36) Task ...
Тестовое собеседование с подписчиком: JS, Next.js, Nest.js, React.js, Node.js, SQL
Переглядів 7 тис.11 місяців тому
Телеграм канал: t.me/vftuijgd Чат для вопросов и общения: t.me/skillblog1 (00:00) Интро (00:12) Описание формата (04:18) Node.js (17:25) Nest.js (22:35) SQL (27:21) Next.js (30:45) React.js (49:30) JS (1:15:40) Аутро Донат: QIWI Кошелек: qiwi.com/n/DARYR422 #js #nodejs #sql #nextjs13 #nestjs #reactjs
Телеграм Бот с нуля до деплоя на: Nest.js + Telegram Bot Api + PostgreSQL + Next.js
Переглядів 7 тис.11 місяців тому
В этом выпуске мы создадим телеграмм бота, который будет уметь создавать репутацию участников в чате и не только. Поработаем с Telegram Bot Api и зальем в конце все на бесплатные хостинги! Ставьте лайки, подписывайтесь и оставляйте комментарии, приятного просмотра! Телеграм канал: t.me/vftuijgd Чат для вопросов и общения: t.me/skillblog1 Исходники - сервер: github.com/TeemPresents/skill-bot-ser...
Чат в реальном времени с нуля до деплоя на: Nest.js + PostgreSQL + Prisma + Socket.IO
Переглядів 5 тис.Рік тому
В этом выпуске мы напишем чат в реальном времени с нуля до деплоя! Не забудьте поставить лайк и подписаться. Приятного просмотра! Телеграм канал: t.me/vftuijgd Чат для вопросов и общения: t.me/skillblog1 Исходники: github.com/TeemPresents/chat-ytb Макет: clck.ru/34UUKU Bootstrap dark: clck.ru/34UUJD Postgres download: clck.ru/TC53Z Донат: QIWI Кошелек: qiwi.com/n/DARYR422 (00:00) Интро (00:10) ...
Интернет магазин с нуля до деплоя: Оплата + Деплой + Доработка страниц
Переглядів 8 тис.Рік тому
В этом выпуске мы доделаем интернет магазин "Аква Термикс" из предыдущей части и задеплоим его на бесплатные хостинги! Ставьте лайки и подписывайтесь) Приятного просмотра! Телеграм канал: t.me/vftuijgd Чат для вопросов и общения: t.me/skillblog1 Первая часть туториала: ua-cam.com/video/qK1ENlEucpc/v-deo.html Исходники - сервер: github.com/TeemPresents/shop-ytb-server Исходники - клиент: github....
Интернет магазин с нуля до деплоя на: Nest.js + MariaDB/MySQL + Next.js + Effector.js + ЮKassa
Переглядів 55 тис.Рік тому
В этом выпуске мы напишем крутой интернет магазин по продаже запчастей для газовых котлов. Будет работа с сервером, фронтендом, с платежной системой и многое другое. Не забудьте поставить лайк и подписаться. Приятного просмотра! Телеграм канал: t.me/vftuijgd Чат для вопросов и общения: t.me/skillblog1 Исходники - сервер: github.com/TeemPresents/shop-ytb-server Исходники - клиент: github.com/Tee...
Игра в Тетрис на чистом JS с нуля до деплоя.
Переглядів 3,2 тис.Рік тому
Исходники: github.com/TeemPresents/tetris Телеграм канал: t.me/vftuijgd Чат для вопросов и общения: t.me/skillblog1 Ссылки из видео: scetch-btn: clck.ru/33Z4hj neon-border: clck.ru/33Z4iK arrow: clck.ru/33Z4jQ rotate: clck.ru/33Z4k2 shuffle: clck.ru/33Z4kW background.jpg: clck.ru/33Z4mY tetromino.css: clck.ru/33Z4nk tetris.svg: clck.ru/33Z4on Навигация: (00:00) Интро (01:12) HTML разметка (06:5...
Сайт-Портфолио с нуля до деплоя на: Next.js + TypeScript + Email.js + SASS + GSAP + Vercel
Переглядів 6 тис.Рік тому
Телеграм канал: t.me/vftuijgd Чат для вопросов и общения: t.me/skillblog1 Исходники: clck.ru/33BTh5 Макет: clck.ru/33BUrh Результат: portfolio-youtube.vercel.app/ Neon Text: clck.ru/33BV5m (00:00) Начало (01:03) Инициализация проекта (02:10) Установка зависимостей (04:05) Общие стили для проекта (07:30) Анимация шаров для фона (09:18) Иконка для вкладки сайта HEADER (11:30) Создание компонента ...
Как быстрее освоить JavaScript, чтобы устроиться на первую работу.
Переглядів 8 тис.Рік тому
Придерживаясь нескольких простых вещей, можно значительно ускорить обучение JavaScript и в этом видео мы поговорим как именно. Телеграм канал: t.me/vftuijgd Чат для вопросов и общения: t.me/skillblog1 #js #javascript
Игра "Найди пару/Угадай карту" на чистом JS с нуля до деплоя.
Переглядів 8 тис.Рік тому
В этом выпуске мы напишем игру на чистом js и зальем ее на бесплатный хостинг. Телеграм канал: t.me/vftuijgd Чат для вопросов и общения: t.me/skillblog1 Исходники: github.com/TeemPresents/cards-game 00:00 Начало 01:15 Создание файлов и папок 02:35 Создание разметки html 03:40 Создание меню 09:58 Создание доски с картами 20:10 Создание карты 23:30 Логика игры 36:30 Деплой 37:53 Аутро QIWI Кошеле...
Приложение "Учет моих расходов" с нуля до деплоя: JWT + Nest.js + React.js + Effector.js + Mongodb
Переглядів 15 тис.Рік тому
Приложение "Учет моих расходов" с нуля до деплоя: JWT Nest.js React.js Effector.js Mongodb
Fullstack приложение с нуля - Nest.js + PostgreSQL + React.js + TypeScript
Переглядів 13 тис.2 роки тому
Fullstack приложение с нуля - Nest.js PostgreSQL React.js TypeScript
Приложение погоды на чистом JS с нуля до деплоя на хостинг.
Переглядів 9 тис.2 роки тому
Приложение погоды на чистом JS с нуля до деплоя на хостинг.
Приложение Clients на чистом JS. Деплой приложения на Heroku и Github pages.
Переглядів 1,4 тис.2 роки тому
Приложение Clients на чистом JS. Деплой приложения на Heroku и Github pages.
Приложение Clients на чистом JS. Создание сервера на Node.js + Express.js + MongoDB
Переглядів 1,3 тис.2 роки тому
Приложение Clients на чистом JS. Создание сервера на Node.js Express.js MongoDB
Приложение Clients на чистом JS. Адаптивность
Переглядів 6 тис.2 роки тому
Приложение Clients на чистом JS. Адаптивность
Приложение Clients на чистом JS. Поиск по таблице клиентов.
Переглядів 1,6 тис.2 роки тому
Приложение Clients на чистом JS. Поиск по таблице клиентов.
Приложение Clients на чистом JS. Сортировка таблицы
Переглядів 1,8 тис.2 роки тому
Приложение Clients на чистом JS. Сортировка таблицы
Приложение Clients на чистом JS. Fix перезагрузки страницы. Обработка запросов на сервер.
Переглядів 8 тис.2 роки тому
Приложение Clients на чистом JS. Fix перезагрузки страницы. Обработка запросов на сервер.
Приложение Clients на чистом JS. Валидация формы. Regexp.
Переглядів 2,2 тис.2 роки тому
Приложение Clients на чистом JS. Валидация формы. Regexp.
Приложение Clients на чистом JS. Тултип и Прелоадер/Спиннер на js.
Переглядів 1,6 тис.2 роки тому
Приложение Clients на чистом JS. Тултип и Прелоадер/Спиннер на js.
Реальное тестовое задание на должность React Developer. Ответ работодателя.
Переглядів 1,8 тис.2 роки тому
Реальное тестовое задание на должность React Developer. Ответ работодателя.
Приложение Clients на чистом JS. Изменение клиента. PATCH
Переглядів 2,2 тис.2 роки тому
Приложение Clients на чистом JS. Изменение клиента. PATCH
Приложение Clients на чистом JS. Удаление клиента. DELETE
Переглядів 1,2 тис.2 роки тому
Приложение Clients на чистом JS. Удаление клиента. DELETE
Приложение Clients на чистом JS. Реализация элементов клиента.
Переглядів 2,1 тис.2 роки тому
Приложение Clients на чистом JS. Реализация элементов клиента.
Здравствуйте, а когда будет следуюшая часть? Очень жду😊 спасибо за вашу работу)
Здравствуйте, на этой неделе думаю
спасибо большое за видео! а когда там следующая часть?)
На днях)
Лучший!
При регистрации через другие серверы выдаёт ошибку: TypeError: Cannot read properties of undefined (reading 'displayName') Перепробывал уже много всего, ошибка остаётся. Никто не сталкивался с этим?
снова спасибо за видео! только у меня при деплое на vercel у него не получается законнектиться к mongodb , у тебя не было таких проблем? Просто уже весь stackoverflow перерыл(((
Странно, у меня все норм. Мб с урлом монги что-то не так
@@skillblog-web да, там они интеграцию запилили, недавно видимо, потому теперь когда версель пытается получить доступ к бд монго не дает без интеграции скорее всего
Большое спасибо за ролик. Будет ли ролик с next и next js с админкой и клиентом?
Да
Спасибо за труд
Cпасибо вам большое за ваш контент, очень помогает разработчикам понять, что откуда берется и как реализовывается. Скажите, пожалуйста, когда будет следующая часть? Жду с нетерпением !)
В течение недели думаю, смотря когда простуда спадет, из-за нее у меня пока голос пропал)
Дэни, спасибо за такой большой труд!
Было бы без nextjs вообще бы бомба была. 👍💪
Спасибо
Как обычно от меня - Большое спасибо! Уже очень жду продолжения!!! Всё очень круто)
Дружище, даже не знаю как тебя благодарить! Подача великолепная, дикция великолепная, все великолепно! Почему так мало подписчиков!? Подписываемся ребята! я уже (и лайк)
Спасибо большое за ваши видео. ❤ Скажите пожалуйста когда будет следующая часть?
Через неделю где-то
@@skillblog-web🤩 Она будет заключительная?
Нет
@@skillblog-web а когда заключительная?
брациё подскажи, у меня атлас не работает, тк территория больших амбиций, если локально монгу поставлю, там такие же запросы создаются? заранее благодарю.
По идее да
А вот как дела будут обстоять с seo у такого интернет магазина? Он же на SPA написан. Если гугл может постараться такой сайт выдать, то яндекс скорее всего нет.
С сервера title и description приходит
Это очень круто!👍
Нереально полезно, спасибо огромное
Здравствуйте, спасибо за труд, но не подскажите в какой именно папке у нас должен быть расположен package.json, возникает ошибка с Cors и module, установила module, но не могу понять куда его расположить. Буду благодарна.
Здравствуйте! Их нужно в корне проекта расположить
@@skillblog-web спасибо за ответ, расположила package-json и в сервер, и в клиент, но до сих пор показывает, что нельзя использовать импорт без модуля. Не подскажите как это исправить? А вообще-то можно ли использовать два package-json файла? Простите, что я так с вопросами навалилась. Заранее спасибо.
@@user-qw1lz7gl5v Вот ссылка на чат для помощи t.me/skillblog1, давайте туда, там удобнее 🙂
Супер, просто бомба
Шикарный курс. Спасибо огромное! Надеюсь будут следующие видео, чтобы полностью закончить проект!
Шикарно 😇
весьма благодарен вам за ваши труды!!!!!!!!!!!!!!!!!!!!!!!!!!! это великолепно!!!
Просто класс, с нетерпением жду продолжение! Этот большой МК просто великолепен! 💪👍👏
Кркто! Спасибо 🤗👍
Все сделал по твоему видео, но что-то у меня не работает либо неустановленно, а хотя видео написанно что с нуля хоть бы сказали что делать если пакеты или программы не установленны и как их установить нифига не работает!
Большое спасибо за вашу преданность делу, поздравляю, я следил за проектом с самого начала, и он получается великолепным, несмотря на языковой барьер.
каааак? каааак дойти до такого уровня?))) у меня щас затык на затыке))))
Спасибо большое брат!❤
Искал медь (Next.js), нашел золото (полный курс)
курьера найдем)
Отличный контент! Спасибо большое!
у тебя сомнительная реализация в коллекции одежды в наличии ли товар. У тебя генерится число для inStock, но нет гарантии того, что если это число равно нулю то все размеры будут отсутствовать, ровно также как и отсутсвует гарантия того, что если число больше нуля, то должен быть хотя бы 1 размер активен для заказа.
Да, это нужно докрутить
Дэни, ты крут! 💣Очень крутой проект и жду с нетерпением каждый выпуск! Реально - это самое лучше что я видел за последнее время в плане разработки. С нуля до такой конфетки на nextjs- это вам не индийский "ширпотреб" 😀
57:20 введите команду npm install --save @nestjs/swagger@latest так у вас появится актуальная версия сваггера, если без @latest то он пишет в package-lock'е ссылку гитхаба, а так зависимости не подгружаются, не знаю почему, так как ещё толком не понимаю
Будь моя воля, я поручила бы тебе довести до ума ИМ «ОZON» … 😵💫 потому , что программа работает как 🪓 топором деланная😂. Особая благодарочка за тайм кода 👍👍👍👍👍👍👍
Ну да, озон крупнейший маркетплейс с онлайн миллионы пользователей в час. У автора средний проект для Джуна. Только для обучения, чтобы показать как применять технологии, и то, не всегда хорошие примеры
Очень классные видео. Сколько еще будет частей? С нетерпением жду
Думаю ещё 2-3
привет. это, конечно, хороший контент, но код явно не оптимизированный и слишком много дыр, пробелов, очень нежелательных вещей для новичков, которые поглощают этот контент (исхожу из комментов под предыдущими видео этого проекта).. 1. Хлебные крошки реализованы очень спорно. Да, многое идет от странного подхода к выбору языку, но даже с таким выбором можно было бы сделать лучше, без 'use client' для каждой новой страницы в специальном layout'e. Например такая схема: В файле Breadcrumbs принимать только массив, который хранит путь. Дальше, этот массив маппать и делать проверку на последний элемент массива для создания спец класса который будет выделять страницу, дабы юзер понимал где он находится. Также, в этом же файле делать проверку на локаль, выбранную юзером. Например, в твоем проекте, если я не ошибаюсь, можно тащить даже из локалстореджа выбранный язык. И если он русский или английский то подставлять другие слова. 2. Стилизация. Ты, конечно, не пишешь ее в видео, а просто даешь на копипаст, что в принципе хорошо для таких проектов, т.к. не знающим scss, css, тут явно не место(изучать nextjs, js им явно нельзя на данном этапе), но тебе самому не геморно там писать такие стили? Например таже реализация заголовков продуктов (Новинки, Бестселлеры на главной страницы), а в правом углу - ссылка на все продукты этой категории. Легче было бы объеденить эти элементы в один див, задать ему дисплей флек, align-items center & justify: space-between. Без гемора, без позишин абсолют. И это явно не худшая ситуация кода, самое плохое - хук useMediaQuery.. И таких ошибок очень много, я запустил твой проект и у меня схавало 2,5 гб ОЗУ... Не думаю, что это хороший показатель 👁Особенно, для такого кол-ва страниц. А если вспомнить тот факт, что тебя и этот проект смотрят начинающие - пожалуйста, блять, сделай в конце видео исправление подобных ошибок, потому что ну это нужно, просто необходимо для тех, кто учится, ибо лучше не показывай такой код (мое мнение, я не хейтер и прочей хер с горы, вся критика тут по факту), чем потом забить на такие колосальные ошибки.
Очень полезно👍👍
Спасибо 👍
Так вроде интересно, но withRouter уже не работает.
Глупый вопрос наверное. Почему все ведет в ошибку 404 и как исправить?
Супер-бестолковое интервью. Во-первых много некорректных вопросов. Во-вторых в чём ценность интервью для интервьюируемого, если ты не даёшь ему правильные ответы в результате? Парень неплохо держался чисто психологически, нужно признать.
ты крутой бро, сечас работаб над таким проекто (online-shop), твой видос просто к стати!!!!!!
Действительно крутой интернет магазин. Интересно делать его. Жду следующую часть.👍
почему Ростелеком название?
Наконец-то увидел конечный результат за 12 часов. В результате сырое на 2.5 дня работы. 1 страничка для магазина. А дальше еще нужно работы и работы с допилками.
ОГРОМНОЕ СПАСИБО ! ПРОСТО ЛУЧШИЙ🫂
10:20:19
Это уровень стажер, я так понимаю?😊
Местами да)