Web Development Skills

4 Steps to Master Your Web Development Skills

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)

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Share via
Copy link
Powered by Social Snap