Front end Web development is a huge deal today, as websites have become more complex. Developers have to be concerned about Accessibility, User experience and User Interface Design, Performance, SEO and so on.
This is a straight forward guide for absolute beginners who may be confused with what to learn or making a choice of what technology to use.
HTML, CSS and Vanilla Javascript are what every front end developer should start with, before thinking about the shiny frameworks. HTML defines the structure of a web page, CSS adds styling and Javascript adds functionality.
Note that the following are my opinion, they are what I think wouldn't be overwhelming for a beginner.
A few important things to learn in:
HTML
• Syntax
• Basic Tags
• Forms
• SEO
• Best Practices
CSS
• Syntax
• Positioning
• Box Model
• Flex and Grid
• Animation
• Responsive Design
• Media Queries
• Best Practices
Vanilla Javascript
• DOM manipulation
• Syntax
• Functions
• Arrays and Objects
• Loops
Learning technologies is by building with them, watching tutorials alone can be quite deceptive.
Some beginner friendly channels on Youtube : Dev Ed, Traversy Media and NetNinja.
After a few projects highlighting all these technologies, you can proceed to picking a framework.
Project Ideas
• Clone websites of your choice
• Todolist
• A small game
There are three popular frameworks/libraries for front end web development and you can pick any of them after you do your research: Angular, Reactjs and Vuejs. On the websites of these frameworks, there are guides on what to understand in Javascript before learning them. Do well to follow their advice.
Happy Learning!
Top comments (0)