Loading...
Loading...
Error
Oops! Something went wrong
10. Build a Github User Profile Vue Component
Speed
Speed
Quality
Quality
Captions
Captions
media loading
Play
Pause
10
Seek backward
Rewind 10s
Play
Pause
Play
Play
Pause
Pause
20
Seek forward
Forward 20s
Mute
Unmute
Volume High
Volume Low
Volume Low
Mute
Mute
Unmute
0:00
0:00
Start casting
Stop casting
Chapters
Chapters
Introduction to the GitHub Card Component Challenge
00:00
Understanding the GitHub Card Component
00:20
Accessing GitHub API Data
00:54
Styling with Tailwind CSS and DaisyUI
01:17
Challenge Break
02:21
Setting Up the GitHub Card Component
02:27
Copying Base HTML from DaisyUI
02:55
Defining Username Props
03:15
Fetching Data from GitHub API
03:56
Understanding Fetch in Vanilla JavaScript
04:42
Making User Data Reactive
05:30
Displaying API Data in the Browser
06:01
Populating Card Elements with Data
06:19
Replacing Placeholder Information
07:03
Handling Asynchronous Data Fetching Errors
08:30
Conditional Rendering for Data Availability
09:17
Final Touches and Review
09:32
Conclusion of the Challenge
09:41
Enable captions
Disable captions
Enable Captions
Enable captions
Disable Captions
Disable captions
Settings
Settings
Settings
Enter fullscreen mode
Exit fullscreen mode
Fullscreen
Enter fullscreen
Exit Fullscreen
Exit fullscreen
