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

"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

Спасибо за просмотр!

67 - React JS - урок redux-thunk 2 в деталях (практика)

67 - React JS - урок redux-thunk 2 в деталях (практика)

Canal: IT-KAMASUTRA

Как бы я начал учить кодинг сейчас?

Как бы я начал учить кодинг сейчас?

Canal: Winderton

#5: React Pizza — разработка интернет-магазина (for junior)

#5: React Pizza — разработка интернет-магазина (for junior)

Canal: Archakov Blog

Основы Программирования - #10 - События

Основы Программирования - #10 - События

Canal: loftblog

Цветокоррекция в After Effects

Цветокоррекция в After Effects

Canal: loftblog

CSS3 #18 Плавные переходы (Transition)

CSS3 #18 Плавные переходы (Transition)

Как стать Full Stack веб разработчиком? ► Самый Верный Путь!

Как стать Full Stack веб разработчиком? ► Самый Верный Путь!

Canal: Хауди Хо™ - Просто о мире IT!

CSS3 #2 Простые селекторы (Simple Selectors)

CSS3 #2 Простые селекторы (Simple Selectors)

Начальный курс SQL.Вставка данных INSERT

Начальный курс SQL.Вставка данных INSERT

Canal: Igor Vovchenko

Компьютерная графика за 20 / Как работает GPU

Компьютерная графика за 20 / Как работает GPU

Canal: Winderton

приложение для портфолио

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

Îl aveți deja instalat UDL Helper Puteți descărca video în 1 clic!

pentru

Google Chrome

Descriere:

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

Pregătim opțiunile de descărcare

Populare

HD video

Numai sunet

Toate formatele

* — Dacă video este redat într-o filă nouă, mergeți la acea filă, apoi faceți clic dreapta pe video și selectați „Salvați videoclipul ca...”

** — Un link conceput pentru redarea online În jucători specializați

Întrebări despre descărcarea videoclipului

Cum pot descărca un videoclip "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?

Site-ul http://unidownloader.com/ este cel mai bun mod de a descărca un videoclip sau o piesă audio separată, dacă doriți să faceți acest lucru fără a instala programe și extensii.
Extensia UDL Helper este un buton convenabil care este integrat perfect în site-urile YouTube, Instagram și OK.ru pentru descărcarea rapidă a conținutului.
Programul UDL Client (pentru Windows) este cea mai puternică soluție care suportă peste 900 de site-uri web, rețele sociale și site-uri de găzduire video, precum și orice calitate video care este disponibilă în sursă.
UDL Lite este o modalitate foarte convenabilă de a accesa un site web de pe dispozitivul mobil. Cu ajutorul său, puteți descărca cu ușurință videoclipuri direct pe smartphone.

Ce format de video "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]" ar trebui să aleg?

Cele mai bune formate de calitate sunt FullHD (1080p), 2K (1440p), 4K (2160p) și 8K (4320p). Cu cât rezoluția ecranului dvs. este mai mare, cu atât mai mare ar trebui să fie calitatea video. Cu toate acestea, există și alți factori de luat în considerare: viteza de descărcare, cantitatea de spațiu liber și performanța dispozitivului în timpul redării.

De ce mi se blochează calculatorul atunci când încarc un videoclip "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?

Browserul/computerul nu ar trebui să se blocheze complet! Dacă se întâmplă acest lucru, vă rugăm să raportați acest lucru cu un link către videoclip. Uneori, videoclipurile nu pot fi descărcate direct într-un format adecvat, așa că am adăugat posibilitatea de a converti fișierul în formatul dorit. În unele cazuri, acest proces poate utiliza în mod activ resursele computerului.

Cum pot descărca un videoclip "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]" pe telefonul meu?

Puteți descărca un videoclip pe smartphone-ul dvs. utilizând site-ul web sau aplicația PWA UDL Lite. De asemenea, este posibil să trimiteți un link de descărcare prin cod QR folosind extensia UDL Helper.

Cum pot descărca o piesă audio (muzică) în MP3 "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?

Cea mai convenabilă modalitate este să utilizați programul UDL Client, care acceptă conversia videoclipurilor în format MP3. În unele cazuri, MP3 poate fi descărcat și prin intermediul extensiei UDL Helper.

Cum pot salva un cadru dintr-un videoclip "Junior приложение для портфолио за 1.5 часа от А до Я [React / Next.js / Tailwind / SSG]"?

Această funcție este disponibilă în extensia UDL Helper. Asigurați-vă că "Show the video snapshot button" (Afișați butonul de instantaneu video) este bifat în setări. O pictogramă a camerei ar trebui să apară în colțul din dreapta jos al playerului, în stânga pictogramei "Setări". Atunci când faceți clic pe ea, cadrul curent din videoclip va fi salvat pe computer în format JPEG.

Care este prețul tuturor acestor lucruri?

Nu costă nimic. Serviciile noastre sunt absolut gratuite pentru toți utilizatorii. Nu există abonamente PRO, nu există restricții privind numărul sau lungimea maximă a videoclipurilor descărcate.