Basic Steps to get into Coding:

📚 Learn HTML
💻 Learn CSS
⌨️ Create a website
📱 Make the website responsive
🔖 Learn JS
🖼 Make a simple slideshow using JS
🎨 Create an animation button with CSS
🌞 Make a JS ☀️/🌙 toggle
🖱 Deploy your website
📲 Share it with other people

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

@EmmersiveLearning

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

Learn Here :

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

@EmmersiveLearning

Master JavaScript :

The JavaScript Tree 👇
|
|── Variables
| ├── var
| ├── let
| └── const
|
|── Data Types
| ├── String
| ├── Number
| ├── Boolean
| ├── Object
| ├── Array
| ├── Null
| └── Undefined
|
|── Operators
| ├── Arithmetic
| ├── Assignment
| ├── Comparison
| ├── Logical
| ├── Unary
| └── Ternary (Conditional)
|
|── Control Flow
| ├── if statement
| ├── else statement
| ├── else if statement
| ├── switch statement
| ├── for loop
| ├── while loop
| └── do-while loop
|
|── Functions
| ├── Function declaration
| ├── Function expression
| ├── Arrow function
| └── IIFE (Immediately Invoked Function Expression)
|
|── Scope
| ├── Global scope
| ├── Local scope
| ├── Block scope
| └── Lexical scope
|
|── Arrays
| ├── Array methods
| | ├── push()
| | ├── pop()
| | ├── shift()
| | ├── unshift()
| | ├── splice()
| | ├── slice()
| | └── concat()
| └── Array iteration
| ├── forEach()
| ├── map()
| ├── filter()
| └── reduce()
|
|── Objects
| ├── Object properties
| | ├── Dot notation
| | └── Bracket notation
| ├── Object methods
| | ├── Object.keys()
| | ├── Object.values()
| | └── Object.entries()
| └── Object destructuring
|
|── Promises
| ├── Promise states
| | ├── Pending
| | ├── Fulfilled
| | └── Rejected
| ├── Promise methods
| | ├── then()
| | ├── catch()
| | └── finally()
| └── Promise.all()
|
|── Asynchronous JavaScript
| ├── Callbacks
| ├── Promises
| └── Async/Await
|
|── Error Handling
| ├── try...catch statement
| └── throw statement
|
|── JSON (JavaScript Object Notation)
|
|── Modules
| ├── import
| └── export
|
|── DOM Manipulation
| ├── Selecting elements
| ├── Modifying elements
| └── Creating elements
|
|── Events
| ├── Event listeners
| ├── Event propagation
| └── Event delegation
|
|── AJAX (Asynchronous JavaScript and XML)
|
|── Fetch API
|
|── ES6+ Features
| ├── Template literals
| ├── Destructuring assignment
| ├── Spread/rest operator
| ├── Arrow functions
| ├── Classes
| ├── let and const
| ├── Default parameters
| ├── Modules
| └── Promises
|
|── Web APIs
| ├── Local Storage
| ├── Session Storage
| └── Web Storage API
|
|── Libraries and Frameworks
| ├── React
| ├── Angular
| └── Vue.js
|
|── Debugging
| ├── Console.log()
| ├── Breakpoints
| └── DevTools
|
|── Others
| ├── Closures
| ├── Callbacks
| ├── Prototypes
| ├── this keyword
| ├── Hoisting
| └── Strict mode
|
|____________ END __________________


Here is the full course :
https://www.youtube.com/watch?v=jF5oxeeuu6E

Learn Bootstrap!.

Style your web.

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

Building a project will teach you more than watching a tutorial ever will.

Build Projects!.

which is the best web hosting provider from your experience ?

yegara
Hahucloud
ethio telecom

or any other ?

አዲስ ውስጥ Office Space የሚሰጡ አይታችሁ የወደዳችሁት ካለ እስኪ አጋሩኝ!

የት እና ምን ይመስላል ? ክፍያቸውስ ? ምቹነቱስ ?

ምፅ dev's 😊😂

Part 14 - PWA Developer Career.

https://www.tiktok.com/@emmersivelearning/video/7441204238644038968

Codiem -Windserf ... The best editor.

The best Ai Pair Programmer.

Part-15 | IoT Developer Career.

https://www.tiktok.com/@emmersivelearning/video/7441207574269021496

Day 1 of building one app per day with
@lovable_dev


Today I asked Lovable to "Build a simple portfolio website for a writer"

This is what it came up with:

https://x.com/muhaTeshome/status/1861664952043401722

Part-15 | chatbot Developer Career.

https://www.tiktok.com/@emmersivelearning/video/7441208386890304823?is_from_webapp=1&sender_device=pc

The Progress of Ai IDE's is amazing.

any new tool you use and love ?

i love these:
windsurf
v0
bolt
lovable.
marblism.
srcbook
pieces

JavaScript is for Everything: Know the basics of it.

JavaScript + React = Web Development

JavaScript + Three.js = 3D Visualization

JavaScript + Angular = Web Applications

JavaScript + Phaser = Game Development

JavaScript + Vue.js = Progressive Web Apps

JavaScript + TensorFlow.js = Machine Learning

JavaScript + Node.js = Server-Side Development

JavaScript + Electron = DesktopApp Development

JavaScript + React Native = MobileApp Development

JavaScript + D3.js = Data Manipulation&Visualisation.

🛣 Front-End Web Development Roadmap


HTML & CSS → 🧑‍💻 → JavaScript → 🧑‍💻
↓
🧑‍💻 ← Tailwind* ← 🧑‍💻 ← TypeScript
↓
React* → 🧑‍💻 → Next.js* → 🧑‍💻 → 🏁



A step-by-step complete guide:

እረ ተው ግን! 😭🙆‍♂️... ኮድ ፔፐር ላይ ይቅር!

በቃ ኮድ ኮምፒዩተር ላይ ነው ፕሮብለም ሶልቭ እይተደረገ የሚሰራው!

ፎቶ ፡ አሁን አሳይመንት ሊያስገባ ካለ ከ አንድ ታዋቂ ዩንቨርስቲ የተላከ

Don't spend weeks decided on what color to make your website button 😊

Just ship it!