Mizan Institute of Technology - MiT🇪🇹

ሰሪወችንና ተስተናጋጁን መሃል ላይ ሆነው ያገናኙት አስተናጋጆች፤ ፍሮንትኢንድንና ባክኢንድን እንደሚያግባባው እንደ API ናቸው። ተጠቃሚው ድረ-ገጽ ላይ "ግባ" የሚለውን በተን ሲጫን፣ Front-End ያንን ጥያቄ በኤፒአይ በኩል ወደ Back-End ይልካል። Back-End መረጃውን አጣርቶ መልሱን በኤፒአይ በኩል ወደ Front-End ይመልሳል።


❤️ፍል ስታክ ደቨሎፐር (Full Stack Developer) ምን ይሰራል?

ልክ አንድን ህንፃ ከመሰረቱ እስከ ጣሪያው ድረስ እንደሚገነባ መሃንዲስ ነው። የድረ-ገጹን ፊት ለፊት (Front-End)፣ ጀርባ (Back-End)፣ እና የመረጃ ቋት (Database) የመስራት ችሎታ አለው። ሁሉንም ነገር በአንድ ላይ ማስተዳደር ይችላል።

❤️ ፉል ስታክ የሚሰራባቸው የቴክኖሎጂ ምድቦች (Stacks):
ከላይ አንድ ፉል ስታክ የሚባል ድረ ገፅ ሲሰራ Front-end, Back-end & Database አለው ብለናል። Front-endን ለመስራት ብዙ አማራጮች እንዳሉና ብዙ ፍሬምወርኮች መኖራቸውን ተነጋግረናል። Back-endንም፣ ደታቤዝንም ለመስራት ብዙ አማራጭ እንዳሉ አይተናል።
ስለዚህ ሁሉንም እነዚህን ያሟላ ድረ ገፅ ሲገነባ Front-end ላይ ካሉ አማራጮች እነማንን ይዞ፣ Back-end ላይ ካሉ አማራጮችም እነማንን ይዞ፣ ከደታቤዝም እነማንን ይዞ ማንን ከማን በማጣመር አንድ የተሟላ full stack ድረ ገፅ ያበለፅጋል የሚለውን እንመልከት።

ከላይ እንደተጠቀሰው MERN እና MEAN ብቻ አይደሉም:

➡️ MERN Stack: MongoDB, Express.js, React.js, Node.js (ይህ እኛ የምናስተምረው ነው!)
ለFront-end የምንጠቀመው Reactን፣ ለBack-end የምንጠቀመው Express.jsን በNode.js፣ ለደታቤዝ የምንጠቀመው MongoDBን ነው።

➡️ MEAN Stack: MongoDB, Express.js, Angular.js, Node.js (ከReact.js ይልቅ Angular.jsን ይጠቀማል)

➡️ LAMP Stack: Linux (ኦፕሬቲንግ ሲስተም), Apache (ዌብ ሰርቨር), MySQL (የመረጃ ቋት), PHP/Python/Perl (የጀርባ –ባክኢንድ ቋንቋ) - ይህ መንገድ በጣም የቀድሞ እና ታዋቂ ፍልስፍና (የፉል ስታክ አሰራር መንገድ) ነው።

➡️ MEVN Stack: MongoDB, Express.js, Vue.js, Node.js (ከReact.js እና Angular.js ይልቅ Vue.jsን ይጠቀማል)

➡️ Django (Python) + (Frontend Framework): Django (ኃይለኛ የPython የጀርባ Back-end ፍሬምወርክ ነው) ከማንኛውም የፊት ለፊት (Front-end) ፍሬምወርክ (React, Angular, Vue) ጋር አጣምሮ መጠቀም ይቻላል።

➡️ Ruby on Rails+(Frontend Framework): ልክ እንደ Django ሁሉ, ከማንኛውም የፊት ለፊት (Front-end) ፍሬምወርክ ጋር መጠቀም ይቻላል::

➡️ .NET (C#) + (Frontend Framework): .NET ከማንኛውም የፊት ለፊት (Front-end) ፍሬምወርክ ጋር መጠቀም ይቻላል::

✔️ እኛ MiTዎች ለምን MERN Stackን መረጥን?

➡️JavaScript በሁሉም ቦታ!
ሁሉም ቴክኖሎጂዎች (MongoDB, Express.js, React.js, Node.js) JavaScriptን ስለሚጠቀሙ፤ አንድ ቋንቋ ብቻ መማር በቂ ነው። ይህም ሂደቱን በጣም ቀላል እና ፈጣን ያደርገዋል። ጃቫስክሪፕትን ካወቅን ለፍሮንት ኢንድም፣ ለባክኢንድም፣ ለደታቤዝም የምንጠቀማቸው አማራጮች እንደ ፕሮግራሚንግ ላንጉጅ መስታቸው አንድ ስለሆነ ሌላ አድስ ፕሮግራሚንግ ቋንቋ ሲንታክስና ሴማንቲክስ ማወቅ አይጠበቅብንም።

➡️እጅግ በጣም ፈጣን!
React.js የፌስቡክ ኩባንያ ያበረከተው በጣም ፈጣን እና ዘመናዊ የፊት ለፊት (Front-End) ቴክኖሎጂ ነው። ድረ-ገጾችን እና መተግበሪያዎችን በሚገርም ፍጥነት እንዲሰሩ ያደርጋል።

➡️ተለዋዋጭነት!
MongoDB በቀላሉ የሚለዋወጥ (Dynamic የሆነ)የመረጃ ቋት (Database) ነው። አዳዲስ መረጃዎችን በቀላሉ ለማስተናገድ ያስችላል።

➡️ከፍተኛ ተወዳጅነት!
በአሁኑ ጊዜ በአለም ላይ ያሉ ብዙ ታላላቅ ኩባንያዎች MERN Stackን ይጠቀማሉ። ይህም ማለት የስራ እድሉ በጣም ሰፊ ነው።

➡️ዘመናዊነት (Cutting-Edge):
MERN ስታክ በአሁኑ ጊዜ በድረ-ገጽ ልማት አለም ውስጥ ካሉት በጣም ዘመናዊ እና ተፈላጊ ቴክኖሎጂዎች አንዱ ነው። ካሉት ፍልስታክን የመስራት አማራጮች በአለም ላይ ግንባር ቀድም የሆነው ይህ መንገድ ነው።


በMizan Institute of Technology (MiT) የፉል ስታክ (MERN) ስልጠና የምንሸፍናቸው ርዕሶች (በዝርዝር):

📌መሰረታዊ የድረ-ገጽ አሰራር: HTML, CSS, JavaScript (እነዚህን ቋንቋዎች ጠንቅቆ ማወቅ ለማንኛውም የድረ-ገጽ ገንቢ መሰረታዊና የግድ ነው!)
እነዚህን ስናስተምር HTML ውስጥ ከጀማሪ እስከ አድቫንስድ የሚባሉትን ጭምር እንዳስሳለን። CSS ላይ ለresponsive ድረ ገፅ ያግዘንና ስራችንን ያፋጥንልን ዘንድ ካሉ የ CSS ፍሬምወርኮች ቀዳሚ የሆኑትን Tailwindን እና Bootstrapን እናያለን።

📌 Figma: ድረ ገፅ ሲገነባ ቴምፕሌት ኢድት ማድረግ እንደ አማራጭ ቢሆንም ከUI/Ux ድዛይን ይጀምራል። ድዛይኑን በፊግማ ከሰራን በሗላ ወደ ኮድ ይቀየራል።

📌React.js (የፊት ለፊት (Front-end) ማበልፀጊያ): ዘመናዊ እና ተለዋዋጭ ድረ-ገጾችን ለመስራት የሚያስችል ኃይለኛ ቴክኖሎጂ ነው።

📌 Node.js (የጀርባ (Back-end) ልማት): JavaScriptን ከድረ-ገጽ አሳሽ (ብሮውዘር) ውጭ በማስኬድ (run በማድረግ) የድረ-ገጹን ጀርባ ለመስራት የሚያስችል ቴክኖሎጂ ነው።

📌Express.js (ድረ-ገጽን ለማስተዳደር): ከNode.js ጋር በመሆን ድረ-ገጹን በቀላሉ ለማስተዳደር የሚያስችል ፍሬምወርክ።

📌 MongoDB (የመረጃ ቋት): ሁሉንም የድረ-ገጹን መረጃዎች በቀላሉ ለማከማቸት እና ለማስተዳደር የሚያስችል ዘመናዊ የመረጃ ቋት።

📌 API (Front-End እና Back-Endን ለማገናኘት): እነዚህን ሁለት ክፍሎች በማስተሳሰር ድረ-ገጹ በትክክል እንዲሰራ የሚያደርግ ወሳኝ ቴክኖሎጂ።

📌Git and Github: የስራችንን ሂደት ለመቆጣጠር, ከሌሎች ጋር ለመተባበር::

📌 Authentication and Authorization: የተጠቃሚዎችን ደህንነት ለመጠበቅ::

📌 Deployment: ድህረ-ገፃችንን ለህዝብ እይታ (ለተጠቃሚ ይፋ ማድረግ) ክፍት ለማድረግ::

ከንድፈ ሃሳብ ባሻገር፡ እውነተኛ ፕሮጀክቶችን አስደግፈን ለእያንዳንዱ ርእስ እንሰጣለን። (Capstone Projects)!

በMiT ስልጠናችን፣ በንድፈ ሃሳብ ብቻ አንወሰንም። የተማራችሁትን በተግባር የምትፈትሹበት፣ እውነተኛ ድረ-ገጾችን እና መተግበሪያዎችን የምትሰሩበት እድል ይኖራችኋል። ከእነዚህ ፕሮጀክቶች (Capstone Projects) መካከል፡

➡️የራሳችሁን ፖርትፎሊዮ ድረ-ገጽ መስራት: የተማራችሁትን ችሎታ የምታሳዩበት፣ ለስራ ስታመለክቱ የምትጠቀሙበት ድረ-ገጽ ይሆናችሁ ዘንድ ገና ከፊግማ ድዛይኑ ጀምሮ ፍሮንት ኢንዱንም፣ ባክኢንዱንም፣ አውተንቲኬሽንና ፎርም ካለው ቫሊዴሽኑን፣ ደታቤዙንም ትሰራላችሁ።

Please open Telegram to view this post

VIEW IN TELEGRAM

www.tgoop.com/MizanInstituteOfTechnology/382

1.9K viewsedited  Feb 21 at 08:03

ሰሪወችንና ተስተናጋጁን መሃል ላይ ሆነው ያገናኙት አስተናጋጆች፤ ፍሮንትኢንድንና ባክኢንድን እንደሚያግባባው እንደ API ናቸው። ተጠቃሚው ድረ-ገጽ ላይ "ግባ" የሚለውን በተን ሲጫን፣ Front-End ያንን ጥያቄ በኤፒአይ በኩል ወደ Back-End ይልካል። Back-End መረጃውን አጣርቶ መልሱን በኤፒአይ በኩል ወደ Front-End ይመልሳል።


❤️ፍል ስታክ ደቨሎፐር (Full Stack Developer) ምን ይሰራል?

ልክ አንድን ህንፃ ከመሰረቱ እስከ ጣሪያው ድረስ እንደሚገነባ መሃንዲስ ነው። የድረ-ገጹን ፊት ለፊት (Front-End)፣ ጀርባ (Back-End)፣ እና የመረጃ ቋት (Database) የመስራት ችሎታ አለው። ሁሉንም ነገር በአንድ ላይ ማስተዳደር ይችላል።

❤️ ፉል ስታክ የሚሰራባቸው የቴክኖሎጂ ምድቦች (Stacks):
ከላይ አንድ ፉል ስታክ የሚባል ድረ ገፅ ሲሰራ Front-end, Back-end & Database አለው ብለናል። Front-endን ለመስራት ብዙ አማራጮች እንዳሉና ብዙ ፍሬምወርኮች መኖራቸውን ተነጋግረናል። Back-endንም፣ ደታቤዝንም ለመስራት ብዙ አማራጭ እንዳሉ አይተናል።
ስለዚህ ሁሉንም እነዚህን ያሟላ ድረ ገፅ ሲገነባ Front-end ላይ ካሉ አማራጮች እነማንን ይዞ፣ Back-end ላይ ካሉ አማራጮችም እነማንን ይዞ፣ ከደታቤዝም እነማንን ይዞ ማንን ከማን በማጣመር አንድ የተሟላ full stack ድረ ገፅ ያበለፅጋል የሚለውን እንመልከት።

ከላይ እንደተጠቀሰው MERN እና MEAN ብቻ አይደሉም:

➡️ MERN Stack: MongoDB, Express.js, React.js, Node.js (ይህ እኛ የምናስተምረው ነው!)
ለFront-end የምንጠቀመው Reactን፣ ለBack-end የምንጠቀመው Express.jsን በNode.js፣ ለደታቤዝ የምንጠቀመው MongoDBን ነው።

➡️ MEAN Stack: MongoDB, Express.js, Angular.js, Node.js (ከReact.js ይልቅ Angular.jsን ይጠቀማል)

➡️ LAMP Stack: Linux (ኦፕሬቲንግ ሲስተም), Apache (ዌብ ሰርቨር), MySQL (የመረጃ ቋት), PHP/Python/Perl (የጀርባ –ባክኢንድ ቋንቋ) - ይህ መንገድ በጣም የቀድሞ እና ታዋቂ ፍልስፍና (የፉል ስታክ አሰራር መንገድ) ነው።

➡️ MEVN Stack: MongoDB, Express.js, Vue.js, Node.js (ከReact.js እና Angular.js ይልቅ Vue.jsን ይጠቀማል)

➡️ Django (Python) + (Frontend Framework): Django (ኃይለኛ የPython የጀርባ Back-end ፍሬምወርክ ነው) ከማንኛውም የፊት ለፊት (Front-end) ፍሬምወርክ (React, Angular, Vue) ጋር አጣምሮ መጠቀም ይቻላል።

➡️ Ruby on Rails+(Frontend Framework): ልክ እንደ Django ሁሉ, ከማንኛውም የፊት ለፊት (Front-end) ፍሬምወርክ ጋር መጠቀም ይቻላል::

➡️ .NET (C#) + (Frontend Framework): .NET ከማንኛውም የፊት ለፊት (Front-end) ፍሬምወርክ ጋር መጠቀም ይቻላል::

✔️ እኛ MiTዎች ለምን MERN Stackን መረጥን?

➡️JavaScript በሁሉም ቦታ!
ሁሉም ቴክኖሎጂዎች (MongoDB, Express.js, React.js, Node.js) JavaScriptን ስለሚጠቀሙ፤ አንድ ቋንቋ ብቻ መማር በቂ ነው። ይህም ሂደቱን በጣም ቀላል እና ፈጣን ያደርገዋል። ጃቫስክሪፕትን ካወቅን ለፍሮንት ኢንድም፣ ለባክኢንድም፣ ለደታቤዝም የምንጠቀማቸው አማራጮች እንደ ፕሮግራሚንግ ላንጉጅ መስታቸው አንድ ስለሆነ ሌላ አድስ ፕሮግራሚንግ ቋንቋ ሲንታክስና ሴማንቲክስ ማወቅ አይጠበቅብንም።

➡️እጅግ በጣም ፈጣን!
React.js የፌስቡክ ኩባንያ ያበረከተው በጣም ፈጣን እና ዘመናዊ የፊት ለፊት (Front-End) ቴክኖሎጂ ነው። ድረ-ገጾችን እና መተግበሪያዎችን በሚገርም ፍጥነት እንዲሰሩ ያደርጋል።

➡️ተለዋዋጭነት!
MongoDB በቀላሉ የሚለዋወጥ (Dynamic የሆነ)የመረጃ ቋት (Database) ነው። አዳዲስ መረጃዎችን በቀላሉ ለማስተናገድ ያስችላል።

➡️ከፍተኛ ተወዳጅነት!
በአሁኑ ጊዜ በአለም ላይ ያሉ ብዙ ታላላቅ ኩባንያዎች MERN Stackን ይጠቀማሉ። ይህም ማለት የስራ እድሉ በጣም ሰፊ ነው።

➡️ዘመናዊነት (Cutting-Edge):
MERN ስታክ በአሁኑ ጊዜ በድረ-ገጽ ልማት አለም ውስጥ ካሉት በጣም ዘመናዊ እና ተፈላጊ ቴክኖሎጂዎች አንዱ ነው። ካሉት ፍልስታክን የመስራት አማራጮች በአለም ላይ ግንባር ቀድም የሆነው ይህ መንገድ ነው።


በMizan Institute of Technology (MiT) የፉል ስታክ (MERN) ስልጠና የምንሸፍናቸው ርዕሶች (በዝርዝር):

📌መሰረታዊ የድረ-ገጽ አሰራር: HTML, CSS, JavaScript (እነዚህን ቋንቋዎች ጠንቅቆ ማወቅ ለማንኛውም የድረ-ገጽ ገንቢ መሰረታዊና የግድ ነው!)
እነዚህን ስናስተምር HTML ውስጥ ከጀማሪ እስከ አድቫንስድ የሚባሉትን ጭምር እንዳስሳለን። CSS ላይ ለresponsive ድረ ገፅ ያግዘንና ስራችንን ያፋጥንልን ዘንድ ካሉ የ CSS ፍሬምወርኮች ቀዳሚ የሆኑትን Tailwindን እና Bootstrapን እናያለን።

📌 Figma: ድረ ገፅ ሲገነባ ቴምፕሌት ኢድት ማድረግ እንደ አማራጭ ቢሆንም ከUI/Ux ድዛይን ይጀምራል። ድዛይኑን በፊግማ ከሰራን በሗላ ወደ ኮድ ይቀየራል።

📌React.js (የፊት ለፊት (Front-end) ማበልፀጊያ): ዘመናዊ እና ተለዋዋጭ ድረ-ገጾችን ለመስራት የሚያስችል ኃይለኛ ቴክኖሎጂ ነው።

📌 Node.js (የጀርባ (Back-end) ልማት): JavaScriptን ከድረ-ገጽ አሳሽ (ብሮውዘር) ውጭ በማስኬድ (run በማድረግ) የድረ-ገጹን ጀርባ ለመስራት የሚያስችል ቴክኖሎጂ ነው።

📌Express.js (ድረ-ገጽን ለማስተዳደር): ከNode.js ጋር በመሆን ድረ-ገጹን በቀላሉ ለማስተዳደር የሚያስችል ፍሬምወርክ።

📌 MongoDB (የመረጃ ቋት): ሁሉንም የድረ-ገጹን መረጃዎች በቀላሉ ለማከማቸት እና ለማስተዳደር የሚያስችል ዘመናዊ የመረጃ ቋት።

📌 API (Front-End እና Back-Endን ለማገናኘት): እነዚህን ሁለት ክፍሎች በማስተሳሰር ድረ-ገጹ በትክክል እንዲሰራ የሚያደርግ ወሳኝ ቴክኖሎጂ።

📌Git and Github: የስራችንን ሂደት ለመቆጣጠር, ከሌሎች ጋር ለመተባበር::

📌 Authentication and Authorization: የተጠቃሚዎችን ደህንነት ለመጠበቅ::

📌 Deployment: ድህረ-ገፃችንን ለህዝብ እይታ (ለተጠቃሚ ይፋ ማድረግ) ክፍት ለማድረግ::

ከንድፈ ሃሳብ ባሻገር፡ እውነተኛ ፕሮጀክቶችን አስደግፈን ለእያንዳንዱ ርእስ እንሰጣለን። (Capstone Projects)!

በMiT ስልጠናችን፣ በንድፈ ሃሳብ ብቻ አንወሰንም። የተማራችሁትን በተግባር የምትፈትሹበት፣ እውነተኛ ድረ-ገጾችን እና መተግበሪያዎችን የምትሰሩበት እድል ይኖራችኋል። ከእነዚህ ፕሮጀክቶች (Capstone Projects) መካከል፡

➡️የራሳችሁን ፖርትፎሊዮ ድረ-ገጽ መስራት: የተማራችሁትን ችሎታ የምታሳዩበት፣ ለስራ ስታመለክቱ የምትጠቀሙበት ድረ-ገጽ ይሆናችሁ ዘንድ ገና ከፊግማ ድዛይኑ ጀምሮ ፍሮንት ኢንዱንም፣ ባክኢንዱንም፣ አውተንቲኬሽንና ፎርም ካለው ቫሊዴሽኑን፣ ደታቤዙንም ትሰራላችሁ።