🔄 HTML ትምህርት ክፍል 7 | If/Else, Loops & Arrays

JavaScript Logic — ውሳኔ፣ ድግግሞሽ፣ ዝርዝር! 🧠

✅ If / Else if / Else
✅ for loop & while loop
✅ Arrays (push, pop, forEach)
✅ Grade Checker Demo 📊
✅ Live Array Demo 📋
✅ Quiz 🎯

👇 ትምህርቱን ክፈት
🔗 ethiocodesoftselect6.netlify.app

━━━━━━━━━━━━━━━
🔔 Join አድርግ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━
✍️ የሰራው: @AppMinds_ET

#JavaScript #Arrays #Loops #EthioCode

🎯 HTML ትምህርት ክፍል 8 | DOM Manipulation

JS ተጠቅሞ HTML ን ቀጥታ ቀይር! 🔥

✅ DOM ምንድን ነው?
✅ getElementById / querySelector
✅ innerText / innerHTML / style
✅ createElement + appendChild
✅ addEventListener — Events
✅ Live Page Builder 🏗️
✅ Todo App Demo ✅
✅ Quiz 🎯

👇 ትምህርቱን ክፈት
🔗 https://ethiocodesoftselect7.netlify.app

━━━━━━━━━━━━━━━
📢 ለጓደኞቻችሁ Share አድርጉ!
🔁 Share ማድረግ ግዴታ ነው ✅
━━━━━━━━━━━━━━━
🎁 1,000 አባላት ስንሞላ
🎀 GIVEAWAY ይኖራል!
በጉጉት ጠብቁ... 👀🔥
━━━━━━━━━━━━━━━
🔔 Join አልደረጋችሁም?
👉 ወዲያው Join አድርጉ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#DOM #JavaScript #WebDev #EthioCode #ትምህርት #Giveaway

🚀 HTML ትምህርት ክፍል 9 | Mini Project

Todo App ከዜሮ እንስራ! 💪

✅ HTML Structure
✅ CSS Styling (Flexbox)
✅ JS — Add / Complete / Delete
✅ Filter (ሁሉም / ቀሪ / ተጠናቀቀ)
✅ Stats Dashboard
✅ ሙሉ Source Code 📄
✅ Quiz 🎯

👇 ትምህርቱን ክፈት
🔗 https://ethiocodesoftselect8.netlify.app

━━━━━━━━━━━━━━━
📢 ለጓደኞቻችሁ Share አድርጉ!
🔁 Share ማድረግ ግዴታ ነው ✅
━━━━━━━━━━━━━━━
🎁 1,000 አባላት ስንሞላ
🔐 GIVEAWAY ይኖራል... 👀🔥
( ምን እንደሆነ ሚስጥር ነው! )
━━━━━━━━━━━━━━━
🔔 Join አልደረጋችሁም?
👉 ወዲያው Join አድርጉ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#MiniProject #JavaScript #HTML
#EthioCode #Giveaway #ትምህርት

⚛️ ትምህርት ክፍል 10 | React.js መጀመሪያ

ቀጣዩ Level — React.js! 🔥

✅ React ምንድን ነው?
✅ Components — LEGO blocks ይመስላሉ!
✅ Props — ውሂብ ማስተላለፍ
✅ useState — State Hook
✅ Counter Demo 🎮
✅ Quiz 🎯

👇 ትምህርቱን ክፈት
🔗 https://ethiocodesoftselect9.netlify.app

━━━━━━━━━━━━━━━
📢 ለጓደኞቻችሁ Share አድርጉ!
🔁 Share ማድረግ ግዴታ ነው ✅
━━━━━━━━━━━━━━━
🎁 1,000 አባላት ስንሞላ
🔐 SECRET Giveaway ይኖራል...👀🔥
━━━━━━━━━━━━━━━
🔔 Join አልደረጋችሁም?
👉 ወዲያው Join አድርጉ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#React #JavaScript #WebDev
#EthioCode #ትምህርት #Giveaway

⚛️ ትምህርት ክፍል 11 | React Level 2

useEffect, Lists & Conditional Rendering! 🔥

✅ useEffect — Side Effects Hook
✅ Lifecycle: Mount → Update → Unmount
✅ Cleanup Function
✅ Lists with .map() + key prop
✅ Conditional Rendering (if / && / ?:)
✅ Timer Demo ⏱️
✅ Live List Demo 📋
✅ Quiz 🎯

👇 ትምህርቱን ክፈት
🔗 https://ethiocodesoftselect10.netlify.app

━━━━━━━━━━━━━━━
📢 ለጓደኞቻችሁ Share አድርጉ!
🔁 Share ማድረግ ግዴታ ነው ✅
━━━━━━━━━━━━━━━
🎁 1,000 አባላት ስንሞላ
🔐 SECRET Giveaway ይኖራል... 👀🔥
━━━━━━━━━━━━━━━
🔔 Join አልደረጋችሁም?
👉 ወዲያው Join አድርጉ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#React #useEffect #WebDev
#EthioCode #ትምህርት #Giveaway

⚛️ ትምህርት ክፍል 12 | React Mini Project

React Todo App ከዜሮ! 🚀🔥

✅ Component Structure
✅ useState — Tasks Array
✅ addTask / toggleTask / deleteTask
✅ useEffect + localStorage 💾
✅ Filter: All / Active / Done
✅ Priority: High / Medium / Low
✅ Progress Bar 📊
✅ ሙሉ Live Demo 🎮

👇 ትምህርቱን ክፈት
🔗 https://ethiocodesoftselect11.netlify.app

━━━━━━━━━━━━━━━
📢 ለጓደኞቻችሁ Share አድርጉ!
🔁 Share ማድረግ ግዴታ ነው ✅
━━━━━━━━━━━━━━━
🎁 1,000 አባላት ስንሞላ
🔐 SECRET Giveaway ይኖራል... 👀🔥
━━━━━━━━━━━━━━━
🔔 Join አልደረጋችሁም?
👉 ወዲያው Join አድርጉ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#React #Project #WebDev
#EthioCode #ትምህርት #Giveaway

🗺️ ትምህርት ክፍል 13 | React Router

ብዙ Pages React App! 🔥

✅ React Router ምንድን ነው?
✅ BrowserRouter + Routes + Route
✅ Link & NavLink — <a> ምትክ
✅ useParams — /lesson/:id
✅ useNavigate — JS Navigate
✅ 404 Not Found Page
✅ Browser Mock Demo 🎮
✅ Quiz 🎯

👇 ትምህርቱን ክፈት
🔗 https://ethiocodesoftselect12.netlify.app

━━━━━━━━━━━━━━━
📢 ለጓደኞቻችሁ Share አድርጉ!
🔁 Share ማድረግ ግዴታ ነው ✅
━━━━━━━━━━━━━━━
🎁 1,000 አባላት ስንሞላ
🔐 SECRET Giveaway ይኖራል... 👀🔥
━━━━━━━━━━━━━━━
🔔 Join አልደረጋችሁም?
👉 ወዲያው Join አድርጉ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#React #ReactRouter #WebDev
#EthioCode #ትምህርት #Giveaway

🌍 ትምህርት ክፍል 14 | React Context API

Global State — Props ሳይጠቀሙ! 🔥

✅ Prop Drilling ችግር
✅ createContext() — Context ስራ
✅ Provider — ሁሉን ጠቅልል
✅ useContext() — ቀጥታ ማንበብ
✅ Custom Hooks (useTheme, useUser)
✅ Theme + Language Demo 🎨🌐
✅ User/Auth Context Demo 👤
✅ Quiz 🎯

👇 ትምህርቱን ክፈት
🔗 https://ethiocodesoftselect12.netlify.app

━━━━━━━━━━━━━━━
📢 ለጓደኞቻችሁ Share አድርጉ!
🔁 Share ማድረግ ግዴታ ነው ✅
━━━━━━━━━━━━━━━
🎁 1,000 አባላት ስንሞላ
🔐 SECRET Giveaway ይኖራል... 👀🔥
━━━━━━━━━━━━━━━
🔔 Join አልደረጋችሁም?
👉 ወዲያው Join አድርጉ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#React #ContextAPI #GlobalState
#EthioCode #ትምህርት #Giveaway

​እነሆ ጥቂት አስገራሚ ነገሮች፦
​1. ኮድ "መፃፍ" ሳይሆን "ማንበብ" ነው ጊዜ የሚፈጀው
​አንድ ፕሮግራም አውጪ (Programmer) የስራ ሰዓቱን 90% የሚያሳልፈው ኮድ በመፃፍ ሳይሆን፣ የተፃፈውን ኮድ በማንበብ እና በመረዳት ነው። ኮድ መፃፍ ልክ እንደ መናገር ነው፤ ኮዱን አንብቦ ስህተቱን (Bug) መፈለግ ግን ልክ እንደ መርማሪ ፖሊስ ፍንጭ የመፈለግ ያህል ከባድ ስራ ነው።
​2. የመጀመሪያው "ፕሮግራም አውጪ" ሴት ነበረች
​ኮምፒውተር ባልነበረበት ዘመን (በ1800ዎቹ) Ada Lovelace የተባለች እንግሊዛዊት ሴት፣ ለወደፊቱ ለሚሰራ ማሽን የመጀመሪያውን አልጎሪዝም (Algorithm) ጽፋ ነበር። ያን ጊዜ ማሽኑ ባይሰራም፣ የእሷ የኮዲንግ ህግጋት ግን ዛሬም ድረስ ለምንጠቀማቸው ሶፍትዌሮች መሰረት ናቸው።
​3. ኮድ በጨረቃ ላይ
​በ1969 ዓ.ም የሰው ልጅ ጨረቃ ላይ ሲያርፍ፣ መንኮራኩሩን ያዘዘው ሶፍትዌር (Apollo 11 Guidance Computer) የተጻፈው በሴት ፕሮግራም አውጪዎች ሲሆን፣ ኮዱ በሙሉ በወረቀት ታትሞ ቢቆለል የአንድን ሰው ቁመት ያክል ይረዝም ነበር። የሚገርመው ግን፣ ያ ሁሉ ኮድ ዛሬ ካለው የአንድ ተራ ስልክ ሜሞሪ እጅግ በጣም ያነሰ ቦታ ነበር የሚይዘው።
​4. በቢሊዮን የሚቆጠር "If" Statement
​አሁን ላይ የምናያቸው እጅግ ዘመናዊ የሆኑ አርቴፊሻል ኢንተለጀንስ (AI) ሲስተሞች፣ በጥልቀት ሲመረመሩ በቢሊዮን የሚቆጠሩ "ይህ ከሆነ ያንን አድርግ" (If/Else) የሚሉ አመክንዮዎች (Logic) ስብስብ ናቸው። ዓለማችንን የምትቀይረው AI፣ በመሰረቱ በጣም ብዙ ትናንሽ ውሳኔዎችን በፍጥነት የምታቀናጅ ማሽን ናት።
​5. "Space" (600 ሚሊዮን ዶላር ያጠፋው ስህተት)
​በ1962 ዓ.ም Mariner 1 የተባለችው የናሳ (NASA) መንኮራኩር ወደ ቬኑስ (Venus) ልትሄድ ስትል ፈንድታለች። ምክንያቱ ደግሞ በኮዱ ውስጥ በአንድ ቦታ ላይ "Hyphen" (-) ምልክት በመጥፋቷ ብቻ ነበር። በኮዲንግ ዓለም ውስጥ አንዲት ምልክት (Syntax) የቢሊዮን ዶላር ንብረትን ልታጠፋ ትችላለች።

🟢 ትምህርት ክፍል 15 | Node.js & Express

Backend Development ጀመርን! 🔥

✅ Node.js — Server-side JavaScript
✅ Frontend vs Backend diagram
✅ Express Framework Setup
✅ REST API — GET POST PUT DELETE
✅ CRUD Operations
✅ React + Express Full Stack
✅ 🎮 Live API Simulator Demo!
✅ Quiz 🎯

👇 ትምህርቱን ክፈት
🔗 https://ethiocodesoftselect14.netlify.app

━━━━━━━━━━━━━━━
📢 ለጓደኞቻችሁ Share አድርጉ!
🔁 Share ማድረግ ግዴታ ነው ✅
━━━━━━━━━━━━━━━
🎁 1,000 አባላት ስንሞላ
🔐 SECRET Giveaway ይኖራል... 👀🔥
( ምን እንደሆነ ሚስጥር ነው! )
━━━━━━━━━━━━━━━
🔔 ቀጣይ ትምህርት አምልጦህ እንዳይሄድ
👉 Channel ን Join አድርግ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━
✍️ የሰራው: @AppMinds_ET

#NodeJS #Express #Backend
#EthioCode #FullStack #WebDev

​የመጀመሪያው ድረ-ገጽ: በዓለም ላይ የመጀመሪያው ድረ-ገጽ የተሰራው በ1991 ሲሆን፣ ዛሬም ድረስ በኢንተርኔት ላይ ይገኛል። የሚገርመው ግን ያ ድረ-ገጽ ምንም CSS (ውበት) ወይም JS (እንቅስቃሴ) የለውም፤ በንፁህ HTML ብቻ የተሰራ ነው።

​ሚስጥር: ብዙ ሰዎች HTMLን እንደ ፕሮግራሚንግ ቋንቋ ይቆጥሩታል። ግን በቴክኒኩ HTML "Markup Language" እንጂ ፕሮግራሚንግ አይደለም። እሱ የሚነግረን "ምን የት ይቀመጥ?" የሚለውን ብቻ ነው።

በ CSS ብቻ ስዕል መሳል ይቻላል: CSS ለከለርና ለፎንት ብቻ ይመስለናል፣ ነገር ግን ጎበዝ የሆኑ ሰዎች ምንም ምስል (Image) ሳይጠቀሙ፣ በ CSS ኮድ ብቻ በጣም የሚያማምሩ ስዕሎችንና አኒሜሽኖችን ይሰራሉ።

​The "Z-Index" ሚስጥር: በድረ-ገጽ ላይ ነገሮች አንዱ በአንዱ ላይ እንዲደረደሩ የሚያደርገው z-index ነው። ይህ ልክ እንደ ንብርብር (Layer) ነው—ቁጥሩ በጨመረ ቁጥር እቃው ወደ እኛ ቀርቦ ይታያል።

ስሙ ለምን ተመረጠ? JavaScript መጀመሪያ ሲፈጠር ስሙ "Mocha" ነበር። ከዚያም "LiveScript" ተባለ። በወቅቱ "Java" የተባለው ቋንቋ በጣም ታዋቂ ስለነበር፣ ሰዎችን ለመሳብ ሲባል ብቻ ስሙን ወደ "JavaScript" ቀየሩት። እንጂ ሁለቱ ምንም ግንኙነት የላቸውም።

​በ 10 ቀን ውስጥ ተሰራ: ብሬንዳን ኢክ (Brendan Eich) የተባለ ሰው የመጀመሪያውን የ JavaScript ስሪት የሰራው በ 10 ቀናት ውስጥ ብቻ ነው። ዛሬ ግን መላው ዓለም በእሱ ላይ የተመሰረተ ነው።

​🍃 ትምህርት ክፍል 16 | MongoDB & Mongoose

​Database ትምህርት! ውሂብ ቋሚ ቦታ! 🔥
​በዚህ ክፍል ውስጥ የምንማራቸው ዋና ዋና ነጥቦች፦

​✅ Database ምንድን ነው? (በቀላል ምሳሌ)

​✅ SQL vs MongoDB ንፅፅር

​✅ Document Structure & Field Types

​✅ Mongoose Schema & Validation

​✅ CRUD Operations — Create, Find, Update, Delete

​✅ Advanced Queries — Filter, Sort, Limit

​✅ 🎮 Live MongoDB Simulator!

​✅ Full Stack = MERN Stack 🚀

​👇 ትምህርቱን እዚህ ሊንክ ይክፈቱት፦
🔗https://ethiocodesoftselectb16.netlify.app/ ​━━━━━━━━━━━━━━━
📢 Share ማድረግ ግዴታ ነው! 🔁
🎁 1,000 ስንሞላ SECRET Giveaway አለን!
━━━━━━━━━━━━━━━
👉 @EthioCodeSoftSelect
━━━━━━━━━━━━━━━
✍️ የሰራው: @AppMinds_ET
​#MongoDB #Mongoose #Database #MERN #EthioCode #Backend

​🔐 ትምህርት ክፍል 17 | JWT & bcrypt Auth
​ደህንነቱ የተጠበቀ Login System! 🔥
​በዚህ ክፍል ውስጥ የምንማራቸው ዋና ዋና ነጥቦች፦
​✅ Authentication ምንድን ነው?
​✅ bcrypt — Password Hashing (የይለፍ ቃልን መደበቅ)
​✅ JWT — Token Based Auth (መለያ ቁልፍ)
​✅ protect() Middleware — ገጾችን መቆለፊያ
​✅ Route Protection Levels — ፈቃድ መስጫ
​✅ .env — ሚስጥራዊ ፋይሎችን (Secrets) ማስቀመጫ
​✅ 🎮 Live Auth Demo (Register+Login+Protected)!
​✅ Quiz 🎯 — እውቀትዎን ይፈትኑ!
​👇 ትምህርቱን እዚህ ሊንክ ይክፈቱት፦
🔗 https://ethiocodesoftselectb17.netlify.app/
​━━━━━━━━━━━━━━━
📢 Share ማድረግ ግዴታ! 🔁
🎁 1,000 ስንሞላ SECRET Giveaway!
━━━━━━━━━━━━━━━
👉 @EthioCodeSoftSelect
━━━━━━━━━━━━━━━
✍️ የሰራው: @AppMinds_ET
​#JWT #bcrypt #Auth #Security #MERN #EthioCode #Backend

​🌙 ዒድ ሙባረክ - ተከባሪ የቻናላችን ቤተሰቦች! 🕌
​እንኳን ለታላቁ የዒድ አል-ፊጥር በዓል በሰላም አደረሳችሁ። አላህ (ሱ.ወ) ፆማችንን፣ ሶላታችንን እና ዱዓችንን ይቀበለን።
​ተቀበለላሁ ሚና ወሚንኩም ሳሊሃል አዕማል! (አላህ ከእኛም ከእናንተም መልካም ስራዎችን ይቀበለን!)
​በዚህ የተባረከ ቀን ምኞታችን፦
​ቤታችሁ በኑር (ብርሃን) እንዲሞላ፣
​ቀልባችሁ በኢማን እንዲረካ፣
​ህይወታችሁ በበረካ እንዲትረፈረፍ ነው።
​ረመዳን ሲጠናቀቅ የተማርነውን ትዕግስትና በጎነት በሌሎቹ ወራትም አብረውን እንዲቀጥሉ ዱዓ እናደርጋለን።
​ለእናንተና ለውድ ቤተሰቦቻችሁ፦
✨ ዒድ ሙባረክ! ✨
✨ ኩል ዓም ወአንቱም ቢኸይር! ✨

​🚀 ትምህርት ክፍል 18 | MERN Stack Full Project
​ሙሉ Full Stack App! 🔥
​በዚህ ወሳኝ ክፍል ውስጥ የምንማራቸው፦
​✅ MERN Architecture Diagram — አሠራሩን በምስል
​✅ Blog App — ሙሉ አገልግሎቶች (Features)
​✅ Folder Structure — ፋይሎችን የማደራጀት ጥበብ
​✅ API Endpoints Table — የመገናኛ ነጥቦች ሰንጠረዥ
​✅ Post Schema + CRUD Routes
​✅ React Frontend Code — የፊት ገጽ አሠራር
​✅ Deployment (Atlas+Render+Netlify) — ወደ ኢንተርኔት መጫን
​✅ 🎮 Live Blog Demo (Posts+Users+Stats+API Log)!

​💡 ማሳሰቢያ: ለተሻለ አጠቃቀም እና ኮዶቹን በግልጽ ለማየት በ Desktop Site ቢጠቀሙ ይመከራል! 💻

​👇 ትምህርቱን እዚህ ሊንክ ይክፈቱት፦
🔗 https://ethiocodesoftselectb18.netlify.app/
​━━━━━━━━━━━━━━━
📢 Share ማድረግ ግዴታ! 🔁
🎁 1,000 ስንሞላ SECRET Giveaway!
━━━━━━━━━━━━━━━
👉 @EthioCodeSoftSelect
━━━━━━━━━━━━━━━
✍️ የሰራው: @AppMinds_ET
#MERN #FullStack #React #Node #MongoDB #EthioCode #WebDev