Self-taught Web Developer Checklist 2022

🎓 View our courses: scrimba.com/links/all-courses
If you’ve ever wondered what it takes to become a full-time (potentially remote) Junior Front-end web developer, this checklist will answer all. @CodeCast from @Scrimba takes you on a whirlwind tour of all the things you need to know to become a competent and competitive web developer in 2022.
00:00 - Introduction
00:42 - Caveat warning
03:09 - HTML
06:54 - CSS
11:23 - JavaScript
16:37 - React or equivalent
18:02 - Tools
23:11 - Web
26:42 - Performance
27:57 - Data Structures and Algos
30:30 - Testing
32:34 - Software Design
33:35 - Outro
LINKS MENTIONED
THE CHECKLIST - different-marmoset-f7b.notion...
From Guitar Teacher to Software Developer after Scrimba (John McKay) - scrimba.com/podcast/from-guit...
Recruited by Activision to code email templates (Tony Moreno) - scrimba.com/podcast/recruited...
Karan didn't meet all the requirements but they hired him anyway (Karan Tondare) - scrimba.com/podcast/apply-eve...
SCRIMBA PODCAST
🍿 Interviews with newly-hired developers and experts -
scrimba.com/podcast?...
ℹ️ You can find it by searching "Scrimba pod" on any podcast app
OUR FREE ONLINE COURSES
⚛️ Learn React for free - scrimba.com/learn/learnreact?...
💛 Learn JavaScript for free - scrimba.com/learn/learnjavasc...
📝 Learn HTML and CSS free - scrimba.com/learn/htmlandcss?...
SAY "HI" ON TWITTER
Scrimba - / scrimba
Alex - / bookercodes
ABOUT SCRIMBA
Scrimba's goal is to create the best possible coding school at the lowest possible cost for students. If we succeed with this, it’ll give anyone who wants to become a software developer a realistic shot at succeeding, regardless of where they live or the size of their wallets.
Learn more and sign up for free 👉
scrimba.com?
Our KZbin channel features live streams with industry experts, weekly vids on how to become a developer and our Friday night live-code frivolity. We hope you enjoy! 💜 💻
ABOUT ALEX
Alex is a self-taught developer who loves making the content he wish HE had when learning to code. He's a Community Manager and Content Creator at Scrimba and the host of The Scrimba Podcast - a weekly pod about learning to code and how to get your first junior developer job.
OTHER LINKS
💸 Enroll in the Frontend Developer Career Path - scrimba.com/learn/frontend?ut...
📚 See all our courses - scrimba.com/allcourses?...
✉️ Subscribe to our weekly newsletter - community-digest.scrimba.com/
👾 Join the Scrimba Discord - scrimba.com/discord
#ComputerScience #Developer #Code

[@enjoipanda1337]

Started learning web dev at the start of 2021 for my senior year of college. Even though I was doing comp sci, I struggled with coding and couldn’t write a simple hello world web page. I now check off most of these boxes including the bonus ones and will be applying as soon as I finish up my last portfolio project. For anyone feeling overwhelmed, just take it day by day and the progress will add up.

[@bookercodes]

💯💯💯💯💯

[@astrophilo2000]

same situation, started web dev this summer while doing physics at college, i just need to finish a react project from frontendmentor for the portfolio and i think i will be ready to get a job as junior and leave college, good luck to everybody it's tough sometimes but don't give up !

[@DaddyOKaboom]

i am also doing cs and the most problem i have for now is i want to land a job in IT in the meantime but we have lots of archaic stuff and it's just hard to learn front-end when you have to pass data structures and alghoritms in pascal.

[@GoldoMania.]

to tell you the truth when i start to watch this video i was feeling overwhelmed, i was about to close this video until i saw you message, thanks buddy. i just need to watch a friendly video exactly like you comment.

[@enjoipanda1337]

@@GoldoMania. believe me, I felt the same way. Just aim to learn at least one new thing a day (no matter how small) and by December, you will be amazed at how much progress you made. Good luck! You can do this :)

[@olddirtypaki]

Self taught full stack dev here ! This dude is spot on ! Fellas, I have a high school diploma but am currently a senior software developer. Its not the easiest path and I had to prove myself over and over again, but its totally doable. Keep learning and building apps to hone your skills. You got this. DONT GIVE UP!

[@scar1004]

Wow! How long did it take you to get a job for the first time?

[@evanm2024]

I finished my master's degree in 2009 and I still need to keep proving myself over and over. It's a rapidly changing field, and if you can't constantly stay up to date, you won't last. I know that some people are arrogant about their degrees, but not me. I never take a degree into consideration when I'm hiring for a developer role.

[@app11120]

@@scar1004 I started learning coding back in March 2016 with no programming background. I started doing a freelance job as a full stack dev in April 2017. So, approx 1 year.

[@willgonzy]

My inspiration right here :)

[@animefan7173]

I am doing your front-end developer path and I am learning so much from it!

[@bookercodes]

That is terrific to hear!

[@TubularAnimator]

This was very enjoyable to watch. Scrimba is one of my favorite education sources.

[@bookercodes]

Really happy to hear that!

[@aazamben]

I would like to thank you taking the time out and making the checklist. I am very passionate about technology.

[@alexfromscrimba6739]

You're welcome mate!

[@rayna463]

Just discovered this channel.. I can’t believe the courses are free!! Can’t wait to sit down and go through these 😃

[@sha8888]

This is so valuable. Literally copying this down and checking off what I know and don’t know I can’t wait to see how I measure up to this checklist

[@animefan7173]

Dude this is so cool! Thanks!!

[@kelkiiii]

Thanks for the list, gonna go through it again tomorrow!

[@bookercodes]

Great! Let me know what you think!

[@chudzij]

this is perfect. Thank you so much

[@sandeepkumari8993]

Great channel on KZbin. Thanks for making amazing videos 🙂

[@mdshahbazali3055]

Awesome list and awesomely explained 😎

[@bookercodes]

Thanks a lot!

[@mdshahbazali3055]

@@bookercodes Most welcome

[@TheJacklwilliams]

This was priceless. Introduced me to BEM and I'm early in my CSS / Stack education. I'm going to pour BEM into my coffee everyday and out of the gate come away with well structured CSS. Thank you. I'll now continue the video and see what other juicy tidbits I can extract from this presentation.

[@bookercodes]

Thanks for letting me know Jack. Glad you are getting value from this!

[@damianperez7736]

Just learn tailwind bro

[@lovergurlarchie4025]

Thanks for this! Doing the self taught route with anything can be unsettling without knowing the beginnings and ends of what you NEED to know. I appreciate the perspective 👍🏾

[@bookercodes]

Completely agree. That was my experience exactly so now I am in an better position I am glad I can help!

[@wanderingknight10]

After you learn basic html,css, JavaScript (free coding boot camp) then randomly pick contemporary websites then reverse engineer them..After you learn to reverse then you will feel comfortable solving any problems with the said languages..Front end speaking of course..what you don’t want to do is waste your time practicing coding with things people do not need like calculators and snake games..stay abreast with front end by reverse engineering an you will not have to worry about anymore coding boot camps and online courses..hope that helps

[@imoh7301]

By reverse engineer, you mean to clone them?

[@hello-bw9xd]

I agree, I have started cloning websites and fixing problems as I come across them

[@mykalimba]

2:55 The subliminal Morse Code message is coming through loud and clear.

[@bookercodes]

😅

[@stefanintech]

Keeping this bookmarked to check monthly

[@bookercodes]

Great idea to measure your progress from time to time. Wishing you all the best on your coding journey and in 2022!

[@setfbiker]

Started during the pandemic lockdown in 2020 at 36 years old and I think I made noticeable progress. I ve managed to build simple small business management app for a friend with vue js. Then rebuilt it in react. I know my code is somehow still messy but it feels good to build something actually. I hate to say that but I honestly regret not started at my 20s at least. I enjoy coding an learning to code. I am working now on some projects decent enough to put on my portfolio. And hope have success freelancing as here in Morocco things are harder to switch carreers especially as a self taught. I ve finally found something I can enjoy for the rest of my life.

[@sheenamariecandolita8866]

Wow. Thanks to this, helps me feel more motivated😊

[@ahmednourmuse1511]

Tbh I don’t know most of the things being said here as I just got started on this and now working on getting a deep understanding for html and css before I move on but imma keep coming back and check most of them. 20 years old chose this over going to Uni we’ll see where it leads

[@bookercodes]

I was around that age when I was learning to become a Junior Developer. You've got this!

[@kidztse]

This is a very true but extremely overwhelming informative video. XD

[@henrywilson3462]

Hey. Thanks for sharing this. I didn't know anything related to website development so I recently hired a web developer from Carrot to create a website for me and an app. I have really liked their work and would highly recommend that. Having said that learning new things have always been something I like so I am looking forward to learning this skill too. :)

[@GnomePuntTrainerYT]

Your HTML slide has some wrong information, , , etc are semantic elements. Others like , , etc are non-semantic. The difference between a semantic and non-semantic element is that the element itself describes the content in it. A is a high level header, and is a paragraph, whereas the content of these could also be within a or element, but the elements would no longer describe the content.

[@bookercodes]

Good to know!

[@rudy9546]

Great video thanks for this !

[@bookercodes]

You're welcome Rudy 🙏

[@robinmahato]

Can we have testing course in scrimba?

[@philip9677]

Why is Reyes contentious when extracting string from url , great vid btw

[@jeromearcangel6394]

Is it just me or has anyone saw there's a glitch starting 2:54? Anyways, awesome vid!

[@bookercodes]

Ahaha yes no idea where that came from Can't believe it's the only obvious mistake in a 35 minute video!

[@asdfiekpj]

I'm a lot closer to job ready than I thought, wow. I still have lots of work to put in though.

[@Seekingtruth-mx3ur]

Anyone done Stef Mischook's Web Developer course?

[@adikurniawan1816]

Pretty intimidating stuff if you just shove it around complete beginners mouth I think. All of these things is really take at least maybe a year or two to learn, realistically speaking. Meanwhile having a solid understanding of the 3 fundamentals like html, css, javascript could take you a long way if you just started apply to small company. It's like a list of dreams an employer have for their future employees.

[@bookercodes]

Yes, you are spot on! Not all companies hire equally. Moreover, we all learn at different paces so tying any of these to a timeline isn't something I wanted to do.

[@kristiyanivanov7414]

Very nice, but what about SQL/NoSQL and ORMs? Deployment, Cloud? :)

[@bookercodes]

To be honest I did have a databases section in the checklist originally but I removed it. I agree, it would be good to understand how different databases compare to one another but it's far from essential for a front end Web Developer.

[@shino1043]

Literally just listed my major without gen Eds nice

[@bookercodes]

What do you mean?

[@an_dr3w]

can you do some videos about software development too and machine learning data analysis and cryptography and finally cryptocurrencies?

[@alexfromscrimba6739]

I will add them to the idea list!

[@albinosh4dow]

Damn I guess I’ll never be ready at this rate.

[@bookercodes]

You've got this! It just takes time.

[@albinosh4dow]

@@bookercodes I saw on the website that getting at least 50% would make me around entry level. Still a lot of work but definitely breathed a sigh of relief after that. So much to learn.

[@bookercodes]

@@albinosh4dow Trust the process, absolutely!

[@stokedDev]

Scrimba is helpful.

[@t_ford]

I checked off most all of these boxes and still can't get a job. I'm starting a contractor role soon that's for installing computer hardware so I might just try applying to alot of places next year.

[@bookercodes]

Sounds like you have a good plan ✊ I am rooting for you!

[@xGalasko]

do you have a portfolio?

[@webapple1]

nobody wanna talk about it beeing "junior" needing 2-3 years like .. how do you even get 10mins experience in a job

[@bookercodes]

I made a video about that: kzbin.info/www/bejne/rKnKm5WngqyCmMk Basically, it's nonsense and you should apply anyway provided you meet some of the other requirements!

[@webapple1]

​@@bookercodes Being 30 now and studying web development it is my biggest fear job hunting after, I wished I had started in my 20's because less responsibilities and therefor can take time getting the job they want , I don't have that luxury . I have had maybe 10-20 jobs since i was 14 so i have work experience but nothing like web development , My only hope to stand out is my office experience , team experience and work expectations already being inbuilt from my previous jobs. This is all affecting my studies too because I am trying to learn everything I can but at the same time it is so much to learn , I'm currently taking C# , HTML , CSS but learning the basics may not be enough for a job. When i code using these i always wonder to what end?, how deep can this code go? what are its limitations ? how can I simplify this? and then i get bogged down by those questions.

[@yanskievl3520]

Is AJAX still relevant these days?

[@bookercodes]

Yes and no. When you use `fetch` you're basically doing AJAX. Somehow, I haven't heard the term in a long while though!

[@onethree123d]

I' say if u master all these you're more of a senior front end developer not junior.

[@bookercodes]

In a sense, you are right! In most cases, Senior is more to do with how you work on a team, if you can mentor others, etc. Of course, if you MASTER everything on the list, you're well on your way.

[@onethree123d]

@@bookercodes It'd be really cool if u can make a video explaining what u think is the difference between junior mid and senior devs at some point

[@Anonymous-re9fd]

thanks im gonna use html to hack nasa now

[@bookercodes]

Hahaha