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

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

input logo icon
"videoThumbnail Junior приложение для портфолио за 1.5 часа от А до Я  [React / Next.js / Tailwind / SSG]
Bảng nội dung
|

Bảng nội dung

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

Thẻ 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
Bạn đã cài đặt thành công UDL Helper Bạn có thể tải về video bằng 1 cú nhấp!
Đã cài đặt
cho
Google Chrome

Mô tả:

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

Chuẩn bị tùy chọn tải xuống

popular icon
Phổ biến
hd icon
Video HD
audio icon
Chỉ âm thanh
total icon
Tất cả
* — Nếu video đang phát trong một tab mới, hãy mở nó, sau đó nhấp phải vào video và chọn "Lưu video như..."
** — Liên kết dành cho việc phát trực tuyến trong các trình phát chuyên dụng

Thắc mắc về tải video

mobile menu iconLàm cách nào tôi có thể tải xuống video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Trang web http://unidownloader.com/ là cách tốt nhất để tải xuống một video hoặc một đoạn âm thanh riêng nếu bạn muốn tải xuống mà không cần cài đặt chương trình và tiện ích mở rộng.

  • Tiện ích mở rộng UDL Helper là một nút tiện lợi được tích hợp liền mạch vào các trang YouTube, Instagram và OK.ru để tải xuống nội dung nhanh chóng.

  • Chương trình UDL Client (dành cho Windows) là giải pháp mạnh mẽ nhất hỗ trợ hơn 900 trang web, mạng xã hội và trang lưu trữ video cũng như mọi chất lượng video có sẵn trong nguồn.

  • UDL Lite là một cách thực sự thuận tiện để truy cập trang web từ thiết bị di động của bạn. Với sự trợ giúp của nó, bạn có thể dễ dàng tải video trực tiếp xuống điện thoại thông minh của mình.

mobile menu iconTôi nên chọn định dạng nào của video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Các định dạng chất lượng tốt nhất là FullHD (1080p), 2K (1440p), 4K (2160p) và 8K (4320p). Độ phân giải màn hình của bạn càng cao thì chất lượng video càng cao. Tuy nhiên, có những yếu tố khác cần xem xét: tốc độ tải xuống, dung lượng trống và hiệu suất thiết bị trong quá trình phát lại.

mobile menu iconTại sao máy tính của tôi bị treo khi tải video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Trình duyệt/máy tính không được đóng băng hoàn toàn! Nếu điều này xảy ra, vui lòng báo cáo nó kèm theo liên kết tới video. Đôi khi không thể tải xuống trực tiếp video ở định dạng phù hợp, vì vậy chúng tôi đã thêm khả năng chuyển đổi tệp sang định dạng mong muốn. Trong một số trường hợp, quá trình này có thể chủ động sử dụng tài nguyên máy tính.

mobile menu iconLàm cách nào tôi có thể tải video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]" xuống điện thoại của mình?mobile menu icon

  • Bạn có thể tải video xuống điện thoại thông minh của mình bằng trang web hoặc ứng dụng PWA UDL Lite. Cũng có thể gửi liên kết tải xuống qua mã QR bằng tiện ích mở rộng UDL Helper.

mobile menu iconLàm cách nào tôi có thể tải bản âm thanh (âm nhạc) xuống MP3 "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Cách thuận tiện nhất là sử dụng chương trình UDL Client, chương trình hỗ trợ chuyển đổi video sang định dạng MP3. Trong một số trường hợp, MP3 cũng có thể được tải xuống thông qua tiện ích mở rộng UDL Helper.

mobile menu iconLàm cách nào tôi có thể lưu khung hình từ video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?mobile menu icon

  • Tính năng này có sẵn trong tiện ích mở rộng UDL Helper. Đảm bảo rằng bạn đã chọn "Hiển thị nút quay video nhanh" trong cài đặt. Biểu tượng máy ảnh sẽ xuất hiện ở góc dưới bên phải của trình phát, bên trái biểu tượng "Cài đặt". Khi bạn nhấp vào nó, khung hình hiện tại của video sẽ được lưu vào máy tính của bạn ở định dạng JPEG.

mobile menu iconTất cả những thứ này có giá bao nhiêu?mobile menu icon

  • Nó không tốn gì cả. Các dịch vụ của chúng tôi hoàn toàn miễn phí cho mọi người dùng. Không có đăng ký PRO, không có giới hạn về số lượng hoặc thời lượng tối đa của video được tải xuống.