Many students graduates and undergraduates are worried and confused about how to proceed, learn and practice Web Development skills and Technical Skills they don’t have a pathway defined that they can follow so for all those students I’m here with 4 simple steps to Master HTML, CSS, JAVASCRIPT and React.
Polish Your Web Development Skills:
Step 1 | HTML and CSS
HTML and CSS – Basics – https://www.w3schools.com/
HTML and CSS – Intermediate – https://learn.shayhowe.com/advanced-html-css/
HTML and CSS Projects – Intermediate – https://learn.shayhowe.com/advanced-html-css/ (useful for gaining confidence)
HTML and CSS Projects – Intermediate – https://www.youtube.com/watch?v=X1dz0xRbSJc
(useful for gaining confidence)
Step 2 | Javascript
Javascript – Basics – https://lnkd.in/gYNcdiphttps://www.youtube.com/watch?v=hdI2bqOjy3cw
Javascript and DOM – Intermediate – https://javascript.info/
Javascript – Advanced – https://www.youtube.com/watch?v=pN6jk0uUrD8&list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP
Critical rendering path – Advanced – https://web.dev/critical-rendering-path/ ( highly important)
Javascript – Advanced – https://developer.mozilla.org/en-US/docs/Web/JavaScript
Machine coding – Advanced – https://github.com/devkodeio/the-dom-challenge ( Highly important)
Browser Rendering- Advanced – https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work
Step 3 | React
ReactJs – Begineer – https://www.youtube.com/watch?v=4UZrsTqkcW4
ReactJs – Advanced – https://reactjs.org/ ( Official reactjs documentation )
React fiber – Advanced – https://www.youtube.com/watch?v=ZCuYPiUIONs ( very important)
Step 4 | Practice
Practice at: https://bigfrontend.dev/bfe.dev
Practice #css at: https://cssbattle.dev/ ( Highly useful to master CSS)
All in one document: https://developer.mozilla.org/en-US/ ( Contains everything)