Front-End Developer Roadmap(Beginner)
I am a front-end developer with two years experience in this field and the things I have learned throughout this span of time.I have made some web designs and some freelancing projects for clients.I would like to share my roadmap in this journey of front-end developer.
What is a Front-End Developer?
A front-end developer designs for a website and create cool UI/UX designs for new brands and create posters and many more on Designing fields.The role of front-end developer is important for a product which makes the audience to attract the product.
To be a Front-End Developer the things you need to learn these skills
INTERNET FUNDAMENTALS
- How Browser works
- HTTP/HTTPS
- Web Hostings
- Web Protocols
HTML FUNDAMENTALS
- Tags & Attributes
- Tables
- Inputs & forms
- Embedding videos & Images
CSS FUNDAMENTALS
- Selectors
- Box Model
- Layout
- Media Queries
- Responsive Web Design
JAVASCRIPT FUNDAMENTALS
- Basic concepts(data types,loops,events,arrays,objects)
- DOM manipulation
- Asynchronous Javascript(callbacks,promises,Async/Await)
- ES6+
JAVASCRIPT FRAMEWORKS
- Angular JS
- Vue JS
- React JS
CSS FRAMEWORKS
- Bootstrap
- Bulma
- Semantic UI
- Materialize
CSS Preprocessors
- SASS
- LESS
- SCSS
- STYLUS
These are the skills for the Beginner Front-end developer Roadmap which would be required to create a Web designs and Static Web pages for a website.
One does not need to know everything to became a master in his role. he/she should know every skills in that and master in his own interested skills.
The Best study resources are available in