Web Development
190 subscribers
147 photos
2 files
17 links
Learn Web Development From Scratch

0️⃣ HTML / CSS
1️⃣ JavaScript
2️⃣ React / Vue / Angular
3️⃣ Node.js / Express
4️⃣ REST API
5️⃣ SQL / NoSQL Databases
6️⃣ UI / UX Design
7️⃣ Git / GitHub
Download Telegram
1. CSS isn’t broken — your div just gave up on life.
Try: min-height: 100vh; 🚑

== is for loose relationships.
Use === if you want commitment. 💍

Want faster sites?
Replace PNGs with webp. Smaller, sharper, sexier. 📸


2. Centering in CSS used to be sorcery. 🧙‍♂️
Now it’s just:
display: grid;
place-items: center;


3. Bored of boring bullets?
Spice up your list with:
list-style-type: '🔥';


4.
z-index

not working?
Make sure the element isn’t a ghost.
position: relative;
10 Essential Habits to Level Up Your Web Development Skills 🌐🚀

🔥 Master HTML, CSS & JavaScript fundamentals
🔥 Build responsive layouts with Flexbox & Grid
🔥 Use browser dev tools to debug like a pro
🔥 Learn a modern JS framework (React, Vue, or Svelte)
🔥 Understand how APIs work & build with them
🔥 Practice accessibility & semantic HTML
🔥 Optimize performance (lazy loading, caching, etc.)
🔥 Explore backend basics (Node.js, Express, databases)
🔥 Deploy projects (Netlify, Vercel, or your own server)
🔥 Stay updated — web tech evolves fast!

💬 React "❤️" if you're ready to build something awesome!
Web stacks the web developer should know about🔥

1. MERN
MongoDB + Express.js + ReactJS + Node.js

2. MEAN
MongoDB + Express.js + AngularJS + Node.js

3. MEVN
MongoDB + Express.js + Vue.js + Node.js

4. JAMstack
JavaScript + APIs + Markup + Stack

5. LAMP
Linux + Apache + MySQL + PHP

6. LEMP
Linux + Nginx + MySQL + PHP

7. WAMP
Windows + Apache + MySQL + PHP

8. WISA
Windows + IIS + SQL Server + ASP dot NET

9. Django
Python + Django + PostgreSQL + Nginx

10. Flask
Python + Flask + SQLite + Nginx

11. MERN + GraphQL
MongoDB + Express.js + ReactJS + Node.js + GraphQL

12. Ruby on Rails
Ruby on Rails + PostgreSQL + Puma

What's your favorite?👇💬
Types of Servers in Networking🤩

Ever wondered how data flows across the internet? 🌐

From browsing websites to sending emails servers make it all happen.

Here are the main types of servers

🔸 Web Server – Hosts websites and delivers web pages
🔸 Mail Server – Manages email sending & receiving
🔸 DNS Server – Converts domain names to IPs
🔸 Proxy Server – Acts as a gateway between user & internet
🔸 FTP Server – Handles file transfer over networks
🔸 Origin Server – The original source of web content

Essential knowledge for anyone in networking, cybersecurity, or IT 🔐

#fblifestyle #Servers #WebServer #MailServer #ProxyServer #DNSServer #FTPServer #OriginServer #NetworkingBasics
1
የ13 ወራትና የ13 ሙሉ ጨረቃዎች ጸጋ ባለቤቶች
☄️ በመጋቤ ሐዲስ ዶክተር ሮዳስ ታደሰ
💥 ቀመር 13 መቼም አስገራሚ ናት፤ ብዙዎች ስለዚኽ ቊጥር ሲሰሙ ይሸበራሉ፡፡ በተለይ በምዕራቡ ዓለም ቊጥር 13 በእጅጉ ይፈራል፡፡ triskaidekaphobia (ትሪስ ካይ ዴካ ፎቢያ) ይባላል፡፡ ከተመዘገቡት የፍርሃት ዓይነቶች አንዱ ይኽ ነው፡፡
☄️ በግሪክ ቋንቋ τρεισκαίδεκα “ትሪስ” ማለት “3” “ካይ” ማለት “እና” “ዴካ” (ዐሥር) “ፎቢያ” (ፍርሃት) በአጠቃላይ የ13 ቊጥር ፍርሃት ማለት ነው፡፡
በተለይ ዐርብ እና 13 ሲገጥሙ ፍርሃቱ የሚጨምር ሲኾን የፍርሃቱ መጠሪያውም paraskevidekatriaphobia ይባላል፡፡
☄️ በምዕራቡ ዓለማት ያሉት ሀገራት እጅግ ብዙዎቹ 13ኛ ፎቅ የላቸውም፡፡ በሊፍት ሲወጣ 13ኛ ቊጥርን በመዝለል 14 ቊጥር ሲል ማየት የተለመደ ነው፡፡
☄️ ሪልስቴቶች 13ኛ ፎቅ ገዢ ስለሌላቸው 12 ኤ፤ 12 ኤም … እያሉ መሸጥ የተለመደ ነው፡፡

💥 ታላላቆች አየር መንገዶች ለምሳሌ እንደ ዩናይትድ፣ አላስካ፣ ራያኔር፣ ሉፍታንዛ፣ ፓሲፊክ፣ ሲንጋፓር ያሉ 13ኛ መቀመጫ በመዝለል 12 ብለው 14 እንደሚሉ በነዚኽ አየር መንገዶች የሚበሩ መንገደኞች ኹሉ ያውቁታል፡፡

💥 13 ቊጥር ግን ማያውያንን ጨምሮ በጥንት ሥልጡን ሕዝቦች ግን ተወዳጅ ቀመር ናት፡፡ ለምሳሌ በእስራኤል ቀመረ ፊደለ ዕብራይስጥ ፍቅር ማለት “አሀባህ” (אהבה) ሲባል በ22ቱ አሌፋት ሲቀመር (1 + 5 + 2 + 5 = 13) ይሰጣል፡፡ ☄️ በእኛም በግእዝ አልፍ ቤት ቀመረ ግእዝ “ጥበብ፣ ኤል” ይኽንኑ ቀመር ይሰጣሉ፡፡

🌓 ሴቶች በዓመት ውስጥ የሚያዩት የወርኅ አበባ የጨረቃን ዑደት ማእከል ያደረገ በመኾኑ 13 ነው - 28 ቀናት (365/28 = 13) ነው።
☄️ በግእዝ ወር የሚለው ቃል “ወርኅ” (ጨረቃ) ከሚለው ቃል የመጣ ነው፡፡ በእንግሊዝኛም menstruation መባሉ በላቲኒ ሜኔ - ሙን “ጨረቃ” ማለት ነውና ይኽነን ዑደት ማእከል ያደረገ ነው፡፡

☄️ በአፍሮ አይገባ መስቀል ላይ እንደምናየው ከጐን 6 ከጐን 6 ከላይ 1 በድምሩ 13 በማሳየት 12ቱ ሐዋርያትን ከጌታችን ከኢየሱስ ክርስቶስ ጋር በመወከል፤ 13ቱን ሕማማተ መስቀል በማሳየት አስደናቂ ምሳሌን ያስነብባል፡፡

☄️ የ2017 ዓ.ም. ደግሞ በእጅጉ ልዩ የሚያደርገው ከታላቅነቷ የተነሣ ብዙ ፈተና የተነሣባት 13ኛዋ ወር ጳጒሜን 13ኛው ሙሉ ጨረቃ በዚኽች በ13ኛ ወር ላይ ማረፉ ነው፡፡
🌓 ይኸውም የ2017 ዓ.ም. የተከሰቱ 13ቱ ሙሉ ጨረቃዎች እነሆ፡-
1ኛ) መስከረም 8 🌞
2ኛ) ጥቅምት 7 🌚
3ኛ) ኅዳር 7 🌞
4ኛ) ታኅሣሥ 6 🌚
5ኛ) ጥር 5 🌞
6ኛ) የካቲት 5 🌚
7ኛ) መጋቢት 5 🌞
8ኛ ሚያዝያ 5 🌑
9ኛ) ግንቦት 4 🌞
10ኛ) ሠኔ 4 🌑
11ኛ) ሐምሌ 3 🌞
12ኛ) ነሐሴ 3 🌑
13ኛ) ጳጉሜን 2 🌓☄️☄️☄️☄️

☄️ በመፈጸም የጨረቃ መጨለም (ግርዶሽ) በምልአተ ወርኅ (በሙሉ ጨረቃ) ጊዜ ብቻ ነውና የሚኾነው ጳጕሜን 2 ተጠባቂዋ የሙሉ ጨለማ ግርዶሽን ቢሊየኖች ያዩታል፡፡ ከምሽቱ 2፡30 ጀምሮ (82 ደቂቃዎች (1 ሰዓት ከ22 ደቂቃዎች) ሙሉ ግርዶሽ የደም ጨረቃ በርኅወተ ሰማይ ምሽት እንደነቅባታለን፡፡

☄️ በነገው የጳጉሜን 2 ምሽት ሰብሰብ ብላችኊ ይኽነን የተፈጥሮ ክስተት በማድነቅ ፎቶዎች እያነሣችኊ ለዐዲሱ ዓመት በጎ እየተመኛችኊ እንድትደሰቱበት መልእክቴን በመግለጽ የተባረከ ምሽት ለኹላችኹም እመኛለኍ፡፡

☄️ 13 ወር የፀሓይ ጸጋ ተብላ ብትደነቀው ውቧ ሀገራችንም በዚኽ ዓመት 13ኛ ሙሉ ጨረቃ በ13ኛዋ የጳጒሜን ወር ላይ በመግጠም 13 ወር የጨረቃ ጸጋ እንድንላት አስችሎናል፡፡
ጳጒሜን 2 የዓመቷን ሙሉ ጨረቃ ከግርሽዋ ጋር ካየን በኋላ የ2018 ዓ.ም. የዐዲሱ ዓመት ሙሉ የመስከረም ሙሉ ጨረቃ ማግሰኞ መስከረም 27 ደምቃ በምሥራቅ አድማስ ትወጣለችና ለዐዲሱ ዓመት የመስከረም 27 ሙሉ ጨረቃ በሰላም ደምቀን ያገናኘን፡፡
🌓 የነገው ሰዓት ለማወቅ
🌓 ከምሽቱ 12:21 ላይ 13ኛዋ ሙሉ ጨረቃ በምሥራቅ አድማስ ደምቃ ትወጣለች
👉 ከምሽቱ 12፡28 (6፡28 PM) መሬት ጨረቃን መከለል ስትጀምር ድብዝዙ ግርዶሽ መታየት ይጀምራል፡፡
👉 ከምሽቱ 1፡27 (7:27 PM) ከፊል ግርዶሹ ይጀምራል፡፡
👉 ከምሽቱ 2፡30 ላይ (8፡30 PM) ተጠባቂው ሙሉው የጨረቃ ግርዶሽ ጀምሮ ጨረቃ ደም የምትመስልበት ሰዓት ይኾናል፡፡
👉 ከምሽቱ 3፡11 (9:11 PM) ላይ ጨረቃ በጥላው ማእከል የምትኾንበት ደም መምሰሏ የሚጨምርበት ሰዓት ይኾናል፡፡
👉 ከምሽቱ 3፡52 (9:52 PM) ሙሉ የጨረቃ ግርዶሽ (ደም መምሰሏ) ማብቂያ ይኾናል፡፡
☄️ ኹሉ ተጠናቆ 5:55 ላይ ጨረቃ ወደ ድምቀቷ ትመለሳለች።
https://youtu.be/RZlhgpKNeqM?si=Y2IlMGQjnQZFTQCd

💥 አልፋ እግዚአብሔር ሆይ ቀጣዩ ዘመናችን ኹሉ አንተን በመውደድ፤ ሰውን ኹሉ በእውነት በመውደድ፤ ከአንተ የሚገኘው ሰላም በረከት ጸጋ ኹሉ በቅናት ሳይኾን በቅንነት ነውና ሥጋዊ ቅናትን ከልባችን አስወግደኽ፤ በጠብ ሳይኾን በአንተ ጥበብ፤ በምስጋና በምድራዊ ሰማያዊ በረከቶችኽ እየተደሰትን እንድንጓዝ ፈቃድኽ ይኹንልን። መልካም የጳጉሜን ወር።
መጋቤ ሐዲስ ዶክተር ሮዳስ ታደሰ
Larry Ellison የአለማችን ቁጥር አንድ ባለሀብት መሆን ቻለ።

Larry Ellison elon muskን በመብለጥ የአለማችን ቁጥር አንድ ባለሀብት መሆን ችሏል።

የ81 አመቱ Larry Ellison oracle የተሰኘው በSoftware፣ databaseና cloud computing ላይ ትኩረቱን ያደረገ የTechnology ድርጅት መስራች ሲሆን ይህም ድርጅት ሰሞናዊ የስቶክ ማርኬት ዋጋው በ40% ከፍ ብሏል። በዚህም ምክንያት የEllison ሀብት በአንድ ቀን ብቻ በ101 ቢሊዮን ዶላር ጨምሮ አጠቃላይ ሀብቱ ከ393 ቢልዮን ዶላር በላይ መሆን ችሏል።

Oracleን በ19777 ከBob Miner እና Ed Oates በጋራ የመሰረተው Ellison እስካሁን ድረስ የድርጅቱ ዋና የቴክኖሎጂ ኦፊሰር እና ዋና ስራ አስፈፃሚ በመሆን ያገለግላል።

Elon musk በ2021 የAmazonኑን Jeff Bezosን በመብለጥ የአለማችን ቁጥር አንድ ሀብታም መሆን መቻሉ አይዘነጋም።

በነገራችን ላይ በአሁኑ ሰአት አለማችን ላይ ካሉ Top 10 ባለፀጋዎች መካከል 8ቱ በቴክኖሎጂ ዘርፍ የተሰማሩ እንደሆኑ ታውቃላችሁ?
📌የDV ሎተሪ ምዝገባ (ከDV 2027 ጀምሮ) ለመጀመሪያ ጊዜ $1 የአንድ ዶላር ክፍያ እንዲከፈል ይደረጋል የሚለው አዲስ ሕግ ሥራ ላይ ውሏል።

በኢትዮጵያ ውስጥ ሆነው ይህን $1 ክፍያ ለመክፈል ሊጠቀሙባቸው የሚገቡ እና ሊያደርጓቸው የሚገቡ ዝግጅቶች በሰፊው ቀጥሎ ቀርበዋል፡

1️⃣ ክፍያ የሚፈጸምበት ጊዜና ቦታ የ$1 ክፍያው የሚፈጸመው ምዝገባው በሚካሄድበት ጊዜ፣ በይፋዊው የDV ሎተሪ ድረ-ገጽ ላይ ብቻ ነው።

ጊዜ: የDV ምዝገባ ቅጹን (DS-5501) ሞልተው መጨረሻ ላይ Submit ሲያደርጉ ወዲያውኑ ወደ ክፍያ ገጽ ይመራሉ።

ቦታ: ክፍያው የሚካሄደው በሌላ ድረ-ገጽ ሳይሆን በይፋዊው የአሜሪካ መንግስት መግቢያ (Authorized U.S. government portal) በኩል ብቻ ነው።

2️⃣ ክፍያ ለመፈጸም የሚያስፈልጉ የክፍያ መንገዶች
አሜሪካ መንግስት ዓለም አቀፍ የኤሌክትሮኒክስ ክፍያዎችን ይቀበላል። በኢትዮጵያ ውስጥ ሆነው ለመክፈል ዋናው እና ቀላሉ መንገድ አለምአቀፍ ክፍያዎችን የሚያስተናግድ ካርድ (International Payment Card) መጠቀም ነው።

1️⃣ ቪዛ (Visa) ወይም ማስተር ካርድ (Mastercard)
ክፍያውን ለመፈጸም በስምዎ የተመዘገበ እና ዓለም አቀፍ ግብይት የሚፈቅድ የዴቢት (Debit) ወይም የክሬዲት (Credit) ካርድ ያስፈልጋል። በኢትዮጵያ ውስጥ ከሚከተሉት ባንኮች ማግኘት ይችላሉ፡

የኢትዮጵያ ንግድ ባንክ (Commercial Bank of Ethiopia - CBE):
CBE Birr International Card: ዓለም አቀፍ ግብይቶችን ለመፈጸም የሚጠቅም ቪዛ ካርድ ይሰጣሉ።
አቢሲኒያ ባንክ (Bank of Abyssinia - BoA):
Abyssinia VISA Card: ዓለም አቀፍ ግብይቶችን ለመፈጸም የሚያስችል የቪዛ ካርድ ያዘጋጃሉ።

ሌሎች ባንኮች: የዓለም አቀፍ ግብይት የሚያስችሉ ካርዶችን (ለምሳሌ ፕሪሚየም ካርዶችን) የሚሰጡ ሌሎች ባንኮችም ሊኖሩ ይችላሉ።

2️⃣  ካርዱን ለማግኘት እና ለመጠቀም መዘጋጀት

ባንክዎን ይጠይቁ: ካርድዎን ከባንክ ሲያገኙ ወይም ሲያነቃቁ፣ ዓለም አቀፍ ግብይቶችን (Online International Transactions) መፈጸም የሚያስችል መሆኑን እና የገንዘብ ገደቡ (limit) ክፍያውን ለመፈጸም የሚያስችል መሆኑን ያረጋግጡ።

የዶላር ሂሳብ (Forex Account): በኢትዮጵያ ህግ መሰረት ዓለም አቀፍ ግብይቶችን ለመፈጸም የውጭ ምንዛሪ ሂሳብ (Forex Account) ሊያስፈልግዎ ይችላል። ይህንን አስቀድመው ባንክዎ ጋር በማጣራት የ$1 ክፍያውን የሚያክል ገንዘብ በሂሳብዎ ላይ በዶላር ወይም በሚፈለገው ምንዛሬ ማስቀመጥ ይኖርብዎታል።

የካርድ መረጃዎች: ክፍያውን በሚፈጽሙበት ጊዜ የሚከተሉትን መረጃዎች በትክክል ማዘጋጀት አለብዎት፡

   ⏺️ የካርድ ቁጥር (Card Number - 16 አሃዞች)
   ⏺️ የሚያበቃበት ቀን (Expiration Date)
   ⏺️ የደህንነት ኮድ (CVV/CVC - በካርዱ ጀርባ ያለው 3 አሃዝ)
   ⏺️ በካርዱ ላይ የተመዘገበው ትክክለኛ ስም

3️⃣ ክፍያውን መፈጸም ካልቻልኩ ምን ማድረግ አለብኝ?
በኢትዮጵያ ውስጥ ዓለም አቀፍ ግብይቶችን የሚፈቅድ ካርድ ማግኘት ወይም መጠቀም ካልቻሉ፣ አማራጮች ሊኖሩ ይችላሉ።

በታመነ ሰው በኩል መክፈል (Trusted Third Party)
በውጭ አገር ያለ ወዳጅ: በውጭ ሀገር (ለምሳሌ በአሜሪካ ወይም አውሮፓ) የሚኖር ወዳጅ ወይም ዘመድ ካለዎት፣ የሎተሪ ቅጹን ሞልተው ከጨረሱ በኋላ ክፍያውን በሱ የክሬዲት/ዴቢት ካርድ እንዲፈጽምልዎ መጠየቅ ይችላሉ።

⚠️ ማስጠንቀቂያ: የDV ሎተሪ ቅጹን የሚሞሉት እና የማረጋገጫ ቁጥሩን የሚይዙት እርስዎ መሆን አለብዎት። ክፍያውን የፈጸመው ሰው የሎተሪው አካል አይደለም።

በኤጀንሲዎች በኩል መፈጸም (አደጋዎቹን ይወቁ!)
ኤጀንሲዎች: አንዳንድ የኢንተርኔት ካፌዎች ወይም የቪዛ አማካሪዎች ክፍያውን በነሱ ካርድ ለመፈጸም ተጨማሪ ክፍያ በመጠየቅ ሊያግዙ ይችላሉ።
ጥንቃቄ: ይህን መንገድ ከተጠቀሙ፣ የDV ማመልከቻ ቅጽዎ ላይ ያለውን መረጃ በትክክል መሙላታቸውን እና ክፍያው ከተፈጸመ በኋላ የማረጋገጫ ቁጥሩን (Confirmation Number) ወዲያውኑ መቀበልዎን ማረጋገጥ አለብዎት። መረጃዎ እንዳይቀየር ወይም በስምዎ ሌላ ምዝገባ እንዳይደረግ መጠንቀቅ አለብዎት።

⚠️ወሳኝ ማሳሰቢያ

የማረጋገጫ ቁጥር: ክፍያውን ከፈጸሙ በኋላ የማረጋገጫ ቁጥሩን ካልተቀበሉ፣ ምዝገባዎ አልተሳካም ማለት ነው። ክፍያው ከተሳካ በኋላ የማረጋገጫ ገጽ መጥቶ ቁጥሩን ማየት አለብዎት።

ክፍያውን ሳይከፍሉ መላክ: የ$1 ክፍያውን ሳይከፍሉ የDV ሎተሪ ቅጹን ለመላክ ቢሞክሩ፣ ማመልከቻዎ ተቀባይነት አያገኝም እና አይሳተፍም።

ተመላሽ የማይደረግ ክፍያ: የ$1 ክፍያው ተመላሽ (Non-refundable) አይደለም። በሎተሪው ባያሸንፉም ወይም በስህተት ሁለት ጊዜ ቢመዘግቡም ገንዘብዎ አይመለስም‼️
2
MERN Stack Developer Roadmap 2025

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.
HTML ማለት ምህጻረ ቃሉ ሲተነተን Hyper Text Markup Language ማለት ነው ።

አሁን ላይ በአለማችን በብዛት ዌሳይትና ዌብ ቴክኖሎጂ ለመስራት በስራ ላይ ይውላል።


HTML በ1991 በBerners-Lee ተፈጠረ።

በ1995 HTML version 2.0 ስራ ላይ የዋለ ሲሆን አሁን ላይ HTML Version 5 የደረሰ ሲሆን በ2012 ላይ ስራ ላይ ውሏል።

አንድ የዌብሳይት ዲዛይነር ወይም ዴቨሎፐር ለመባል ወይንም የዌብሳይት ዲዛይነር ለመሆን የግድ የHTML መሰረታዊ እውቀት እንዲሁም ወደፊት አቀርበዋለሁ እንጅ CSS, JAVASCRIPT እና ሌሎች የዌብ ቴክኖሎጂ ቋንቋዎችን ማወቅ ይኖርበታል።



HTML የራሱ የሆነ tag ሰዎችና ኮምፒውተሩ እንዲግባቡ የሚያደርግ ታግ ይባላል። ለምሳሌ <h1>A+ Ethiopia </h1>
ታግ ማለት ከላይ እንዳያችሁት <> በሁለቱ መካከል የሚቀምጥ ጽሁፍ ነው። ስለዚህ ከላይ ያለውን በብራውዘር ብንከፍተው A+ Ethiopia የሚለው ጽሁፍ ብቻ በHTML የጽሁፍ ህግ መሰረት በጣም በትልቁ ተጽፎ ይወጣል ማለት ነው።
የHTML TAG በትክክል ከተጻፈ ትክክልኛ ውጤት ይሰጠናል።



የHTML ፔጅ ሴቭ ስናደርግ .html ብለን ማስቀመጥ ይኖርብናል።
ለምሳሌ Fitsum.html


የHTML tag በ<html> በ</html> ያልቃል።
ማንኛው የHTML tag ወደ ኮምፕዩተር ብራውዘራችን እንዲታክይ ከተፈለገ በ<body>ታግና በ</body> መካከል መጻፍ ይኖርብናል።


በHTML የታግ ህግ በፈለግነው የጽሁፍ አይነት ማለትም በ Capital letter ወይም በ Small letter ከዛውጭ በማቀላቀል መጻፍ ይቻላል።


ይቀጥላል 👇👇👇
ለምሳሌ
<H1>A+ Ethiopia </h1>
<h1>A+ Ethiopia </h1>
<H1>A+ Ethiopia </H1>
የHTML በጣም የበዛ የምንጠቀም ከሆነ መዘበራረቅ የለበትም።
ለምሳሌ የሁለት የቀኝና የግራ እጃችሁን የትንሽ እጣታችሁን ከትንሽ እጣታችሁ በማግናኘት እንይ Order ሁነዋል ያ ማለት የመጀመሪያ የግራ እጅ አውራ እጣት የቀኝ እጅ የመጨረሻ ይሆናል። የግራ እጅ ትንሽ እጣት የቀኝ እጅ ተንሽ እጣት ጋር ይቀራረባሉ ታግም ልክ እንደዚህ ነው ዝብርቅርቅ ማለት የለበትም።
ለምሳሌ ትክክለኛ ታግ
✔️ <h1><b> Ethiopia </b></h1>
የተሳሳተ ታግ አደራረግ
<h1><b>Ethiopia </h1></b> እንዳያችሁት <h1> ታግ በግራ መጀመሪያ ነው ያለው ግን በቀኝ በኩል ደግሞ </h1> በቀኝ በኩል መጀመሪያ ነው ያለው መሆን የነበረበት መጨረሻ ላይ ነው።
CSS ምንድን ነው?

CSS ከቃሉ እንደምንረዳው ምህጻረ ቃል ነው ተመጣጣኝ ወይም አቻ ፍች የለውም በአማርኛ ፤ ቃሉ ስተነተን Cascading Style Sheets በቀላል የጻፍነውን html code ቅርጽ ውበት እና ማራኪነት እንዲኖረው የምንጠቀምበት የቋንቋ አይነት ነው (Design Language)።

CSSን በመጠቀም እያንዳንዱ እንዲሁም አጠቃላይ ደህረ ገጽ ቀለሙን(Color), ጽሁፎችን(Text), የፊደል አይነቶችን(Fonts), በአንቀጾች መካከል ሊኖር የሚገባውን ክፍተት (Space), ምን አይነት የዋላ /የጀርባ/ ፎቶ-ምስል ወይም ቀለም መጠቀም እንዳለበት፣ የድህረ ገጽ ቅርጽ Layout Design ፤ በተላያዩ ሞባይል ስክሪን መጠን እንዲታ ለማስቻል ሌሎችም ብዙ ጥቅሞችን ይሰጣል።

በሰፊው እንማራለን😍

በርቱልን😍😍😍
🌐 Top Websites to practice coding skills
ChatGPT ጃሂል ነው ወይንስ አዋቂ⁉️
===========================
(መልሱ ያለው በእናንተ እጅ ነው
!
AI መጠቀም እና AIን መቻል የተለያዩ ናቸው!)
||
✍️ ብዙ ሰዎች እንደ ChatGPT ያሉ የኤአይ ቴክኖሎጂዎችን ሲጠቀሙ፤ ዝም ብሎ «ሃይ፣ እንዴት ነህ? ይህን ስራልኝ፣ ይህን ጻፍልኝ…» ብሎ ቻት ማድረግ ብቻ ይመስላቸዋል።

የኤአይ ቻትቦቶች (እንደ ChatGPT, Gemini, Claude) ውጤት ጥራት የሚወሰነው በጠያቂው የጥያቄ ጥራት ልክ ነው። የምትሰጡት መመሪያ (Prompt) ልልና ደካማ እንዲሁም በደፈናው ብቻ ከሆነ፣ ምላሹም ልል ይሆናል። መመሪያችሁ የጠራ፣ ኮንቴክስት ያለው፣ የሰላ እና ፕሮፌሽናል ከሆነ ደግሞ፤ ውጤቱ የምርታማነታችሁን ጣራ ይነካል።

በቴክኖሎጂው ዓለም «Garbage in, Garbage out» (ቆሻሻ ያስገባ፣ ቆሻሻ ያወጣል) የሚባል ህግ አለ። ገራሚ መልስ ለማግኘት፣ ገራሚ ጥያቄ መጠየቅን መቻል አለብን።

የምጠቁማችሁ ነገር ቢኖር፦
🙁  ለሶፍትዌር እና አይቲ ቅርብ የሆናችሁ: 
ቴክኖሎጂው እንዴት እንደሚሰራ አጥንታችሁ ወደ ቴክኒካል ነገሩ ግቡ፣ ዓለሙ ወደዚያ እየሄደ ነው።

☹️ ለሌላ ሙያ ባለቤቶች: 
የትኛውም ሙያ ላይ ሁኑ (ማርኬተር፣ ዶክተር፣ ጸሐፊ፣ አካውንታንት፣ ሎውየር...)፤ እነዚህን ቱሎች ለዕለት ተዕለት ሥራችሁ "በአግባቡ" ማዘዝን ተማሩ። Prompt Engineering (ፕሮምፕት ኢንጂነሪንግ) የዚህ ዘመን የውድድር መሣሪያ ነው።


ብዙዎች እንደሚያስቡት ከChatGPT ጋር ማውራት የዕድል ጉዳይ አይደለም። ሳይንስ ነው።
ለምሳሌ፦ ሁለት ማርኬተሮች ለተመሳሳይ ካምፔይን፣ ተመሳሳይ አላማ ይዘው፣ ያንኑ አንድ ቻትቦት ቢጠይቁ፤ ውጤታቸው ግን ሰማይና ምድር ሊሆን ይችላል።

የጠየቁት ኤአይ ለሁለቱም የሰጣቸው ምላሽ በEvaluation Metrics (እንደ Accuracy, Relevance, እና Creativity) ቢመዘኑ፤ የሞዴሉን Prompting Guide ጠንቅቆ የተከተለውና Context የሰጠው ባለሙያ እጅግ የላቀ ውጤት ያመጣል።

ሌላኛው ግን የተለመደና አሰልቺ (Hallucinated or Generic) ውጤት ያገኛል።
ከዚህም ባሻገር ኤአይ ማለት ቻትጂፒቲ ብቻ አይደለም!

➡️ የሞዴል ምርጫ: አሁን ላይ በArena Leaderboard የዓለምን የቴክኖሎጂ ቁንጮ እየመሩ ያሉ፣ ነገር ግን በክፍያ ብቻ የሚገኙ ሞዴሎች አሉ። እነዚህን ሞዴሎች በነጻ እና ያለ ገደብ እንዴት መጠቀም እንደሚቻል ማወቅ አንዱ ጥበብ ነው።

➡️ General vs Specialized Tools: ለሁሉም ነገር ጥቅል (General Purpose LLMs) መጠቀም ሁሌም አዋጭ አይደለም። ለህግ፣ ለኮዲንግ፣ ለዳታ ትንታኔ፣ ለዲዛይን ወይም ለሪሰርች ተብለው በልዩ ሁኔታ የሰለጠኑና Fine-tune የተደረጉ፣ ወይም በልዩ RAG (Retrieval-Augmented Generation) የሚሰሩ Specialized AI ቱሎች አሉ። እነሱን ማወቅ ከመደበኛው ኤአይ ተጠቀሚ ህዝብ በላይ ያደርጋል።

በዚህ ረገድ Mizan Institute of Technology - MiT ያዘጋጀው ስልጠና ይህንን የቴክኒካል ክፍተት የሚሞላ ነው። እንደምታዩት ለሁሉም ሰው የጅምላ ስልጠና ሳይሆን፤ ለእያንዳንዱ የሙያ ዘርፍ (Domain Specific) ተለይቶ የተዘጋጀ ካሪኩለም አላቸው።

ሶፍትዌር ኢንጂነር ከሆንክ፤ ስለ Code generation እና Debugging ልዩ ቱሎች ትማራለህ።
ማርኬተር ወይም ቢዝነስ ሰው ከሆንክ፤ ለስትራቴጂና ለይዘት ፈጠራ የሚሆኑ የላቁ ቴክኒኮችን ትጨብጣለህ። …ወዘተ

ይህንን Technical Edge ማግኘት ለምትፈልጉ፤ የሙያ ዘርፋችሁን መርጣችሁ ተመዝገቡ።

🔗 የመመዝገቢያ ሊንክ: https://mizantechinstitute.com/trainings

📞 ለበለጠ መረጃ: +251 987 14 3030
ወይም በቴሌግራም @MizanInstituteOfTechnologyEthio አግኟቸው።
30-Day GitHub Roadmap for Beginners 🧑‍💻🐙

📅 Week 1: Git Basics
🔹 Day 1: What is Git GitHub?
🔹 Day 2: Install Git set up GitHub account
🔹 Day 3: Initialize a repo (git init)
🔹 Day 4: Add commit files (git add, git commit)
🔹 Day 5: Connect to GitHub (git remote add, git push)
🔹 Day 6: Clone a repo (git clone)
🔹 Day 7: Review practice

📅 Week 2: Core Git Commands
🔹 Day 8: Check status logs (git status, git log)
🔹 Day 9: Branching basics (git branch, git checkout)
🔹 Day 10: Merge branches (git merge)
🔹 Day 11: Conflict resolution
🔹 Day 12: Pull changes (git pull)
🔹 Day 13: Stash changes (git stash)
🔹 Day 14: Weekly recap with mini project

📅 Week 3: GitHub Collaboration
🔹 Day 15: Fork vs Clone
🔹 Day 16: Making Pull Requests (PRs)
🔹 Day 17: Review PRs request changes
🔹 Day 18: Using Issues Discussions
🔹 Day 19: GitHub Projects Kanban board
🔹 Day 20: GitHub Actions (basic automation)
🔹 Day 21: Contribute to an open-source repo

📅 Week 4: Profile Portfolio
🔹 Day 22: Create a GitHub README profile
🔹 Day 23: Host a portfolio or website with GitHub Pages
🔹 Day 24: Use GitHub Gists
🔹 Day 25: Add badges, stats, and visuals
🔹 Day 26: Link GitHub to your resume
🔹 Day 27–29: Final Project on GitHub
🔹 Day 30: Share project + reflect + next steps

💬 Tap ❤️ for more!
1
YouTube & WhatsApp Channels for Free Learning 🚀

👉 Introduction to Prog & CS:
https://youtu.be/zOjov-2OZ0E?si=gEbFC3o18x5enhWe

👉 OS:
https://youtu.be/3obEP8eLsCw?si=SSTwuiMWSc4KtGhy

👉 PowerBi:
https://youtu.be/UXhGRVTndQA?si=r9rpqRgbwy3LSxEZ

https://whatsapp.com/channel/0029Vai1xKf1dAvuk6s1v22c

👉SQL
https://youtu.be/VCZxODefTIs?si=U0rn-L8CUB6_WfVk

https://whatsapp.com/channel/0029VanC5rODzgT6TiTGoa1v

👉 Data Analytics:
https://youtu.be/PSNXoAs2FtQ?si=yTzjpW2lP3qbVy22

https://whatsapp.com/channel/0029VaGgzAk72WTmQFERKh02

👉 Python:
https://youtu.be/LHBE6Q9XlzI?si=9R_HmHaD7uGFWOvk
https://whatsapp.com/channel/0029VaiM08SDuMRaGKd9Wv0L

👉 Web Development:
https://youtube.com/playlist?list=PLu0W_9lII9agq5TrH9XLIKQvv0iaF2X3w&si=sbUzknTFsSo2RHh4

https://whatsapp.com/channel/0029VaiSdWu4NVis9yNEE72z

👉 Java:
https://youtube.com/playlist?list=PLsyeobzWxl7pe_IiTfNyr55kwJPWbgxB5&si=TUQALbuysZfeLknX

https://whatsapp.com/channel/0029VamdH5mHAdNMHMSBwg1s

👉 DBMS:
https://youtu.be/dl00fOOYLOM?si=w7THW7f8qdmztsd6

👉 DSA:
https://youtube.com/playlist?list=PLgUwDviBIf0oF6QL8m22w1hIDC1vJ_BHz&si=2zY8MHinpZN6S-Ox

https://whatsapp.com/channel/0029VammZijATRSlLxywEC3X

👉 C++:
https://youtu.be/8jLOx1hD3_o?si=kD5OHquB7uN7J2eG

👉 Ethical Hacking:
https://youtu.be/cKEf8H9cQGM?si=xzL7ogRnnJCyhZlc

https://whatsapp.com/channel/0029VancSnGG8l5KQYOOyL1T

👉 Data Science:
https://youtu.be/gDZ6czwuQ18?si=Nmj950IQBRHPVocQ

https://whatsapp.com/channel/0029Va4QUHa6rsQjhITHK82y

👉 Machine Learning:
https://youtu.be/LvC68w9JS4Y?si=rXnXfmZVg0a7Ijpz

Join for more: https://t.me/crackingthecodinginterview

ENJOY LEARNING 👍 👍
1
🌐 Web Development Tools & Their Use Cases 💻

🔹 HTML ➜ Building page structure and semantics
🔹 CSS ➜ Styling layouts, colors, and responsiveness
🔹 JavaScript ➜ Adding interactivity and dynamic content
🔹 React ➜ Creating reusable UI components for SPAs
🔹 Vue.js ➜ Developing progressive web apps quickly
🔹 Angular ➜ Building complex enterprise-level applications
🔹 Node.js ➜ Running JavaScript on the server side
🔹 Express.js ➜ Creating lightweight web servers and APIs
🔹 Webpack ➜ Bundling, minifying, and optimizing code
🔹 Git ➜ Managing code versions and team collaboration
🔹 Docker ➜ Containerizing apps for consistent deployment
🔹 MongoDB ➜ Storing flexible NoSQL data for apps
🔹 PostgreSQL ➜ Handling relational data and queries
🔹 AWS ➜ Hosting, scaling, and managing cloud resources
🔹 Figma ➜ Designing and prototyping UI/UX interfaces

💬 Tap ❤️ if this helped you!