Techtonic Tribe

Web Development) workflow 🎨 1. Design (የድረገጹ መልክ እና አጠቃቀም መንደፍ) ድረገጹ ከመሰራቱ በፊት ምን እንደሚመስል እና ተጠቃሚው እንዴት እንደሚጠቀመው ማቀድ ነው። UI (User Interface) የሚታየው ገጽታ፣ UX (User Experience) ደግሞ የአጠቃቀም ልምዱን ይመለከታል። ቀለም፣ Menu፣ Button፣ Font፣ Image እና Layout በቅድሚያ እንዲወሰኑ ያደርጋል፤ ድረገጹም ቆንጆ፣ ግልጽና ለመጠቀም ቀላል ይሆናል። ይህ ተግባር ከሚከናወንባቸው ነጻ መተግበሪያዎች መካከል Figma Penpot ይጠቀሳሉ። 🧩 2. Prototype (የድረገጹን ሀሳብ በሙከራ ማሳየት) ሙሉ Website ከመገንባት በፊት ተጠቃሚው “Home → Products → Cart → Checkout” ሲል እንዴት እንደሚጓዝ የሚያሳይ ሙከራዊ ሞዴል ነው። ኮድ ላይ ብዙ ጊዜና ገንዘብ ከማውጣት በፊት ሀሳቡ ጥሩ እና Navigation ቀላል መሆኑን እንዲሁም ተጠቃሚው የሚፈልገውን በቀላሉ ማግኘቱን ለመፈተሽ ያስችላል። 💻 3. Code (ዲዛይኑን ወደ ሚሰራ ድረገጽ መቀየር) Design ላይ የተሰራውን ሀሳብ በHTML፣ CSS፣ JavaScript ወይም React ወዘተ በመጠቀም ወደ እውነተኛ ድረገጽ መቀየር ነው። Button እንዲሰራ፣ Menu እንዲከፈት፣ Form መረጃ እንዲቀበል፣ ገጾች እንዲገናኙ ያደርጋል። በቀላሉ Design = “እንዴት ይታያል?” → Code = “እንዴት ይሰራል?” የሚሉትን ጥያቄዎች ይመልሳሉ። 🔌4. API (ድረ ገጹን ከሌላ ሲስተም/መረጃ ጋር ማገናኘት) API (Application Programming Interface) ድረገጹ ከServer፣ Database ወይም ከሌላ አገልግሎት ጋር መረጃ እንዲለዋወጥ የሚያስችል ድልድይ ነው። ለምሳሌ የTravel Website ከሆነ API በመጠቀም የFlight መረጃ፣ የHotel ዋጋ፣ Map፣ Payment ወይም Weather data ማሳየት እንዲያሳይ ያደርጋል። Postman ጥሩ የነጻ መሞከሪያ ነው። 🧪 5. Test (ድረገጹን መፈተሽ) ፍተሻ Website ለህዝብ ከመለቀቁ በፊት በትክክል እየሰራ መሆኑን የሚረጋገጥበት ነው። የማይሰራ Button፣ የተሰበረ Link፣ Form error፣ የMobile እይታ ችግር፣ የፍጥነት ወይም JavaScript ስህተት ወዘተ ለተጠቃሚዎች ከመለቀቁ በፊት ለማግኘት እና ለማስተካከል ያስችላል። 6. Deploy 🚀 → ድረገጹን Internet ላይ ማውጣት ነው።