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
Who read in this AI world ..
Meta sells → Vision, not Technology.
Apple sells → Trends, not phones.
Ferrari sells → Status, not cars.
Nike sells → Motivation, not shoes.
Disney sells → Memories, not movies.
Amazon sells → Convenience, not products.
McDonald’s sells → Happiness, not burgers.

Sell the emotion and not the service.
As a Software Engineer, you should never feel bad about learning on the job.

Learning is part of the job!


#coding #programming #softwareengineering
🚀 Become an Agentic AI Builder — Free 12‑Week Certification by Ready Tensor

Ready Tensor’s Agentic AI Developer Certification is a free, project first 12‑week program designed to help you build and deploy real-world agentic AI systems. You'll complete three portfolio-ready projects using tools like LangChain, LangGraph, and vector databases, while deploying production-ready agents with FastAPI or Streamlit.

The course focuses on developing autonomous AI agents that can plan, reason, use memory, and act safely in complex environments. Certification is earned not by watching lectures, but by building — each project is reviewed against rigorous standards.

You can start anytime, and new cohorts begin monthly. Ideal for developers and engineers ready to go beyond chat prompts and start building true agentic systems.
👉 Apply now
Stage 1 – HTML
Stage 2 – CSS (Grid, Flex)
Stage 3 - Git + GitHub
Stage 4 – JavaScript, DOM
Stage 5 – React VueJS Svetle || Angular
Stage 6 – REST API
Stage 7 – Node.js
Stage 8 – Mongo
Stage 9 – Build projects to gain experience

🏆 – Full Stack developer. 😒
🔰 How to Use Jupyter Notebook

The Jupyter Notebook is an incredibly powerful tool for interactively developing and presenting data science projects.

This article will walk you through how to use Jupyter Notebooks for data science projects and how to set it up on your local machine.
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