In this video, let’s discuss what makes a good portfolio project that you can successfully discuss in your JavaScript developer interviews. We’ll start by building a sample portfolio project, and then explore options for how you can personalize the app and turn it into the ultimate portfolio project for yourself. In the end, we’ll host this project with Hostinger. Hostinger is a great place to host a bunch of different websites (including Wordpress sites) with one plan! You can host freelancing projects, personal websites, sites for your friends, and more
Timestamps
00:00 Intro
02:10 - What We’ll Build
03:00 - Sponsor Intro and Setup with Hostinger
04:30 - Project Setup and Resources
09:30 - Display YouTube Video Thumbnails
18:30 - Load Ids from Local Storage
21:00 - Form to Save YouTube Video Ids to Local Storage
24:40 - Base Styling With CSS Variables
27:25 - Styling the Header with CSS Grid
30:40 - Styling the Form
32:50 - Styling the Video Container with CSS Grid
38:55 - Handling Delete Of YouTube Videos
43:10 - Defining a Constant in JavaScript
43:56 - Adding a Popup with CSS and JavaScript
51:15 - Deploying To Hostinger
53:25 - Taking Your Portfolio Projects To the Next Level
54:50 - Talking About JavaScript Portfolio Projects in an Interview
57:00 - Wrap Up
☞ Learn Vue.js from scratch 2018
☞ Learn JavaScript - Become a Zero to Hero
☞ JavaScript Programming Tutorial Full Course for Beginners
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework