ETHIO Code&Soft Select๐Ÿซง๐Ÿ’ป
464 subscribers
10 photos
54 links
โ€‹Code & Soft Select
@EthioCodeSoftSelect

โ›” แˆˆแŠฅแ‹แАแ‰ฐแŠ› แˆแˆ‹แŒŠ แ‰ฅแ‰ป
แŒŠแ‹œแˆ… แ‹แ‹ต แАแ‹แข แ‹ญแˆ… แ‰ปแŠ“แˆ แˆˆแ‰€แˆแ‹ต แ‹ˆแ‹ญแˆ แˆˆแŒŠแ‹œ แˆ›แˆณแˆˆแŠแ‹ซ แŠ แˆแ‰ฐแŠจแˆแ‰ฐแˆแข แŠจแ‰ฃแ‹ต แАแŒˆแˆญ แˆˆแˆแ‰ตแˆแˆแŒแฃ แŠฎแ‹ฒแŠ•แŒแŠ• แ‰ แ‰แˆ แАแŒˆแˆญ แˆˆแˆ˜แˆ›แˆญ แˆˆแˆแ‰ตแ‹˜แŒ‹แŒ… แˆฐแ‹ แАแ‹แข

แˆแŠ• แ‰ตแˆ›แˆซแˆˆแˆ…?
๐Ÿ’ป แ‹Œแ‰ฅแˆณแ‹ญแ‰ต แˆแˆ›แ‰ต
๐Ÿ“ฑ แˆžแ‰ฃแ‹ญแˆ แŠ แ•แˆแŠฌแˆฝแŠ•
๐Ÿง  แŠ แˆญแ‰ฒแŠแˆปแˆ แŠขแŠ•แ‰ฐแˆˆแŒ€แŠ•แˆต (AI)
๐Ÿ”’ แˆƒแŠชแŠ•แŒ แŠฅแŠ“ แ‹ฐแˆ…แŠ•แАแ‰ต

แ‰ แ‹šแˆ… แ‰ปแŠ“แˆ
โœ” แˆแŠ•แˆ แ‰ชแ‹ฒแ‹ฎ แ‹จแˆˆแˆ
Download Telegram
โ€‹๐Ÿท๏ธ แ‰ตแˆแˆ…แˆญแ‰ต แŠ แˆแˆตแ‰ตแก แ‹จ HTML แ‰ณแŒŽแ‰ฝ (Tags) แˆ˜แ‹แŒˆแ‰ -แ‰ƒแˆ‹แ‰ต
โ€‹แ‰ณแŒ (Tag) แˆ›แˆˆแ‰ต แˆˆแŠฎแˆแ’แ‹แ‰ฐแˆฉ แ‹จแˆแŠ•แˆฐแŒ แ‹ แ‰ตแ‹•แ‹›แ‹ แАแ‹แข แŠฅแ‹ซแŠ•แ‹ณแŠ•แ‹ฑ แ‰ณแŒ แ‹จแˆซแˆฑ แ‹จแˆ†แА แˆตแˆซ แŠ แˆˆแ‹แข แ‹‹แŠ“ แ‹‹แŠ“แ‹Žแ‰น แŠฅแАแ‹šแˆ… แŠ“แ‰ธแ‹แฆ
โ€‹1. <html> (The Boss)
โ€‹แˆˆแˆแŠ• แ‹ญแŒ แ‰…แˆ›แˆ? แˆ™แˆ‰แ‹แŠ• แ‹จแ‹ตแˆจ-แŒˆแŒฝ แŠฎแ‹ต แ‰ แŠ แŠ•แ‹ต แˆ‹แ‹ญ แˆˆแˆ˜แ‹ซแ‹แข
โ€‹แ‹จแ‰ต แ‹ญแŒˆแŠ›แˆ? แ‰ แŠฎแ‹ฑ แˆ˜แŒ€แˆ˜แˆชแ‹ซ แŠฅแŠ“ แˆ˜แŒจแˆจแˆป แˆ‹แ‹ญแข แ‹ซแˆˆ แŠฅแˆฑ แŠฎแˆแ’แ‹แ‰ฐแˆฉ HTML แˆ˜แˆ†แŠ‘แŠ• แŠ แ‹ซแ‹แ‰…แˆแข
โ€‹2. <head> (The Brain)
โ€‹แˆˆแˆแŠ• แ‹ญแŒ แ‰…แˆ›แˆ? แˆตแˆˆ แŒˆแŒน แˆ˜แˆจแŒƒแ‹Žแ‰ฝแŠ• (แŠฅแŠ•แ‹ฐ แˆญแ‹•แˆต แŠฅแŠ“ แ‰€แˆˆแˆ) แˆˆแ‰ฅแˆฎแ‹แ‹˜แˆฉ แˆˆแˆ˜แŠ•แŒˆแˆญแข
โ€‹แ‹จแ‰ต แ‹ญแŒˆแŠ›แˆ? แŠจ <html> แ‰€แŒฅแˆŽแข แŠฅแ‹šแˆ… แ‹แˆตแŒฅ แ‹จแˆแŠ•แŒฝแˆแ‹ แАแŒˆแˆญ แŒˆแŒน แˆ‹แ‹ญ แŠ แ‹ญแ‰ณแ‹ญแˆแข
โ€‹3. <title> (The NameTag)
โ€‹แˆˆแˆแŠ• แ‹ญแŒ แ‰…แˆ›แˆ? แ‹จแ‹ตแˆจ-แŒˆแŒนแŠ• แˆตแˆ แ‰ แ‰ฅแˆฎแ‹แ‹˜แˆฉ แŠ แŠ“แ‰ต (Tab) แˆ‹แ‹ญ แˆˆแˆ›แˆณแ‹จแ‰ตแข
โ€‹แ‹จแ‰ต แ‹ญแŒˆแŠ›แˆ? แ‰  <head> แ‹แˆตแŒฅแข
โ€‹4. <body> (The Screen)
โ€‹แˆˆแˆแŠ• แ‹ญแŒ แ‰…แˆ›แˆ? แ‰ แˆตแŠญแˆชแŠ• แˆ‹แ‹ญ แ‹จแˆšแ‰ณแ‹ฉแ‰ตแŠ• แАแŒˆแˆฎแ‰ฝ แˆแˆ‰ (แŒฝแˆแแฃ แŽแ‰ถแฃ แ‰ชแ‹ฒแ‹ฎ) แˆˆแˆ˜แ‹ซแ‹แข
โ€‹แ‹จแ‰ต แ‹ญแŒˆแŠ›แˆ? แŠจ <head> แ‰ แ‰ณแ‰ฝแข แ‹จแŒˆแŒน "แˆแ‰ฅ" แАแ‹แข
โ€‹5. <h1> to <h6> (The Headlines)
โ€‹แˆˆแˆแŠ• แ‹ญแŒ แ‰…แˆ›แˆ? แˆˆแ‰ตแˆ‹แˆแ‰… แŠฅแŠ“ แˆˆแ‰ตแŠ•แŠ•แˆฝ แŠ แˆญแ‹•แˆตแ‰ถแ‰ฝแข <h1> แ‰ตแˆแ‰ แˆฒแˆ†แŠ• <h6> แ‹ฐแŒแˆž แ‰ตแŠ•แˆน แАแ‹แข
โ€‹แ‹จแ‰ต แ‹ญแŒˆแŠ›แˆ? แ‰  <body> แ‹แˆตแŒฅแข
โ€‹6. <p> (The Paragraph)
โ€‹แˆˆแˆแŠ• แ‹ญแŒ แ‰…แˆ›แˆ? แˆจแŒ…แˆ แŒฝแˆแŽแ‰ฝแŠ• แ‹ˆแ‹ญแˆ แŠ แŠ•แ‰€แŒพแ‰ฝแŠ• แˆˆแˆ˜แŒปแแข
โ€‹แ‹จแ‰ต แ‹ญแŒˆแŠ›แˆ? แ‰  <body> แ‹แˆตแŒฅแข
โ€‹7. <a> (The Teleport)
โ€‹แˆˆแˆแŠ• แ‹ญแŒ แ‰…แˆ›แˆ? แŠจแŠ แŠ•แ‹ต แŒˆแŒฝ แ‹ˆแ‹ฐ แˆŒแˆ‹ แŒˆแŒฝ (แˆŠแŠ•แŠญ) แˆˆแˆ˜แˆ„แ‹ตแข
โ€‹แ‹จแ‰ต แ‹ญแŒˆแŠ›แˆ? แ‰  <body> แ‹แˆตแŒฅแข แˆˆแˆแˆณแˆŒ แ‹ˆแ‹ฐ แ‰ดแˆŒแŒแˆซแˆ แ‰ปแŠ“แˆแˆ… แˆˆแˆ˜แˆ‹แŠญ แ‹ญแŒ แ‰…แˆ›แˆแข
<!DOCTYPE html>
<html>
<head>
<title>แ‹จแ‰ณแŒŽแ‰ฝ แ‰ตแˆญแŒ‰แˆ แŒˆแŒฝ</title>
</head>
<body>

<h1>แ‹ญแˆ… แ‰ตแˆแ‰… แŠ แˆญแ‹•แˆตแ‰ต (h1) แАแ‹</h1>

<p>แ‹ญแˆ… แ‹ฐแŒแˆž แ‰ฐแˆซ แŒฝแˆแ (p) แ‹จแˆšแŒปแแ‰ แ‰ต แ‰ฆแ‰ณ แАแ‹แข</p>

<a href="https://t.me/EthioCodeSoftSelect">แ‹ญแˆ… แ‹ˆแ‹ฐ แ‰ปแŠ“แˆ‹แ‰ฝแŠ• แ‹จแˆšแ‹ˆแˆตแ‹ต แˆŠแŠ•แŠญ (a) แАแ‹</a>

<h3>แ‹ญแˆ… แˆ˜แŠซแŠจแˆˆแŠ› แŠ แˆญแ‹•แˆตแ‰ต (h3) แАแ‹</h3>

</body>
</html>
โค6๐Ÿ”ฅ4๐Ÿฆ„1
<!DOCTYPE html>
<html>
<head>
<title>แ‹จแ‰ณแŒŽแ‰ฝ แ‰ตแˆญแŒ‰แˆ แŒˆแŒฝ</title>
</head>
<body>

<h1>แ‹ญแˆ… แ‰ตแˆแ‰… แŠ แˆญแ‹•แˆตแ‰ต (h1) แАแ‹</h1>

<p>แ‹ญแˆ… แ‹ฐแŒแˆž แ‰ฐแˆซ แŒฝแˆแ (p) แ‹จแˆšแŒปแแ‰ แ‰ต แ‰ฆแ‰ณ แАแ‹แข</p>

<a href="https://t.me/EthioCodeSoftSelect">แ‹ญแˆ… แ‹ˆแ‹ฐ แ‰ปแŠ“แˆ‹แ‰ฝแŠ• แ‹จแˆšแ‹ˆแˆตแ‹ต แˆŠแŠ•แŠญ (a) แАแ‹</a>

<h3>แ‹ญแˆ… แˆ˜แŠซแŠจแˆˆแŠ› แŠ แˆญแ‹•แˆตแ‰ต (h3) แАแ‹</h3>

</body>
</html>
โค7๐Ÿ”ฅ3๐Ÿฆ„1
แ‹จแŠฎแ‹ฒแŠ•แŒ แ‰‹แŠ•แ‰‹แŠ• แŠฅแŠ•แˆแˆ˜แ‹ต! ๐Ÿ“š
โ€‹แŠฎแ‹ฒแŠ•แŒ แŠจแˆ˜แŒ€แˆ˜แˆซแ‰ฝแŠ• แ‰ แŠแ‰ต แ‰ณแŒŽแ‰ฝแŠ• (Tags) แ‰ แˆšแŒˆแ‰ฃ แˆ›แ‹ˆแ‰… แŠ แˆˆแ‰ฅแŠ•แข แ‹›แˆฌ แ‹‹แŠ“ แ‹‹แŠ“แ‹Žแ‰นแŠ• 7 แ‰ณแŒŽแ‰ฝ แŠ แ‹ญแ‰ฐแŠ“แˆแข แŠฅแАแ‹šแˆ…แŠ• แŠซแ‹ˆแ‰ƒแ‰ฝแˆ แ‹จแ‰ตแŠ›แ‹แŠ•แˆ แ‹ตแˆจ-แŒˆแŒฝ แˆ˜แˆจแ‹ณแ‰ต แ‰ตแ‰ฝแˆ‹แˆ‹แ‰ฝแˆ!
โ€‹แ‹จแ‰คแ‰ต แˆตแˆซแฆ แŠจ <h1> แŠฅแˆตแŠจ <h6> แ‹ซแˆ‰แ‰ตแŠ• แˆžแŠญแˆฏแ‰ธแ‹แŠ“ แ‹จแ‰ตแŠ›แ‹ แŠฅแŠ•แ‹ฐแˆšแ‰ฐแˆแ‰… แŠ•แŒˆแˆฉแŠแข
โค7๐Ÿ”ฅ3๐Ÿฆ„1
โ€‹๐Ÿ–ผ๏ธ แ‰ตแˆแˆ…แˆญแ‰ต แˆตแ‹ตแˆตแ‰ตแก แˆแˆตแˆŽแ‰ฝแŠ• แŠฅแŠ“ แˆŠแŠ•แŠฎแ‰ฝแŠ• แˆ˜แŒ แ‰€แˆ
โ€‹แ‹ตแˆจ-แŒˆแŒฝ แ‹ซแˆˆ แˆแˆตแˆแŠ“ แ‹ซแˆˆ แˆŠแŠ•แŠญ แ‹ฐแˆจแ‰… แАแ‹แข แˆฐแ‹Žแ‰ฝแŠ• แ‹จแˆšแˆตแ‰ฅ แ‹ตแˆจ-แŒˆแŒฝ แˆˆแˆ˜แˆตแˆซแ‰ต แŠฅแАแ‹šแˆ…แŠ• แˆแˆˆแ‰ต แ‰ณแŒŽแ‰ฝ (Tags) แˆ›แ‹ˆแ‰… แŒแ‹ดแ‰ณ แАแ‹แข
โ€‹1. แˆแˆตแˆ แˆˆแˆ›แˆตแŒˆแ‰ฃแ‰ต (<img> Tag)
โ€‹แˆแˆตแˆ แˆˆแˆ›แˆตแŒˆแ‰ฃแ‰ต แ‹จแˆแŠ•แŒ แ‰€แˆ˜แ‹ <img> แ‰ณแŒ แˆฒแˆ†แŠ•แฃ แ‹ญแˆ… แ‰ณแŒ "Self-closing" แАแ‹ (แˆ˜แ‹แŒŠแ‹ซ แŠ แ‹ซแˆตแˆแˆแŒˆแ‹แˆ)แข
โ€‹src (source): แ‹จแˆแˆตแˆ‰ แŠ แ‹ตแˆซแˆป แ‹ˆแ‹ญแˆ แˆŠแŠ•แŠญ แ‹จแˆšแ‰€แˆ˜แŒฅแ‰ แ‰ตแข
โ€‹alt (alternative text): แˆแˆตแˆ‰ แ‰ฃแ‹ญแŠจแˆแ‰ต แŠฅแŠ•แŠณ แˆแŠ• แŠฅแŠ•แ‹ฐแˆ†แА แ‹จแˆšแŒˆแˆแŒฝ แŒฝแˆแแข
โ€‹2. แˆŠแŠ•แŠญ แˆˆแˆ˜แแŒ แˆญ (<a> Tag)
โ€‹แŠจแŠ แŠ•แ‹ต แŒˆแŒฝ แ‹ˆแ‹ฐ แˆŒแˆ‹ แŒˆแŒฝ แˆˆแˆ˜แˆ„แ‹ต (แˆˆแˆแˆณแˆŒ แ‹ˆแ‹ฐ แ‰ดแˆŒแŒแˆซแˆ แ‰ปแŠ“แˆแˆ… แˆˆแˆ˜แˆ‹แŠญ) แ‹จแˆแŠ•แŒ แ‰€แˆ˜แ‹ แАแ‹แข
โ€‹href (hypertext reference): แ‹จแˆšแˆ„แ‹ตแ‰ แ‰ตแŠ• แŠ แ‹ตแˆซแˆป แ‹จแˆแŠ•แŒฝแแ‰ แ‰ตแข
โค6๐Ÿ”ฅ3๐Ÿฆ„1
<!DOCTYPE html>
<html>
<head>
<title>แˆแˆตแˆ แŠฅแŠ“ แˆŠแŠ•แŠญ แˆ˜แˆˆแˆ›แˆ˜แŒƒ</title>
</head>
<body style="text-align: center; font-family: sans-serif;">

<h1>แŠฅแŠ•แŠณแŠ• แ‹ˆแ‹ฐ แ‰ดแŠญแŠ–แˆŽแŒ‚ แˆ˜แŠ•แ‹ฐแˆญ แˆ˜แŒฃแ‰ฝแˆ!</h1>

<p>แ‹จแˆ€แŒˆแˆซแ‰ฝแŠ• แ‰ฃแŠ•แ‹ฒแˆซแก</p>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Flag_of_Ethiopia.svg/250px-Flag_of_Ethiopia.svg.png" alt="แ‹จแŠขแ‰ตแ‹ฎแŒตแ‹ซ แ‰ฃแŠ•แ‹ฒแˆซ" width="200">

<br><br>

<div style="background-color: #f1c40f; padding: 10px;">
<p>แˆˆแ‰ แˆˆแŒ  แ‰ตแˆแˆ…แˆญแ‰ต แ‰ปแŠ“แˆ‹แ‰ฝแŠ•แŠ• แ‹ญแ‰€แˆ‹แ‰€แˆ‰แก</p>
<a href="https://t.me/EthioCodeSoftSelect" style="text-decoration: none; color: blue; font-weight: bold;">๐Ÿ‘‰ แŠฅแ‹šแˆ… แ‹ญแŒซแŠ‘ (Join Us)</a>
</div>

</body>
</html>
โค5๐Ÿ”ฅ2๐Ÿ‘1๐Ÿฆ„1
3๏ธโƒฃHTML แˆ˜แˆ›แˆญ แˆ›แˆˆแ‰ตแฃ3๏ธโƒฃ แ‹จแŠขแŠ•แ‰ฐแˆญแŠ”แ‰ตแŠ• แ‹“แˆˆแˆ แˆ˜แŒแ‹ฃ แ‰แˆแ แˆ˜แ‹ซแ‹ แˆ›แˆˆแ‰ต แАแ‹!"
โ€‹แ‰ฅแ‹™แ‹Žแ‰ปแ‰ฝแˆ HTML-แŠ• แŠฅแŠ•แ‹ฐ แ‰ฐแˆซ แŠฎแ‹ต แ‰ณแ‹ฉแ‰ณแˆ‹แ‰ฝแˆแข แАแŒˆแˆญ แŒแŠ• แŠฅแŠ•แ‹ฐ แŠ แŠ•แ‹ต Software Developer แŠฅแ‹แАแ‰ฑแŠ• แˆแŠ•แŒˆแˆซแ‰ฝแˆแฆ HTML แ‹จแ‹ตแˆจ-แŒˆแŒฝ แŠ แŒฅแŠ•แ‰ต แŠฅแŠ“ แŒกแ‰ฅ แАแ‹แข แ‹ซแˆˆ แŠฅแˆฑ แ‹จแŒแˆตแ‰กแŠญแฃ แ‹จแŒ‰แŒแˆ แ‹ˆแ‹ญแˆ แ‹จแ‰ดแˆŒแŒแˆซแˆ แŒˆแŒฝ แˆŠแŠ–แˆญ แŠ แ‹ญแ‰ฝแˆแˆ!
โ€‹HTML แ‰ แˆแˆณแˆŒ แˆฒแŒˆแˆˆแŒฝแฆ
แŠ แŠ•แ‹ต แ‰คแ‰ต แˆตแŠ•แŒˆแАแ‰ฃ แˆ˜แŒ€แˆ˜แˆชแ‹ซ แˆแˆฐแˆถแŠ“ แŒแ‹ตแŒแ‹ณ แ‹ซแˆตแˆแˆแŒˆแŠ“แˆแข
โ€‹HTML3๏ธโƒฃ = แ‹จแˆแˆฐแˆถแ‹แŠ“ แ‹จแŒแ‹ตแŒแ‹ณแ‹ แŒกแ‰ฅ แАแ‹แข (แŠ แ‹ˆแ‰ƒแ‰€แˆฉแŠ• แ‹ญแ‹ญแ‹›แˆ)
โ€‹CSS 3๏ธโƒฃ= แ‹จแ‰€แˆˆแˆ™แŠ“ แ‹จแ‹ฒแ‹›แ‹ญแŠ‘ แ‹แ‰ แ‰ต แАแ‹แข (แ‰€แŒฅแˆŽ แ‹จแˆแŠ•แˆ›แˆจแ‹)
โ€‹JS ๐Ÿ“ฑ= แ‹จแ‰คแ‰ฑ แˆ˜แ‰ฅแˆซแ‰ตแŠ“ แ‹จแ‹แˆƒ แˆฒแˆตแ‰ฐแˆ แАแ‹แข (แ‰ฐแŒแ‰ฃแˆญ แ‹ญแˆฐแŒ แ‹‹แˆ)
โ€‹แˆˆแˆแŠ• แˆ™แˆ‰ แ‰ แˆ™แˆ‰ แˆ˜แˆจแ‹ณแ‰ต แŠ แˆˆแ‰ฃแ‰ฝแˆ?
โ€‹แˆ˜แˆ แˆจแ‰ต แАแ‹แฆ HTML-แŠ• แ‰ แˆšแŒˆแ‰ฃ แŠซแˆแ‰ฐแˆจแ‹ณแ‰ฝแˆแฃ แˆแŠ•แˆ แŠ แ‹ญแАแ‰ต แ‹ตแˆจ-แŒˆแŒฝ แ‹ˆแ‹ญแˆ App แˆ˜แˆฅแˆซแ‰ต แŠ แ‰ตแ‰ฝแˆ‰แˆแข
โ€‹แŒˆแ‰ข แ‹ซแˆตแŒˆแŠ›แˆแฆ แ‰€แˆ‹แˆ แ‹จ HTML แ‹ตแˆจ-แŒˆแŒพแ‰ฝแŠ• แ‰ แˆ˜แˆฅแˆซแ‰ต แ‰ฅแ‰ป แˆˆแŠ แАแˆตแ‰ฐแŠ› แ‹ตแˆญแŒ…แ‰ถแ‰ฝ แˆตแˆซ แˆ˜แˆฅแˆซแ‰ต แ‰ตแ‰ฝแˆ‹แˆ‹แ‰ฝแˆแข
โ€‹แˆแˆˆแŠ•แ‰ฐแŠ“แ‹Š แАแ‹แฆ แ‰ แŠ แˆˆแˆ แˆ‹แ‹ญ แ‹ซแˆ‰ 99% แ‹ตแˆจ-แŒˆแŒพแ‰ฝ แ‹จแ‰ฐแŒˆแАแ‰กแ‰ต แ‰  HTML แАแ‹แข
โ€‹แ‹›แˆฌ แ‹จแˆแŠ•แˆ›แˆจแ‹ แ‹‹แŠ“แ‹ แАแŒฅแ‰ฅ (The Power of Tags):
แŠฎแˆแ’แ‹แ‰ฐแˆญ แŠฅแŠ•แ‹ฒแˆจแ‹ณแŠ• แ‹จแˆแŠ•แŒ แ‰€แˆแ‰ฃแ‰ธแ‹ "Tags" (แˆˆแˆแˆณแˆŒ <h1>, <p>, <a>) แ‹จแ‹ตแˆจ-แŒˆแŒนแŠ• แˆ›แŠ•แАแ‰ต แ‹ญแ‹ˆแˆตแŠ“แˆ‰แข แŠฅแАแ‹šแˆ…แŠ• แˆ˜แ‰†แŒฃแŒ แˆญ แˆ›แˆˆแ‰ต แŠขแŠ•แ‰ฐแˆญแŠ”แ‰ตแŠ• แˆ›แ‹˜แ‹ แˆ›แˆˆแ‰ต แАแ‹!
โ€‹แˆ›แˆตแŒ แŠ•แ‰€แ‰‚แ‹ซแฆ แ‹ญแˆ…แŠ• แˆ˜แˆ แˆจแ‰ณแ‹Š แ‰ตแˆแˆ…แˆญแ‰ต แ‹ซแˆ˜แˆˆแŒ แ‹ แˆฐแ‹แฃ แ‰€แŒฅแˆŽ แ‹จแˆแŠ•แˆˆแ‰€แ‹แŠ• แ‹จแ‹ฒแ‹›แ‹ญแŠ• (CSS) แ‰ตแˆแˆ…แˆญแ‰ต แˆŠแˆจแ‹ณแ‹ แŠ แ‹ญแ‰ฝแˆแˆแข MuteโŒ แ‹ซแ‹ฐแˆจแŒ‹แ‰ฝแˆ แŠซแˆ‹แ‰ฝแˆแฃ แ‹•แ‹ตแˆ‰ แŠฅแ‹ซแˆ˜แˆˆแŒ แ‰ฃแ‰ฝแˆ แАแ‹!
๐Ÿ”ฅ6โค4๐Ÿพ1
Tag แˆ›แ‹ˆแ‰… แˆ›แˆˆแ‰ตแฃ แ‹จแ‹ตแˆจ-แŒˆแŒฝ แŒแŠ•แ‰ฃแ‰ณ แ‰แˆแŽแ‰ฝแŠ• แˆ˜แ‹ซแ‹ แˆ›แˆˆแ‰ต แАแ‹!"
โ€‹แ‰ฅแ‹™แ‹Žแ‰ปแ‰ฝแˆ "แ‹ญแˆ„ Tag แˆˆแˆแŠ• แ‹ญแŒ แ‰…แˆ›แˆ?" แ‰ฅแˆ‹แ‰ฝแˆ แ‰ตแŒ แ‹ญแ‰ƒแˆ‹แ‰ฝแˆแข แŠฅแ‹ซแŠ•แ‹ณแŠ•แ‹ฑ Tag แ‰ แ‹ตแˆจ-แŒˆแŒฝ แŒแŠ•แ‰ฃแ‰ณ แˆ‹แ‹ญ แ‹จแˆซแˆฑ "แ‹จแˆตแˆซ แ‹ตแˆญแˆป" แŠ แˆˆแ‹แข แ‰ แ‹แˆญแ‹แˆญ แŠฅแŠ•แ‹ซแ‰ธแ‹แฆ
โ€‹1. ๐Ÿ—๏ธ แ‹จแ‰คแ‰ฑ แŠซแˆญแ‰ณ (The Structural Tags)
โ€‹<html> แก
โ€‹แŒฅแ‰…แˆ™แก แˆˆแ‰ฅแˆฎแ‹แ‹˜แˆฉ (Google Chrome) "แ‹ญแˆ„ แ‹แ‹ญแˆ แ‹จแ‹ตแˆจ-แŒˆแŒฝ แŠฎแ‹ต แАแ‹" แ‰ฅแˆŽ แ‹ญแАแŒแˆจแ‹‹แˆแข
โ€‹แˆ˜แ‰ผ แŠฅแŠ•แŒ แ‰€แˆ˜แ‹‹แˆˆแŠ•? แˆ›แŠ•แŠ›แ‹แŠ•แˆ แ‹ตแˆจ-แŒˆแŒฝ แˆตแŠ•แŒ€แˆแˆญ แˆ˜แŒ€แˆ˜แˆชแ‹ซ แŠฅแˆฑแŠ• แŠฅแŠ•แŒฝแ‹แˆˆแŠ•แข
โ€‹<head> แก
โ€‹แŒฅแ‰…แˆ™แก แ‹จแ‹ตแˆจ-แŒˆแŒนแŠ• "แˆ˜แ‰ณแ‹ˆแ‰‚แ‹ซ" แ‹ญแ‹ญแ‹›แˆแข (แˆˆแˆแˆณแˆŒ แ‹จแŒˆแŒน แˆตแˆแฃ แ‰‹แŠ•แ‰‹แ‹...)
โ€‹แˆ˜แ‰ผ แŠฅแŠ•แŒ แ‰€แˆ˜แ‹‹แˆˆแŠ•? แ‰ แŒˆแŒน แˆ‹แ‹ญ แ‹จแˆ›แ‹ญแ‰ณแ‹ฉ แŒแŠ• แˆˆแŒˆแŒน แŠ แˆตแˆแˆ‹แŒŠ แ‹จแˆ†แŠ‘ แˆ˜แˆจแŒƒแ‹Žแ‰ฝแŠ• แˆˆแˆ˜แŠญแ‰ฐแ‰ตแข
โ€‹<body> แก
โ€‹แŒฅแ‰…แˆ™แก แ‰ฐแˆ˜แˆแŠซแ‰น แ‰ แˆตแŠญแˆชแŠ• แˆ‹แ‹ญ แ‹จแˆšแ‹ซแ‹จแ‹แŠ• แАแŒˆแˆญ แˆแˆ‰ แ‹ญแ‹ญแ‹›แˆแข
โ€‹แˆ˜แ‰ผ แŠฅแŠ•แŒ แ‰€แˆ˜แ‹‹แˆˆแŠ•? แŒฝแˆแแฃ แŽแ‰ถแฃ แŠฅแŠ“ แ‰ชแ‹ฒแ‹ฎ แ‰ แŒˆแŒน แˆ‹แ‹ญ แŠฅแŠ•แ‹ฒแ‹ˆแŒฃ แˆตแŠ•แˆแˆแŒแข
โ€‹2. โœ๏ธ แ‹จแ‹ญแ‹˜แ‰ต แˆ˜แˆฃแˆชแ‹ซแ‹Žแ‰ฝ (The Content Tags)
โ€‹<h1> แŠฅแˆตแŠจ <h6> แก
โ€‹แŒฅแ‰…แˆ™แก แˆญแ‹•แˆถแ‰ฝแŠ• แ‹ฐแˆจแŒƒ แ‰ แ‹ฐแˆจแŒƒ แˆˆแˆ˜แˆˆแ‹จแ‰ตแข (h1 แ‰ แŒฃแˆ แ‰ตแˆแ‰แฃ h6 แ‰ตแŠ•แˆน)
โ€‹แˆ˜แ‰ผ แŠฅแŠ•แŒ แ‰€แˆ˜แ‹‹แˆˆแŠ•? แ‹จแŒˆแŒนแŠ• แ‹‹แŠ“ แˆญแ‹•แˆต แŠฅแŠ“ แŠ•แ‹‘แˆต แˆญแ‹•แˆถแ‰ฝแŠ• แˆˆแˆ˜แˆˆแ‹จแ‰ตแข
โ€‹<p> แก
โ€‹แŒฅแ‰…แˆ™แก แŒฝแˆแŽแ‰ฝแŠ• แ‰ แˆตแˆญแ‹“แ‰ต แŠฅแŠ•แ‹ฒแ‰€แˆ˜แŒก (Paragraph) แ‹ซแ‹ฐแˆญแŒ‹แˆแข
โ€‹แˆ˜แ‰ผ แŠฅแŠ•แŒ แ‰€แˆ˜แ‹‹แˆˆแŠ•? แˆจแŒ…แˆ แˆ›แ‰ฅแˆซแˆชแ‹ซแ‹Žแ‰ฝแŠ• แ‹ˆแ‹ญแˆ แ‹ˆแˆฌแ‹Žแ‰ฝแŠ• แˆˆแˆ˜แƒแแข
โ€‹<a> แก
โ€‹แŒฅแ‰…แˆ™แก แ‰ฐแŒ แ‰ƒแˆšแ‹ แ‰ แŠ แŠ•แ‹ต "แŠญแˆŠแŠญ" แ‹ˆแ‹ฐ แˆŒแˆ‹ แ‹ตแˆจ-แŒˆแŒฝ แŠฅแŠ•แ‹ฒแˆ„แ‹ต แ‹ซแ‹ฐแˆญแŒ‹แˆแข
โ€‹แˆ˜แ‰ผ แŠฅแŠ•แŒ แ‰€แˆ˜แ‹‹แˆˆแŠ•? แ‹ˆแ‹ฐ แŒแˆตแ‰กแŠญแฃ แ‰ดแˆŒแŒแˆซแˆ แ‹ˆแ‹ญแˆ แˆŒแˆ‹ แŒˆแŒฝ แ‹จแˆšแ‹ˆแˆตแ‹ต "Link" แˆˆแˆ˜แˆฅแˆซแ‰ตแข
โ€‹3. ๐Ÿ–ผ๏ธ แ‹จแˆšแ‰ณแ‹ฉ แАแŒˆแˆฎแ‰ฝ (Visual Tags)
โ€‹<img> แก
โ€‹แŒฅแ‰…แˆ™แก แ‹ตแˆจ-แŒˆแŒน แ‹แ‰ฅ แŠฅแŠ•แ‹ฒแˆ†แŠ• แŽแ‰ถแ‹Žแ‰ฝแŠ• แ‹ญแŒจแˆแˆซแˆแข
โ€‹แˆ˜แ‰ผ แŠฅแŠ•แŒ แ‰€แˆ˜แ‹‹แˆˆแŠ•? แ‹จแ‹ตแˆญแŒ…แ‰ต แˆŽแŒŽ แ‹ˆแ‹ญแˆ แ‹จแˆแˆญแ‰ต แŽแ‰ถแ‹Žแ‰ฝแŠ• แˆˆแˆ›แˆณแ‹จแ‰ตแข
โ€‹<ul> แŠฅแŠ“ <li> แก
โ€‹แŒฅแ‰…แˆ™แก แˆ˜แˆจแŒƒแ‹Žแ‰ฝแŠ• แ‰ แАแŒฅแ‰ฅ (List) แˆ˜แˆแŠญ แ‹ซแˆตแ‰€แˆแŒฃแˆแข
โ€‹แˆ˜แ‰ผ แŠฅแŠ•แŒ แ‰€แˆ˜แ‹‹แˆˆแŠ•? แ‹จแˆแˆญแ‰ถแ‰ฝ แ‹แˆญแ‹แˆญ แ‹ˆแ‹ญแˆ แ‹จแ‰ตแˆแˆ…แˆญแ‰ต แŠ แˆญแ‹•แˆตแ‰ถแ‰ฝแŠ• แˆˆแˆ˜แ‹˜แˆญแ‹˜แˆญแข
๐Ÿฆ„5โค3๐Ÿ”ฅ2๐Ÿฅฐ1๐Ÿ‘Œ1
...
๐Ÿ˜12
phase1l1๐Ÿ”ฐ HTML แ‰ตแˆแˆ…แˆญแ‰ต แŠญแแˆ 1 | ethiocodesoftselecte.netlify.app โœ”๏ธ Lesson 01
๐ŸŒ HTML แˆแŠ•แ‹ตแŠ• แАแ‹?
HTML = HyperText Markup Language
แ‹จ Website แˆ˜แˆฐแˆจแ‰ต แАแ‹ โ€” แŠจแ‹œแˆฎ แŠฅแŠ•แŒ€แˆแˆญ! ๐Ÿš€
แ‰ตแˆแˆ…แˆญแ‰ฑ แ‹ญแ‹Ÿแˆ:
โœ… HTML แˆแŠ•แ‹ตแŠ• แАแ‹
โœ… Basic Structure (head, body...)
โœ… แŠ แˆตแˆแˆ‹แŒŠ Tags
โœ… แŠฅแŠ•แ‹ดแ‰ต แˆ˜แˆˆแˆ›แˆ˜แ‹ต แŠฅแŠ•แ‹ฐแˆšแ‰ปแˆ
โœ… Quiz แ‰ แˆ˜แŒจแˆจแˆป ๐ŸŽฏ
๐Ÿ“‚ แ‹แ‹ญแˆ‰แŠ• แŠจแแ‰ฐแˆ… Browser แˆ‹แ‹ญ แŠ แˆตแ‰€แˆแŒ แ‹!
๐Ÿ”” แ‰€แŒฃแ‹ญ แ‰ตแˆแˆ…แˆญแ‰ต แŠ แˆแˆแŒฆแˆ… แŠฅแŠ•แ‹ณแ‹ญแˆ„แ‹ต Channel แŠ• Join แŠ แ‹ตแˆญแŒ ๐Ÿ‘‡
๐Ÿ‘‰ @EthioCodeSoftSelect
#HTML #WebDevelopment #EthioCode #แ‰ตแˆแˆ…แˆญแ‰ต
๐Ÿ‘‰ethiocodesoftselecte.netlify.app
โ˜๏ธ
๐Ÿ’ฌ แ‹ญแˆ… แ‰ตแˆแˆ…แˆญแ‰ต แŒ แ‰…แˆŸแ‰ฝแŠ‹แˆ?
๐Ÿ‘‡ แˆˆ1 แˆฐแ‹ แ‰ฅแ‰ป Forward แŠ แ‹ตแˆญแŒ‰แ‰ต โ€”
แŠฅแˆฑแˆ แ‹ญแˆ›แˆญ!
โค6๐Ÿ•Š5๐Ÿ†2๐Ÿ‘1
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
๐Ÿ”ฅ5โœ3โค2๐Ÿ‘Œ1๐Ÿ’ฏ1๐Ÿค—1
๐Ÿ”— 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 #แ‰ตแˆแˆ…แˆญแ‰ต
๐Ÿฅฐ6๐Ÿ‘4๐Ÿ”ฅ1๐Ÿคฉ1๐Ÿ™Š1
....
โ˜ƒ8๐Ÿ’…4๐ŸŽ…1
loading.....
๐Ÿค”11๐ŸŒš3
๐Ÿ“Š 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 #แ‰ตแˆแˆ…แˆญแ‰ต
๐Ÿ†8๐Ÿค—4โœ1๐Ÿ”ฅ1
๐Ÿ—๏ธ 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 #แ‰ตแˆแˆ…แˆญแ‰ต
๐Ÿ”ฅ5๐Ÿ˜4๐Ÿฅฐ1๐Ÿ˜ฑ1๐Ÿค1
โšก 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 #แ‰ตแˆแˆ…แˆญแ‰ต
โคโ€๐Ÿ”ฅ5๐Ÿฅฐ3๐Ÿ”ฅ1๐Ÿ‘1๐ŸŽ‰1๐Ÿ‘Œ1
๐Ÿ”„ 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
๐Ÿ‘6๐Ÿ†5โค1๐Ÿ‘1๐Ÿ”ฅ1๐Ÿฅฐ1
๐ŸŽฏ 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
โค7๐Ÿ”ฅ4๐Ÿ‘1๐Ÿ†1
๐Ÿš€ 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 #แ‰ตแˆแˆ…แˆญแ‰ต
๐Ÿ”ฅ7๐Ÿ‘4๐Ÿ˜2โค1๐Ÿฆ„1
โš›๏ธ แ‰ตแˆแˆ…แˆญแ‰ต แŠญแแˆ 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
๐Ÿฆ„10๐Ÿ‘3๐Ÿ”ฅ1