MERN Stack Developer Roadmap 2023:
Step 1: ๐ Master Web Basics
Step 2: ๐ฅ HTML/CSS Proficiency
Step 3: โจ Deep Dive into JavaScript
Step 4: ๐ Version Control with Git
Step 5: ๐ Node.js for Server-Side
Step 6: ๐ Express.js for Routing
Step 7: ๐ฆ NPM for Package Management
Step 8: ๐ MongoDB for Databases
Step 9: ๐ React.js for Frontend
Step 10: ๐ Implement Security (JWT)
Step 11: ๐ App Deployment (Heroku, Netlify)
Step 12: ๐ณ Docker Basics
Step 13: โ๏ธ Explore Cloud Services
Step 14: ๐ CI/CD with GitHub Actions
Step 15: ๐งช Testing with Jest
Step 16: ๐ API Documentation
Step 17: ๐ข Build a Portfolio
Step 18: ๐ผ Resume Crafting
Step 19: ๐ Interview Preparation
Step 20: ๐ Job Hunting Strategy
๐ Launch Your MERN Journey.
@EmmersiveLearning
Step 1: ๐ Master Web Basics
Step 2: ๐ฅ HTML/CSS Proficiency
Step 3: โจ Deep Dive into JavaScript
Step 4: ๐ Version Control with Git
Step 5: ๐ Node.js for Server-Side
Step 6: ๐ Express.js for Routing
Step 7: ๐ฆ NPM for Package Management
Step 8: ๐ MongoDB for Databases
Step 9: ๐ React.js for Frontend
Step 10: ๐ Implement Security (JWT)
Step 11: ๐ App Deployment (Heroku, Netlify)
Step 12: ๐ณ Docker Basics
Step 13: โ๏ธ Explore Cloud Services
Step 14: ๐ CI/CD with GitHub Actions
Step 15: ๐งช Testing with Jest
Step 16: ๐ API Documentation
Step 17: ๐ข Build a Portfolio
Step 18: ๐ผ Resume Crafting
Step 19: ๐ Interview Preparation
Step 20: ๐ Job Hunting Strategy
๐ Launch Your MERN Journey.
@EmmersiveLearning
๐1
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
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
YouTube
HTML Full Course in #Amharic: แจ HTML แแ แฎแญแต แจแแแแชแซ แฅแตแจ แ แตแซแแตแต (Complete Beginner to Advanced)
Welcome to the Complete HTML Full Course in Amharic! ๐ This course is perfect for anyone who wants to learn web development from scratch. HTML (HyperText Markup Language) is the foundation of every website, and this course will guide you step by step in yourโฆ
โค1
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
https://www.youtube.com/watch?v=XKNSgDL3xgM
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
https://www.youtube.com/watch?v=XKNSgDL3xgM
YouTube
CSS Full Course in #Amharic: แจ CSS แแ แฎแญแต แจแแแแชแซ แฅแตแจ แแจแจแป (Complete Beginner to Advanced)
Welcome to the Complete CSS Full Course in Amharic! ๐จ In this course, you will learn how to style websites and make them visually stunning. CSS (Cascading Style Sheets) is a crucial skill for web development, and this course will help you master it step byโฆ
โค2
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
https://www.youtube.com/watch?v=jF5oxeeuu6E
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
https://www.youtube.com/watch?v=jF5oxeeuu6E
YouTube
JavaScript Full Course in #Amharic: แจ JS แแ แฎแญแต แจแแแแชแซ แฅแตแจ แแจแจแป (Complete Beginner to Advanced)
Welcome to the Complete JavaScript Full Course in Amharic! ๐ This course is designed to teach you JavaScript, the programming language that powers the web. Whether you're new to coding or want to enhance your skills, this course will take you from beginnerโฆ
๐1
The most common anxiety we hear about learning to program are Math, Age, and Creativity.
NB:
Programmers Donโt Need to Know Much Math
You Are Not Too Old to Learn Programming
Programming Is a Creative Activity
NB:
Programmers Donโt Need to Know Much Math
You Are Not Too Old to Learn Programming
Programming Is a Creative Activity
๐1
Samsung Galaxy Ring is coming
This is What We Know About:
- Three colours: silver, black, and gold
- Sizes will range from 5 to 13
- Heart rate sensor
- Support for a new Samsung Health feature called โMy Vitality Scoreโ.
- The release date is expected to be July
This is What We Know About:
- Three colours: silver, black, and gold
- Sizes will range from 5 to 13
- Heart rate sensor
- Support for a new Samsung Health feature called โMy Vitality Scoreโ.
- The release date is expected to be July
๐2
13 Free Tailwind CSS libraries you should check:
๐ Flowbite
๐ Preline UI
๐ Ripple UI
๐ผ Daisy UI
๐ Sira
๐ก Tailwind Elements
๐ Mamba UI
๐ช Kutty
โต๏ธ Sailboat UI
๐ HyperUI
๐งฑ Tailblocks
๐ Meraki UI
๐ Headless UI
@EmmersiveLearning
๐ Flowbite
๐ Preline UI
๐ Ripple UI
๐ผ Daisy UI
๐ Sira
๐ก Tailwind Elements
๐ Mamba UI
๐ช Kutty
โต๏ธ Sailboat UI
๐ HyperUI
๐งฑ Tailblocks
๐ Meraki UI
๐ Headless UI
@EmmersiveLearning
๐4
When someone asks you what programming language they should learn, donโt simply answer the one you prefer.
first, ask what area they plan to focus on. for example:
- Web Frontend: JavaScript
- Backend: JavaScript
- Mobile apps: JavaScript
- Games: JavaScript
- AI: JavaScript
...and that is why we say, Learn JavaScript!....
https://www.youtube.com/watch?v=jF5oxeeuu6E
first, ask what area they plan to focus on. for example:
- Web Frontend: JavaScript
- Backend: JavaScript
- Mobile apps: JavaScript
- Games: JavaScript
- AI: JavaScript
...and that is why we say, Learn JavaScript!....
https://www.youtube.com/watch?v=jF5oxeeuu6E
YouTube
JavaScript Full Course in #Amharic: แจ JS แแ แฎแญแต แจแแแแชแซ แฅแตแจ แแจแจแป (Complete Beginner to Advanced)
Welcome to the Complete JavaScript Full Course in Amharic! ๐ This course is designed to teach you JavaScript, the programming language that powers the web. Whether you're new to coding or want to enhance your skills, this course will take you from beginnerโฆ
๐2โค1๐1
Stepping up in tech without a mentor is like growing up in life without a father ๐ช
Have a mentor of seniors.
Mentor juniors and beginner's.
Have a mentor of seniors.
Mentor juniors and beginner's.
โค2
Learning web development is all about micro steps.
In the first 3 months, try a bit of everything:
Rough plan might be:
โข Start with HTML, CSS
โข JavaScript, DOM
โข Git and GitHub
โข React
โข Node.js and APIs
Make sure to build projects using each technology.
@EmmersiveLearning
In the first 3 months, try a bit of everything:
Rough plan might be:
โข Start with HTML, CSS
โข JavaScript, DOM
โข Git and GitHub
โข React
โข Node.js and APIs
Make sure to build projects using each technology.
@EmmersiveLearning
๐4
What HTML attribute is used to apply CSS styles to a specific group of elements?
A) class
B) id
C) style
D) tag
A) class
B) id
C) style
D) tag
๐3