Who is this dude ?😊💚

Frontend Roadmap.

Where are you in your front end journey ?

HTML ?

CSS ?

JS ?

Let me share with you the HTML and CSS notes from our summer front end class.

Use it as a roadmap. 👇

HTML Notes

CSS Notes.

Front End web dev.

Which one do you use /

Which Menu Icon is overally better for a Website?

CSS 😂🤦‍♂️

Who relate with this ?😊

The Full-stack Roadmap for 2024 🗺👇

1. HTML + CSS
2. JavaScript
3. Git
4. React/Vue
5. Tailwind
6. Python / Node
7. Postgres / Mongo
8. APIs
9. Build projects

💸 Apply for your dream job!

@EmmersiveLearning

HTML Semantic Elements

@EmmersiveLearning

Structure of URL.

How VPN Works ?

Do yourself a favor:

Start Your week with this :

• Open your laptop
• Open YouTube
• Go to our HTML Full course on @EmmersiveLearning YouTube channel
• Start learning
• Learn CSS alongside
• Ask questions to ChatGPT. if you need help in using ai contact @MuhibAi
• Build projects
• Push code to GitHub
• Share your progress on Communities and Social media.
• Get a job

Don't think much.

This is the right time.

https://www.youtube.com/watch?v=kDE31AmaIAM

The roadmap to learning HTML

1. Understanding the full form of HTML
2. Anatomy of tags
3. HTML5 boilerplate
4. Heading tags
5. ul, ol, li, tags
6. img, span tag
7. Table tags for layout
8. Form tags
9. Some more semantic elements
10. Basic attributes


if you are new, Start your web dev Journey

https://www.youtube.com/watch?v=kDE31AmaIAM

The roadmap to learning CSS

1. Inline, internal and external CSS
2. Selectors
3. Background
4. Color
5. Box model
6. Height and width
7. Margin and padding
8. Border
9. Positioning
10. display
11. Layouts
12. Grid and Flex
13. Alignment
14. Fonts
15. Animation
16. Pseudo-classes
17. Media query

@EmmersiveLearning

https://www.youtube.com/watch?v=XKNSgDL3xgM

The roadmap to learning JavaScript

1. Print statement
2. Data types and variables
3. Basic operators
4. Logical operators
5. Comparisons
6. Loops and statements
7. alert()
8. prompt()
9.  Arrays
10. Objects
11. Functions
12. Arrow function
13. Array methods
14. Hoisting
15. Closures
16. Callbacks
17. Promises
18. Async & Await
19. Currying
20. And other ES6 feature

@EmmersiveLearning

https://www.youtube.com/watch?v=jF5oxeeuu6E

Don't be a developer in the dark room.

• Build projects
• Showcase on social media and communities
• Write blogs
• Teach others
• Document your life

Let the other know you exist and place yourself 10 miles ahead.