IMPORTANT:

Get started with Embold.io for free: https://embold.io/product?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