Learn Web Development for free:

1. HTML
http://w3schools.com

2. CSS
http://css-tricks.com

3. JavaScript
http://javanoscript.info

4. Git
http://git-scm.com

5. React
http://react-tutorial.app

6. APIs
https://rapidapi.com

7. ALL
http://ai.com

——- continued—-
—-Prompt Engineering"——
...ባለፈው ስለ Ai ቦቶች እና ሞደሎች ትንሽ አውርተን ነበር። ይሄም ከዚያ የ ቀጠለ ነው።
ማሳሰቢያ ፡ ይሄ ትምህርት ቻት ቦቶችን ለሚጠቀሙ እንዲረዳ የተዘጋጀ ነው
ዛሬ ማወራችሁ ስለ "Prompt Engineering", ነው ። ይሄ ፊልድ ከነዚህ ቻት ቦቶች መምጣት ጋር የተወለድ አድስ የሙያ ዘርፍ ነው።
በ አጭር ጊዜም ተፈላጊ የሆነ ክህሎት ነው። ዛሬን ጀምሮ በሚቀጥሉት ቀናት አንዳንድ ከሱ ጋር የተያያዙ ቴክኒኮችን አጋራችኋለው።
"Prompt Engineering" ማለት ከ "LLM" ቻት ቦቶች ጋር ስታወሩ text-to-text ወይም text-to-image ሊሆን ይችላል። ያ ማለት የሆነ መጠየቅ ምትፈልጉትን በ ፅሁፍ መልክ ትሰጡታላችሁ እሱ በ ፅሁፍ ወይም በ ምስል መልክ ጀነሬት አድርጎ ይመልስላችኋል።
እነዚህ እናንተ የምታስገቧቸው መጠይቆች ወይም ፅሁፎች "Prompt" ይባላሉ።
እነዚህን "Prompt" ማግኘት ለምትፈልጉ ምላሽ በሚሆን መልኩ ትክክለኛውን መጠይቅ ማዘጋጀት "Prompt Engineering" ይባላል።
አሪፍ መጠይቅ ስትሰጡት አሪፍ ምላሽ ታገኛላችሁ ነው ሃሳቡ።
ሰው ከ ሰው ጋር በደንብ ለመግባባት "Effective Communication skill" ያስፍለገዋል እንደሚባለው ከ Ai bots ጋር ለመግባባት እና አሪፍ output ከፈለጋችሁ አሪፍ "Prompter" ወይም አሪፍ የ "Prompt Engineering" ክህሎት ሊኖራችሁ ይገባል ማለት ነው።
እንደምንፈልገው የ እገዛ እና መጠየቅ እንደምንፈልገው ጥያቄ የ "Prompt" አይነት ቢለያይም ሁላችንም ብንጠቀማቸው የሚጠቅሙን ምክረ ሃሳቦች የሚከተሉት ናቸው።
1. ተግባሩን መረዳት
የቋንቋ ሞዴሉ እንዲሰራላችሁ የምትፈልጉትን ተግባር ወይም ግብ በግልፅ ግለጹ። ጽሑፍ እንዲያመነጭላችሁ ፤ ጥያቄዎችን እንዲመልስላችሁ ፤ ማብራሪያ እንዲሰጣችሁ ወይም ሌላ ነገር፣ ስለ ተግባሩ ግልጽ የሆነ መረዳት ወሳኝ ነው። ከዚያ በዚያ መሰረት መጠየቅ
2. ግልፅ ማድረግ
ጥያቄዎ ይበልጥ በተገለፀ መጠን የተሻለ መልስ ይኖረዋል ። ሞዴሉ የሥራውን አውድ እንዲረዳው ሁሉንም አስፈላጊ አውድ ፣ ገደቦች እና ዝርዝሮች ያካትቱ። አሻሚ ወይም ግልጽ ያልሆኑ ጥያቄዎች ግልጽ ያልሆኑ ወይም ተዛማጅነት የሌላቸው ምላሾች ሊያስከትሉ ይችላሉ።
3. ምሳሌዎችን መጠቀም
ሞድሉን እናንተ በምትፈልጉት መልኩ ለመምራት በጥያቄዎ ውስጥ ተዛማጅ ምሳሌዎችን ያቅርቡ። የምሳሌ ግብዓቶች እና የሚጠበቁ ውጤቶች ሞዴሉ የሚፈልጉትን የምላሽ አይነት እንዲገነዘብ ያግዙታል።
... እና ሌሎችም
ዋናው ነገር መለማመድ ፤ እንዴት እንደሚሰራ መገንዘብ ነው። ከዚያ ለምትፈልጉት አላማ ማዋል።
እኔ አሪፍ የምላቸውን ምሳሌዎች በተከታታይ አቀርባለው ። ለዛሬ ከስር በምስሉ የምትመለከቱትን አጠያቀቅ አሪፍ ከምላቸው መንገዶች አንዱ ነው።
Acting as a "Role" perform "task" in "Format".
Eg,
- [Act as Barack Obama and offer the Ethiopian Politicians to come to peace"] 😊
-[Acting as a psychologist] offer advice to help someone overcome social anxiety and build meaningful connections in a friendly letter format.
- act as William Shakespeare and write a soliloquy on the uses of artificial intelligence.
- [Acting as a historian] provide a detailed explanation of the causes and consequences of the Industrial Revolution in an informative essay format.
-[Acting as a tech guru] write a blog post comparing the latest iPhone and Android models, highlighting their features and pros and cons.
-. [Acting as a financial advisor] provide a comprehensive guide to budgeting and managing personal finances in a well-organized PowerPoint presentation.
- [Acting as a motivational speaker] deliver an inspiring speech on the importance of resilience and perseverance in achieving life goals in a TED talk format.

Wanna make learning Web Development easier?

Break it into 2 paths:

Frontend→
→ Part 1: HTML & CSS
→ Part 2: JavaScript
→ Part 3: Tailwind
→ Part 4: React
→ Part 5: Git

Backend→
→ Part 6: Node JS
→ Part 7: Express
→ Part 8: MongoDB
→ Part 9: Heroku

Revisit→
→ CSS

Unlock the power of free resources and tools/AI tools to level up your coding skills:

🤖ChatGPT is FREE
💬Bard is FREE
🎥 YouTube is FREE
🔍 Google is FREE
🎧 Podcasts are FREE

Communities:
🐦Twitter is FREE
💻 StackOverflow is FREE

Tools:
💻 VS Code is FREE
🐙 Git/GitHub are FREE
🌐 Netlify is FREE
🚀 Vercel is FREE
🔌Public APIs are FREE

Design:
🎨Canva is FREE
🖍 Figma is FREE

Project Management:
🏗Clickup is FREE
📅 Trello is FREE
📊 Asana is FREE
📝 Notion is FREE

Analytics and Insights:
📈 Google Analytics is FREE
📊 Mixpanel is FREE

Communication and Collaboration:
💬 Slack is FREE
📧 Gmail is FREE
📞 Zoom is FREE

And then there are many AI tools.

Leverage everything around.🙌

The most effective way to debug your CSS 👌

Host Your Full-Stack App For FREE

Front-end:
→Netlify
→Render
→Github pages
→Google Firebase hosting
→Surge
→Azure static web apps
→Digital Ocean app platform

Back-end:
→Fly. io
→Vercel
→Netlify functions
→Google cloud functions
→Cloudflare workers
→Cyclic .sh
→Deta .sh
→Railway

Database:
→Mongo Atlas
→PlanetScale
→Firebase
→FaunaDB
→DynamoDB (AWS)

All-in-one Backend Platform (API, Storage, Functions):
→Appwrite
→Supabase

Leverage AI tools and ChatGPT while
coding because your competitors will do.

Programmers Life,

is it that concerning ?

5 best websites to find HTML templates for building websites:

1. HTML5 UP
https://html5up.net

2. FreeHTML5 .co
https://freehtml5.co

3. Colorlib
https://colorlib.com

4. TEMPLATED
https://templated.co

5. Start Bootstrap
https://startbootstrap.com

The full JavaScript course series are compiled into one video for ease.

16 Video courses compiled in to one 6 hour course.

go ...watch it and master JavaScript
https://youtu.be/jF5oxeeuu6E

GM,

user your css skill to place the car on the ground 😂

wow! 😊😂... what a progress!

Frontend + JSON + Backend = Full-stack web development 🤣

99% fails to answer .... solve it ?

The Ultimate AI Tech Stack.

(Save it for future reference)

1. Main AI hub (LLM)

- ChatGPT
- Perplexity
- Claude AI

2. AI Art Models

- MidJourney
- Adobe Firefly
- Stable Diffusion

3. AI Prompts

- PromptBase
- Snack Prompts
- Public Prompts

4. Website

- 10Web
- Framer
- Durable

5. Pre-built Chatbots

- Dante
- Chatbase
- Chatsimple

6. Custom Chatbots

- Slack AI
- Botpress
- Voiceflow AI

7. Automation

- Make
- Zapier ​​
- Bardeen

8. UI/UX

- Uizard
- Galileo AI
- Photoshop

9. Code Assistant

- Replit
- MarsAI
- Codeium

10. Design Assistant

- Predict AI
- AdCreative AI
- MarketingBlocks AI

11. Clones

- D-Id
- HeyGen
- Synthesia

12. Copywriting

- Jasper
- Copy. ai
- Writesonic

13. E-commerce

- Aidaptive
- Octane AI
- ProductBot

14. Lead Gen

- Instantly
- SellScale
- Marbleflows

15. Transcriber

- Otter AI
- Fireflies AI
- Denoscript AI