ethiocodesoftselecte2.netlify.app
🎨 HTML ትምህርት ክፍል 2 | CSS Basics

✨ Web ገጻችንን ቀለም እናሳምር!

ትምህርቱ ይዟል:
✅ CSS ምንድን ነው
✅ Syntax (Selector, Property, Value)
✅ 3 Ways to Add CSS
✅ አስፈላጊ Properties ሁሉ
✅ Interactive Demo 🎮
✅ Quiz 🎯

📂 ethiocodesoftselecte2.netlify.app ከፍተህ Browser ላይ አስቀምጠው!

🔔 @EthioCodeSoftSelect
#CSS #HTML #WebDev #EthioCode

🔗 HTML ትምህርት ክፍል 3 | Links & Images

ሊንክና ፎቶ Web ላይ እናክልበት! 🖼️

✅ <a> tag — Links
✅ <img> tag — Images
✅ Clickable Image
✅ Local vs Online photos
✅ Quiz 🎯

🌐 ትምህርቱን ከፍተህ ተማር 👇
👉 https://ethiocodesoftselect.netlify.app/

✍️ የሰራው: @AppMinds_ET
📢 @EthioCodeSoftSelect

#HTML #WebDev #EthioCode #ትምህርት

....

loading.....

📊 HTML ትምህርት ክፍል 4 | Tables & Forms

ሰንጠረዥና ቅጽ እንስራ! 📝

✅ HTML Table (tr, th, td)
✅ HTML Form (input, select...)
✅ 8 Input Types
✅ Interactive Demo 🎮
✅ Quiz 🎯

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

━━━━━━━━━━━━━━━
🔔 ቀጣይ ትምህርት አምልጦህ እንዳይሄድ
👉 Channel ን Join አድርግ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#HTML #WebDev #EthioCode #ትምህርት

🏗️ HTML ትምህርት ክፍል 5 | Semantic HTML & Flexbox

ትርጉም ያለው HTML + ቀላል Layout! ✨

✅ Semantic Tags (header, nav, main...)
✅ Page Structure Diagram 🗺️
✅ CSS Flexbox — display: flex
✅ Interactive Demo 🎮
✅ Navbar + Cards ምሳሌ
✅ Quiz 🎯

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

━━━━━━━━━━━━━━━
🔔 ቀጣይ ትምህርት አምልጦህ እንዳይሄድ
👉 Channel ን Join አድርግ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#HTML #CSS #Flexbox #EthioCode #ትምህርት

⚡ HTML ትምህርት ክፍል 6 | JavaScript Basics

Web ገጻችንን ሕይወት እናክልበት! 🎮

✅ JS ምንድን ነው?
✅ Variables (let, const)
✅ Functions & Events
✅ Counter Demo 🔢
✅ Color Changer 🎨
✅ Mini Calculator 🧮
✅ Quiz 🎯

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

━━━━━━━━━━━━━━━
🔔 ቀጣይ ትምህርት አምልጦህ እንዳይሄድ
👉 Channel ን Join አድርግ 👇
@EthioCodeSoftSelect
━━━━━━━━━━━━━━━

✍️ የሰራው: @AppMinds_ET

#JavaScript #HTML #WebDev #EthioCode #ትምህርት

🔄 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" እንጂ ፕሮግራሚንግ አይደለም። እሱ የሚነግረን "ምን የት ይቀመጥ?" የሚለውን ብቻ ነው።