???? IMPORTANT:

Get started with Embold.io for free: https://embold.io/products/overview?utm_source=Youtube&utm_medium=Video&utm_campaign=WebDevSimp_Jan21

Use code US21F29A for 20% off a paid account (Only applicable in India)

Creating good portfolio projects is hard since it is impossible to know what the employer is looking for. Luckily for you I have the perfect project for your portfolio. A custom select dropdown. This is something that is not too difficult to make, but it shows that you have incredible attention to detail which is one of the most important aspects when landing a junior developer job.

???? Materials/References:

GitHub Code: https://github.com/WebDevSimplified/custom-select-dropdown

Spread Operator Video: https://youtu.be/NIq3qLaHCIs

Spread Operator Blog Article: https://blog.webdevsimplified.com/2020-08/destructuring-and-spread

Pseudo Element Video: https://youtu.be/OtBpgtqrjyo

???? Find Me Here:

My Blog: https://blog.webdevsimplified.com

My Courses: https://courses.webdevsimplified.com

Patreon: https://www.patreon.com/WebDevSimplified

Twitter: https://twitter.com/DevSimplified

Discord: https://discord.gg/7StTjnR

GitHub: https://github.com/WebDevSimplified

CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00 - Introduction

02:17 - File Setup

03:51 - Select Class Setup

06:46 - Custom Select Element Setup

16:36 - CSS

26:38 - Custom Select Functionality

42:46 - Code Linting Demo

#CustomSelectDropdown #WDS #JavaScript