background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Скачать "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"

input logo icon
"videoThumbnail Junior приложение для портфолио за 1.5 часа от А до Я  [React / Next.js / Tailwind / SSG]
Оглавление
|

Оглавление

0:00
Начало
1:46
ДЕМО
5:00
Какой стэк?
7:06
Запуск проекта
7:33
Создаем структуру проекта
17:45
Делаем свое API
23:18
Получаем данные через SSG
31:37
Структура главной страницы
35:50
Установка Tailwind + Config
39:53
Всплывающий компонент "обо мне"
46:47
Родительский блок "обо мне" с аватаркой
49:20
HTML to JSX
51:10
Сетка ссылок
57:52
Анимация позади элементов
59:55
Анимированные круги по краям
1:02:17
Пишем парсер последних видео на YouTube
1:14:02
Вывод последних видео в компонент + React Query
1:22:09
Адаптация на SCSS с миксином
1:29:22
Спасибо за просмотр!
Теги видео
|

Теги видео

приложение для портфолио
junior приложение
nextjs
htmllessons
javascript
red group
react
react.js
js
htmllessons.ru
redgroup
front-end
junior
next
портфолио
web
develop
frontend
веб
разработка
программирование
обучение
education
lesson
tutorial
лекция
образование
web development
web developer portfolio
portfolio
portfolio review
frontend developer portfolio
review
портфолио веб разработчика
обзор
web portfolio
frontend разработчик
frontend developer
Web developer
У вас уже установлен UDL Helper Вы можете скачивать видео в 1 клик!
Установлено
для
Google Chrome

Описание:

🔥 Оформить премиум подписку - https://htmllessons.io/premium ⚡️ Список интенсивов по подписке - https://htmllessons.io/list-intensives 🎁 ТГ канал (Еще 10 подписчиков и разыграю подписку) - https://t.me/redgroupchannel ► Как купить из других стран - https://t.me/redgroupchannel/37 В этом крутом ролике мы разработаем приложение для Junior разработчиков Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 200 лайков и я снимаю еще ролик для Junior Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях! 💰 Новый ролик для спонсоров доступен на Boosty https://boosty.to/redgroup или в нашей общей подписке (от 3 мес.) на сайте https://htmllessons.io/premium Скачать 🖥 исходник проекта в нашем хранилище - https://htmllessons.io/repositories Разработали крутое приложение на React + Next.js. Это не просто приложение, это крутой проект в портфолио. Я постарался объяснить каждый момент в проект, чтобы было понятно джуниорам. Из интересного, мы сделали свое небольшое API, разработали крутой парсинг новых видео с YouTube. Запросы делали через Axios + React Query. В качестве стилей использовали связку scss + tailwind + classnames. 00:00:00 - Начало 00:01:46 - ДЕМО 00:05:00 - Какой стэк? 00:07:06 - Запуск проекта 00:07:33 - Создаем структуру проекта 00:17:45 - Делаем свое API 00:23:18 - Получаем данные через SSG 00:31:37 - Структура главной страницы 00:35:50 - Установка Tailwind + Config 00:39:53 - Всплывающий компонент "обо мне" 00:46:47 - Родительский блок "обо мне" с аватаркой 00:49:20 - HTML to JSX 00:51:10 - Сетка ссылок 00:57:52 - Анимация позади элементов 00:59:55 - Анимированные круги по краям 01:02:17 - Пишем парсер последних видео на YouTube 01:14:02 - Вывод последних видео в компонент + React Query 01:22:09 - Адаптация на SCSS с миксином 01:29:22 - Спасибо за просмотр! 👉 Все ссылки и информация обо мне - https://redlinks.space/ Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

Готовим варианты загрузки

popular icon
Популярные
hd icon
HD видео
audio icon
Только звук
total icon
Все форматы
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

mobile menu iconКак можно скачать видео "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.

  • Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.

  • UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

mobile menu iconКакой формат видео "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]" выбрать?mobile menu icon

  • Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

mobile menu iconПочему компьютер зависает при загрузке видео "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

mobile menu iconКак скачать видео "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]" на телефон?mobile menu icon

  • Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

mobile menu iconКак скачать аудиодорожку (музыку) в MP3 "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

mobile menu iconКак сохранить кадр из видео "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

mobile menu iconСколько это всё стоит?mobile menu icon

  • Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.