☞ Learning HTML/CSS?
∎ Build projects.

☞ Learning JavaScript?
∎ Build projects.

☞ Learning React?
∎ Build projects.

☞ Learning Vue?
∎ Build projects.

☞ Learning Angular?
∎ Build projects.

☞ Learning Node?
∎ Build projects.

☞ Learning Python?
∎ Build projects.

☞ Learning anything new?
∎ Build projects!

The best way to learn is by doing.

So build, build, build!

Full stack Developer Burger.

Backend Burger.

Learn to Code

በዚህ ዘመን ከፍተኛ ክፍያ ከሚያስገኙ ስራዎች መካከል የአይቲ ባለሙያ ዌብሳይት ደቨሎፐር መሆን ነው ። በርካቶች ይህን ተምረው በአጭር ጊዜ ውስጥ ለስኬት በቅተዋል ። አንዳንዶች መማር ቢፈልጉም በክፍያ ምክኒያት ወይም ዩቲዩብ ያሉ ትምህርቶች በእንግሊዝኛ በመሆናቸው ለመረዳት ይቸግራቸዋል ።

እነሆ ይህንን ችግር ሊቀርፍ የሚችል ከመጀመሪያው እስከ መጨረሻው ድረስ በነጻ መማር ለምትፈልጉ Emmersive Learning / ኢመርሲቭ ከታች ጀምሮ እስከ ላይ ድረስ ያሉትን ትምህርቶች በነጻ አዘጋጅቶላችኋል ።
ወደ ዩቲዩብ ቻናሉ ጎራ ብለው ይማራሉ ።
የቲዩብ ቻናሉ ሊንክ https://www.youtube.com/@EmmersiveLearning
ይህን ማስታወቂያ ለእናንተ ያቀርብኩላችሁ የመምህሩን መልካም ስነ-ምግባር ፣ፕሮግራሞቹን የሚያቀርብበትን መንገድ ቀላልነት በደንብ አጥንቼ መርምሬ መሆኑን ልገልጽላችሁ እወዳለሁ !
ይህን ፖስት ፣ፖስት ሼር በማድረግ ብታስተላልፉት በርካቶች ይጠቀሙበታል

Enamesegnalen 🙏🙏 Umma TV.

Reminder.

በጣም ደስተኛ ምትሆኑት ምን ስትሰሩ ነው?

Are you starting to learn web development ?.

Do This:

• Start with HTML, CSS
• Moved to JavaScript and DOM
• Learned Git
• Dived into React

As you go through all your learnings, share your progress online at the same time.

No matter what you're learning, write about it online.

Have Social Presence.!

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

ዲዝኒይ(Disney) ሆሎታይል( HoloTile) የሚባል አድስ ፕሮጀክት ይፋ አድርገዋል።

HoloTile ተጠቃሚዎች ከቦታው ሳይንቀሳቀሱ ወይም ከእውነተኛው ዓለም ጋር ሳይጋጩ በማንኛውም አቅጣጫ እንዲራመዱ ያስችላቸዋል።

ኩባንያው HoloTileን እንዲህ በማለት ይገልፃል(the world’s first multi-person, omnidirectional, modular, expandable, treadmill floor”).

ይህ ወለል በላዩ ላይ እንድንቆይ የሚፈለገውን ሁሉ በራሱ ያደርጋል።በጣም የሚያስደንቀው ነገር ደግሞ ብዙ ሰዎች በእሱ ላይ ሊቆሙ እና ሁሉም እራሳቸውን ችለው በእግር መሄድ የሚችሉበት መሆኑ ነው። በተጨማሩም በ በምናባዊ እውነታ(virtual reality) እና በሌሎች ብዙ ነገሮች ውስጥ ለመሄድ ያስችላል።

#holotile #vr #METAVERSE

Frontend Mastery 2024:

🚀 Start with Basics:
➩ HTML/CSS.

🔥 JavaScript:
➩ The noscripting powerhouse.

🎨 Master React.js
➩ for dynamic UIs.

📱 Responsive Design:
➩ Adapt for all screens.

🛠 Essential Tools:
➩ Git, Webpack, NPM.

🌈 CSS Frameworks:
➩ Tailwind, Bootstrap.

🖼 Basics of Graphics:
➩ SVGs & Canvas.

💻 Browser Testing:
➩ Ensure compatibility.

🌟 Advanced Concepts:
➩ PWA, SPA.

👩‍💻 Code like a Pro:
➩ Best Practices.

🚢 Deployment:
➩ Netlify, Vercel.

🎯 Sharpen your skills with real projects.

@EmmersiveLearning

I don't know who needs to see this, but here it is.

- Doom scrolling causes stress.
- Overthinking causes stress.
- Perfection causes stress.

Focus on only:
- 1 thing at a time.
- Simple & achievable goals.
- Productive habits & routine.

🚀 Latest in CSS 2024 Trends! 🎨

1️⃣ CSS Grid Layouts
2️⃣ Variable Fonts
3️⃣ Dark Mode Styling
4️⃣ CSS Custom Properties (Variables)
5️⃣ Motion UI
6️⃣ Scroll-Linked Animations
7️⃣ CSS Filters
8️⃣ Responsive Typography
9️⃣ Gradient Borders
🔟 Neumorphism (Soft UI)
1️⃣1️⃣ CSS Container Queries
1️⃣2️⃣ Houdini API

Full Stack

Learn Pure CSS before going to any ui frameworks.

Know the foundation. Know the base.

Start here:

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

Back-end developer:

∟📂 Server-side coding (Python, Java, PHP, NodeJs, Go, .Net)
∟📂 Databases (SQL or NoSQL)
∟📂 APIs and web services
∟📂 Security and authentication
∟📂 Caching and performance tuning
∟📂 Scalability and load balancing
∟📂 Deployment and DevOps

CSS tip:

Easily center anything, horizontally and vertically, with 3 lines of CSS:


i love this code, everywhere i use custom CSS.

Complete JavaScript Road Map🔥

A-Z JavaScript👇

1.Variables
↳ var
↳ let
↳ const

2. Data Types
↳ number
↳ string
↳ boolean
↳ null
↳ undefined
↳ symbol

3.Declaring variables
↳ var
↳ let
↳ const

4.Expressions
Primary expressions
↳ this
↳ Literals
↳ []
↳ {}
↳ function
↳ class
↳ function*
↳ async function
↳ async function*
↳ /ab+c/i
↳ string
↳ ( )

Left-hand-side expressions
↳ Property accessors
↳ ?.
↳ new
↳ new .target
↳ import.meta
↳ super
↳ import()

5.operators
↳ Arithmetic Operators: +, -, *, /, %
↳ Comparison Operators: ==, ===, !=, !==, <, >, <=, >=
↳ Logical Operators: &&, ||, !

6.Control Structures
↳ if
↳ else if
↳ else
↳ switch
↳ case
↳ default

7.Iterations/Loop
↳ do...while
↳ for
↳ for...in
↳ for...of
↳ for await...of
↳ while

8.Functions
↳ Arrow Functions
↳ Default parameters
↳ Rest parameters
↳ arguments
↳ Method definitions
↳ getter
↳ setter

9.Objects and Arrays
↳ Object Literal: { key: value }
↳ Array Literal: [element1, element2, ...]
↳ Object Methods and Properties
↳ Array Methods: push(), pop(), shift(), unshift(),
splice(), slice(), forEach(), map(), filter()

10.Classes and Prototypes
↳ Class Declaration
↳ Constructor Functions
↳ Prototypal Inheritance
↳ extends keyword
↳ super keyword
↳ Private class features
↳ Public class fields
↳ static
↳ Static initialization blocks

11.Error Handling
↳ try,
↳ catch,
↳ finally (exception handling)

ADVANCED CONCEPTS
--------------------------

12.Closures
↳ Lexical Scope
↳ Function Scope
↳ Closure Use Cases

13.Asynchronous JavaScript
↳ Callback Functions
↳ Promises
↳ async/await Syntax
↳ Fetch API
↳ XMLHttpRequest

14.Modules
↳ import and export Statements (ES6 Modules)
↳ CommonJS Modules (require, module.exports)

15.Event Handling
↳ Event Listeners
↳ Event Object
↳ Bubbling and Capturing

16.DOM Manipulation
↳ Selecting DOM Elements
↳ Modifying Element Properties
↳ Creating and Appending Elements

17.Regular Expressions
↳ Pattern Matching
↳ RegExp Methods: test(), exec(), match(), replace()

18.Browser APIs
↳ localStorage and sessionStorage
↳ navigator Object
↳ Geolocation API
↳ Canvas API

19.Web APIs
↳ setTimeout(), setInterval()
↳ XMLHttpRequest
↳ Fetch API
↳ WebSockets

20.Functional Programming
↳ Higher-Order Functions
↳ map(), reduce(), filter()
↳ Pure Functions and Immutability

21.Promises and Asynchronous Patterns
↳ Promise Chaining
↳ Error Handling with Promises
↳ Async/Await

22.ES6+ Features
↳ Template Literals
↳ Destructuring Assignment
↳ Rest and Spread Operators
↳ Arrow Functions
↳ Classes and Inheritance
↳ Default Parameters
↳ let, const Block Scoping

23.Browser Object Model (BOM)
↳ window Object
↳ history Object
↳ location Object
↳ navigator Object

24.Node.js Specific Concepts
↳ require()
↳ Node.js Modules (module.exports)
↳ File System Module (fs)
↳ npm (Node Package Manager)

25.Testing Frameworks
↳ Jasmine
↳ Mocha
↳ Jest

--------------- END---------------


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