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

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

input logo icon
Daftar isi
|

Daftar isi

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
Спасибо за просмотр!
Tag video
|

Tag video

приложение для портфолио
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
Anda sudah memiliki UDL Helper diinstal Anda dapat mengunduh video dalam 1 klik!
Dipasang
untuk
Google Chrome

Deskripsi:

🔥 Оформить премиум подписку - https://htmllessons.ru/premium ⚡️ Список интенсивов по подписке - https://htmllessons.ru/list-intensives 🎁 ТГ канал (Еще 10 подписчиков и разыграю подписку) - https://t.me/redgroupchannel ► Как купить из других стран - https://t.me/redgroupchannel/37 В этом крутом ролике мы разработаем приложение для Junior разработчиков Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 200 лайков и я снимаю еще ролик для Junior Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях! 💰 Новый ролик для спонсоров доступен на Boosty https://boosty.to/redgroup или в нашей общей подписке (от 3 мес.) на сайте https://htmllessons.ru/premium Скачать 🖥 исходник проекта в нашем хранилище - https://htmllessons.ru/auth Разработали крутое приложение на 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/ Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

Mempersiapkan opsi pengunduhan

popular icon
Populer
hd icon
Video HD
audio icon
Hanya suara
total icon
Semua
* — Jika video diputar di tab baru, buka, lalu klik kanan pada video dan pilih "Simpan video sebagai..."
** — Tautan yang ditujukan untuk pemutaran online di pemain khusus

Pertanyaan tentang mengunduh video

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

  • Situs web http://unidownloader.com/ adalah cara terbaik untuk mengunduh video atau trek audio terpisah jika Anda ingin melakukannya tanpa menginstal program dan ekstensi.

  • Ekstensi UDL Helper adalah tombol praktis yang terintegrasi dengan mulus ke dalam situs YouTube, Instagram, dan OK.ru untuk mengunduh konten dengan cepat.

  • Program UDL Client (untuk Windows) adalah solusi paling kuat yang mendukung lebih dari 900 situs web, jejaring sosial, dan situs hosting video, serta kualitas video apa pun yang tersedia di sumbernya.

  • UDL Lite adalah cara yang sangat nyaman untuk mengakses situs web dari perangkat seluler Anda. Dengan bantuannya, Anda dapat dengan mudah mengunduh video langsung ke ponsel Anda.

mobile menu iconFormat video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]" mana yang harus saya pilih?mobile menu icon

  • Format kualitas terbaik adalah FullHD (1080p), 2K (1440p), 4K (2160p), dan 8K (4320p). Semakin tinggi resolusi layar Anda, semakin tinggi pula kualitas videonya. Namun demikian, ada faktor lain yang perlu dipertimbangkan: kecepatan unduh, jumlah ruang kosong, dan kinerja perangkat selama pemutaran.

mobile menu iconMengapa komputer saya macet saat memuat video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Peramban/komputer seharusnya tidak macet sama sekali! Jika hal ini terjadi, laporkan dengan menyertakan tautan ke video tersebut. Terkadang video tidak dapat diunduh secara langsung dalam format yang sesuai, jadi kami telah menambahkan kemampuan untuk mengonversi file ke format yang diinginkan. Dalam beberapa kasus, proses ini mungkin secara aktif menggunakan sumber daya komputer.

mobile menu iconBagaimana cara mengunduh video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]" ke ponsel saya?mobile menu icon

  • Anda dapat mengunduh video ke ponsel cerdas Anda menggunakan situs web atau aplikasi PWA UDL Lite. Anda juga dapat mengirim tautan unduhan melalui kode QR menggunakan ekstensi UDL Helper.

mobile menu iconBagaimana cara mengunduh trek audio (musik) ke MP3 "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Cara yang paling mudah adalah dengan menggunakan program UDL Client, yang mendukung konversi video ke format MP3. Dalam beberapa kasus, MP3 juga dapat diunduh melalui ekstensi UDL Helper.

mobile menu iconBagaimana cara menyimpan bingkai dari video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Fitur ini tersedia di ekstensi UDL Helper. Pastikan bahwa "Tampilkan tombol cuplikan video" dicentang di pengaturan. Ikon kamera akan muncul di sudut kanan bawah pemutar di sebelah kiri ikon "Pengaturan". Ketika Anda mengkliknya, frame saat ini dari video akan disimpan ke komputer Anda dalam format JPEG.

mobile menu iconBerapa harga dari semua hal ini?mobile menu icon

  • Tidak ada biaya. Layanan kami benar-benar gratis untuk semua pengguna. Tidak ada langganan PRO, tidak ada batasan jumlah atau panjang maksimum video yang diunduh.