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

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

input logo icon
Índice
|

Índice

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
Спасибо за просмотр!
Etiquetas del vídeo
|

Etiquetas del vídeo

приложение для портфолио
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
Ya tiene instalado el UDL Helper. ¡Puedes descargar vídeo en 1 clic!
Instalado
para
Google Chrome

Descripción:

🔥 Оформить премиум подписку - 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/ Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

Preparación de las opciones de carga

popular icon
Populares
hd icon
Vídeo HD
audio icon
Sólo sonido
total icon
Todos
* - Si el vídeo se está reproduciendo en una pestaña nueva, ve a ella, haz clic con el botón derecho del ratón en el vídeo y selecciona “Guardar vídeo como...”
** - Enlace destinado a la reproducción en línea en reproductores especializados

Preguntas sobre la descarga de vídeos

mobile menu icon¿Cómo puedo descargar el vídeo "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • El sitio http://unidownloader.com/ es la mejor manera de descargar un vídeo o una pista de audio independiente sin necesidad de instalar programas ni extensiones.

  • La extensión UDL Helper es un práctico botón que se incrusta orgánicamente en los sitios YouTube, Instagram y OK.ru para descargar contenidos rápidamente.

  • UDL Client (para Windows) - la solución más potente que soporta más de 900 sitios web, redes sociales y sitios de alojamiento de vídeo, así como cualquier calidad de vídeo que está disponible en la origen.

  • UDL Lite - es una forma cómoda de acceder a un sitio web desde su dispositivo móvil. Con su ayuda puedes descargar fácilmente vídeos directamente a tu smartphone.

mobile menu icon¿Qué formato de vídeo "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]" debo elegir?mobile menu icon

  • Los formatos de mejor calidad son FullHD (1080p), 2K (1440p), 4K (2160p) y 8K (4320p). Cuanto mayor sea la resolución de tu pantalla, mayor será la calidad del vídeo. Sin embargo, hay otros factores a tener en cuenta: la velocidad de descarga, la cantidad de espacio libre y el rendimiento del dispositivo durante la reproducción.

mobile menu icon¿Por qué se congela el ordenador al cargar un vídeo "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • El navegador/ordenador no debería congelarse por completo. Si esto ocurre, por favor infórmenos con un enlace al vídeo. A veces los vídeos no pueden descargarse directamente en un formato adecuado, por lo que hemos añadido la posibilidad de convertir el archivo al formato deseado. En algunos casos, este proceso puede consumir recursos del ordenador.

mobile menu icon¿Cómo descargo un vídeo "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]" en mi teléfono?mobile menu icon

  • Puedes descargar el vídeo a tu smartphone utilizando el sitio web de UDL Lite o la aplicación PWA. También es posible enviar un enlace de descarga mediante código QR utilizando la extensión UDL Helper.

mobile menu icon¿Cómo descargo una pista de audio (música) en MP3 "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • La forma más conveniente es usar el UDL Client, que soporta la conversión de vídeos a formato MP3. En algunos casos, MP3 también puede ser descargado a través de la extensión UDL Helper.

mobile menu icon¿Cómo guardar un fotograma de un vídeo "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Esta función está disponible en la extensión UDL Helper. Asegúrate de que la opción "Mostrar botón para guardar captura de pantalla del vídeo" está marcada en la configuración. Deberá aparecer un icono de cámara en la esquina inferior derecha del reproductor, a la izquierda del icono "Configuración". Al hacer clic en él, el fotograma actual del vídeo se guardará en su ordenador en formato JPEG.

mobile menu icon¿Cuánto cuesta todo esto?mobile menu icon

  • Nada en absoluto. Nuestros servicios son totalmente gratuitos para todos los usuarios. No hay suscripciones PRO, ni restricciones en el número o la duración máxima de los vídeos descargados.