ላምፊይ የስራ አርማ

LUMIFY WORK አንግል 12 ፕሮግራሚንግ

LUMIFY WORK አንግል 12 ፕሮግራሚንግ

ለምን ይህን ኮርስ አጥኑ

ይህ አጠቃላይ የAngular 12 ፕሮግራሚንግ ኮርስ የንድፈ ሃሳባዊ ትምህርት እና በእጅ ላይ ያሉ የላብራቶሪዎች ጥምረት ሲሆን ይህም የ Angular መግቢያን ያካተተ ሲሆን በመቀጠልም TypeScript፣ ክፍሎች፣ መመሪያዎች፣ አገልግሎቶች፣ የኤችቲቲፒ ደንበኛ፣ ሙከራ እና ማረም።
ትምህርቱ ወዲያውኑ ለስራዎ ማመልከት በሚችሉ ጠቃሚ እና ተግባራዊ መረጃዎች የተሞላ ነው። እንደ ባለ አንድ ገጽ የአሳሽ አፕሊኬሽኖች ያሉ የመሠረታዊ የAngular 12 ልማት መሰረታዊ ነገሮችን ይወቁ፣ ምላሽ ሰጪ webጣቢያዎች፣ እና ድብልቅ የሞባይል መተግበሪያዎች።
ማስታወሻበሌሎች የአንግላር ስሪቶች ላይ ስልጠና መስጠት እንችላለን። እባክዎን ይጠይቁን ወይም ፍላጎትዎን ለማስመዝገብ ያነጋግሩን።

ምን ይማራሉ
ይህንን ኮርስ በተሳካ ሁኔታ ከጨረሱ በኋላ የሚከተሉትን ማድረግ ይችላሉ-

  • ታይፕ ስክሪፕትን በመጠቀም ባለ አንድ ገጽ የማዕዘን መተግበሪያዎችን ይገንቡ
  • የተሟላ የ Angular ልማት አካባቢን ያዘጋጁ
  • አካላትን፣ መመሪያዎችን፣ አገልግሎቶችን፣ ቧንቧዎችን፣ ቅጾችን እና ብጁ ማረጋገጫዎችን ይፍጠሩ
  • ታዛቢዎችን በመጠቀም የላቀ የአውታረ መረብ ውሂብ የማውጣት ስራዎችን ከREST ይጠቀሙ web የ Angular HT TP Client Handle የግፋ ዳታ ግንኙነቶችን በመጠቀም አገልግሎቶች Webየሶኬቶች ፕሮቶኮል
  • መረጃን ለመቅረጽ ከAngular Pipes ጋር ይስሩ
  • የላቀ የAngular Component Router ባህሪያትን ተጠቀም
  • አብሮ የተሰሩ መሳሪያዎችን በመጠቀም የAngular መተግበሪያዎችን ይሞክሩ እና ያርሙ።

የኮርስ ርዕሰ ጉዳዮች

ምዕራፍ 1. ማስተዋወቅ Angular

  • Angular ምንድን ነው?
  • የማዕዘን ማዕቀፍ ማዕከላዊ ባህሪያት ተገቢ የአጠቃቀም ጉዳዮች
  • የማዕዘን አፕሊኬሽን ግንባታ ብሎኮች የማዕዘን አፕሊኬሽን መሰረታዊ አርክቴክቸር መጫን እና አንግላር መጠቀም
  • አፕሊኬሽኑን የሚያስኬድ የማዕዘን መተግበሪያ አናቶሚ
  • ለአገሬው ተወላጅ የሞባይል መተግበሪያዎች የመተግበሪያውን አንግል መገንባት እና ማሰማራት
  • ማጠቃለያ

ምዕራፍ 2. የTyScript መግቢያ

  • የፕሮግራሚንግ ቋንቋዎች ከ Angular TypeScript Syntax ጋር ለመጠቀም
  • የፕሮግራም አዘጋጆች
  • የስርዓቱ አይነት - ተለዋዋጮችን መግለጽ
  • ዓይነት ስርዓት - ድርድሮችን መግለጽ
  • መሰረታዊ የመጀመሪያ ዓይነቶች
  • ተግባራትን ይተይቡ
  • ኢንፈረንስ ይተይቡ
  • ክፍሎችን መግለጽ
  • የክፍል ዘዴዎች
  • የታይነት ቁጥጥር
  • ክፍል ገንቢዎች
  • የክፍል ገንቢዎች - ተለዋጭ ቅጽ ያልታወቁ መስኮች
  • በይነገጾች
  • ከ ES6 ሞጁሎች ጋር በመስራት ላይ
  • var vs መፍቀድ
  • የቀስት ተግባራት
  • የቀስት ተግባር የታመቀ አገባብ አብነት ሕብረቁምፊዎች
  • በክፍል ውስጥ አጠቃላይ
  • የጄኔቲክስ ተግባር
  • ማጠቃለያ

ምዕራፍ 3. አካላት

  • አካል ምንድን ነው?
  • አንድ Example አካል
  • Angular CLI በመጠቀም አካል መፍጠር
  • የአካል ክፍል
  • @Component Decorator
  • አንድን አካል ወደ ሞጁሉ አካል አብነት መመዝገብ
  • Example: HelloComponent አብነት
  • Exampለ፡ የሄሎ ኮምፖንንት ክፍል ክፍልን በመጠቀም
  • መተግበሪያውን ያሂዱ
  • የክፍል ተዋረድ
  • የመተግበሪያ ስርወ አካል
  • ቡትስትራፕ File
  • አካል የሕይወት ዑደት መንጠቆ Example Lifecycle መንጠቆዎች
  • የሲኤስኤስ ቅጦች
  • ማጠቃለያ

ምዕራፍ 4. አካል አብነቶች

  • አብነቶች
  • የአብነት ቦታ
  • የጺም {{ }} አገባብ
  • የ DOM አባል ባህሪያትን በማቀናበር ላይ
  • አካል ጽሑፍ በማቀናበር ላይ
  • የክስተት ትስስር
  • መግለጫ ክስተት ተቆጣጣሪ
  • ነባሪ አያያዝን አግድ
  • የባህሪ መመሪያዎች
  • የሲኤስኤስ ክፍሎችን በመቀየር ቅጦችን ይተግብሩ
  • Example: ngclass
  • ቅጦችን በቀጥታ መተግበር
  • መዋቅራዊ መመሪያዎች
  • ሁኔታዊ በሆነ መልኩ አብነት ያስፈጽም
  • Example፡ ngIf
  • ngFor ን በመጠቀም ማዞር
  • ngFor አካባቢያዊ ተለዋዋጮች
  • ስብስቡን ማስተዳደር Example - ንጥልን በመሰረዝ ላይ
  • የንጥል መከታተያ በngFor Swapping Elements ከngSwitch መቧደን አባሎች ጋር
  • የአብነት ማጣቀሻ ተለዋዋጭ ማጠቃለያ

ምዕራፍ 5. የኢንተር አካላት ግንኙነት

  • የግንኙነት መሰረታዊ ነገሮች
  • የውሂብ ፍሰት አርክቴክቸር
  • ልጁ ውሂብ እንዲቀበል በማዘጋጀት ላይ
  • ከወላጅ ውሂብ ይላኩ።
  • ስለ ባህሪያት ቅንብር ተጨማሪ
  • ከአንድ አካል የተኩስ ክስተት
  • @ውጤት() Example – የልጅ አካል @ውፅዓት() ዘፀample - የወላጅ አካል
  • ባለ ሁለት መንገድ ማሰሪያ
  • በወላጅ ውስጥ ባለ ሁለት መንገድ የውሂብ ትስስርን ማዋቀር
  • ማጠቃለያ

ምዕራፍ 6. አብነት የሚነዱ ቅጾች

  • አብነት የሚነዱ ቅጾች
  • ቅጾችን ማስመጣት ሞጁል
  • መሰረታዊ አቀራረብ
  • ቅጽ በማዘጋጀት ላይ
  • የተጠቃሚ ግቤት በማግኘት ላይ
  • የngForm ባህሪን በመተው ላይ
  • ቅጹን ያስጀምሩ
  • ባለሁለት መንገድ የውሂብ ትስስር
  • የቅጽ ማረጋገጫ
  • የማዕዘን ማረጋገጫዎች
  • ክፍሎችን ተጨማሪ የግቤት ዓይነቶችን በመጠቀም የማረጋገጫ ሁኔታን በማሳየት ላይ
  • አመልካች ሳጥኖች
  • (ወደ ታች ውረድ) መስኮችን ይምረጡ
  • የመምረጥ (ወደ ታች ውረድ) የቀን መስኮችን የማቅረብ አማራጮች
  • የሬዲዮ አዝራሮች
  • ማጠቃለያ

ምዕራፍ 7. ምላሽ ሰጪ ቅጾች

  • ምላሽ ሰጪ ቅጾች በላይview
  • የግንባታ ብሎኮች
  • ReactiveFormsModule አስመጣ
  • ቅጽ ይገንቡ
  • አብነቱን ይንደፉ
  • የግቤት እሴቶችን በማግኘት ላይ
  • የግቤት መስኮችን ማስጀመር
  • የቅጽ ዋጋዎችን ማቀናበር
  • ለግቤት ለውጦች መመዝገብ
  • ማረጋገጫ
  • አብሮገነብ አረጋጋጮች
  • የማረጋገጫ ስህተት በማሳየት ላይ
  • ብጁ አረጋጋጭ
  • ብጁ ማረጋገጫን በመጠቀም
  • ወደ ብጁ አረጋጋጭ ማዋቀር
  • FormArray - በተለዋዋጭ ግቤቶችን ያክሉ
  • FormArray - የክፍለ አካል ክፍል
  • FormArray - አብነት
  • FormArray - እሴቶች
  • ንዑስ ፎርም ቡድኖች - የአካላት ክፍል
  • ንዑስ ፎርም ቡድኖች – HTML አብነት
  • ለምን ንዑስ ፎርም ቡድኖችን ተጠቀም
  • ማጠቃለያ

ምዕራፍ 8. አገልግሎቶች እና ጥገኝነት መርፌ

  • አገልግሎት ምንድን ነው?
  • መሰረታዊ አገልግሎት መፍጠር
  • የአገልግሎት ክፍል
  • ጥገኝነት መርፌ ምንድን ነው?
  • የአገልግሎት ምሳሌ በመርፌ መስጠት
  • መርፌዎች
  • ኢንጀክተር ተዋረድ
  • አገልግሎቱን በ Root Injector መመዝገብ
  • አገልግሎቱን በክፍል ኢንጀክተር መመዝገብ
  • በባህሪ ሞዱል ኢንጀክተር አገልግሎት ያስመዝግቡ
  • አገልግሎት የት መመዝገብ ይቻላል?
  • ተለዋጭ የትግበራ ጥገኝነት መርፌ እና @ አስተናጋጅ በማቅረብ በሌሎች ቅርሶች ላይ ጥገኛ መርፌ
  • ጥገኛ መርፌ እና @አማራጭ
  • ማጠቃለያ

ምዕራፍ 9. HTTP ደንበኛ

  • የ Angular HT TP ደንበኛ
  • የቲ ኤችቲቲ ቲፒ ደንበኛን በመጠቀም - በላይview
  • HttpClientModule በማስመጣት ላይ
  • HttpClient በመጠቀም አገልግሎት
  • የGET ጥያቄ በማቅረብ ላይ
  • ሊታይ የሚችል ነገር ምን ያደርጋል?
  • አገልግሎቱን በክፍል ውስጥ መጠቀም
  • የሰዎች አገልግሎት የደንበኛ አካል ስህተት አያያዝ
  • የስህተት ነገሩን ማበጀት።
  • የPOST ጥያቄ ማድረግ
  • የPUT ጥያቄ ማቅረብ
  • የ Delete ጥያቄን በማቅረብ ላይ

ምዕራፍ 10. የቧንቧ እና የውሂብ ቅርጸት

  • ቧንቧዎች ምንድን ናቸው?
  • አብሮገነብ ቧንቧዎች
  • በኤችቲኤምኤል አብነት ሰንሰለት ቧንቧዎች ውስጥ ቧንቧዎችን መጠቀም
  • አለም አቀፍ ፓይፖች (i18n) የአካባቢ ውሂብን በመጫን ላይ
  • ቀን ቧንቧ
  • ቁጥር ፓይፕ
  • የምንዛሬ ቧንቧ
  • ብጁ ቧንቧ ይፍጠሩ
  • ብጁ ፓይፕ Example
  • ብጁ ቧንቧዎችን መጠቀም
  • ከ ngFor ጋር ፓይፕ መጠቀም
  • የማጣሪያ ቧንቧ
  • የቧንቧ ምድብ: ንጹህ እና ንጹህ
  • ማጠቃለያ
  • የተጣራ ቧንቧ Example
  • ንጹሕ ያልሆነ ቧንቧ Example
  • ማጠቃለያ

ምዕራፍ 11. የነጠላ ገጽ ማመልከቻዎች መግቢያ

  • የአንድ ነጠላ ገጽ መተግበሪያ (SPA) ባህላዊ ምንድነው? Web መተግበሪያ
  • SPA የስራ ፍሰት
  • ነጠላ ገጽ መተግበሪያ አድቫንtages HTML5 ታሪክ ኤፒአይ
  • የSPA ተግዳሮቶች
  • የማዕዘን ማጠቃለያን በመጠቀም የ SPA ን መተግበር

ምዕራፍ 12. የማዕዘን አካል ራውተር

  • አካል ራውተር
  • View አሰሳ
  • የ Angular Router API
  • ራውተር የነቃ መተግበሪያ መፍጠር
  • የተጠለፉ አካላትን ማስተናገድ
  • አገናኞችን እና አዝራሮችን በመጠቀም አሰሳ
  • ፕሮግራማዊ ዳሰሳ
  • ማለፊያ መስመር መለኪያዎች
  • ከመንገድ መለኪያዎች ጋር ማሰስ
  • የመንገድ መለኪያ እሴቶችን ማግኘት
  • የመንገዱን መለኪያ በተመሳስሎ በማውጣት ላይ
  • የመንገዱን መለኪያ ሳይመሳሰል ሰርስሮ በማውጣት ላይ
  • የጥያቄ መለኪያዎች
  • የጥያቄ መለኪያዎችን በማቅረብ ላይ
  • የጥያቄ መለኪያዎችን ሳይመሳሰል በማምጣት ላይ
  • በእጅ ጋር ችግሮች URL መግቢያ እና ዕልባት ማድረግ
  • ማጠቃለያ

ምዕራፍ 13. የላቀ HTTP ደንበኛ

  • አማራጮችን ጠይቅ
  • የኤችቲቲፒ ምላሽ ነገርን በመመለስ ላይ
  • የጥያቄ ራስጌዎችን በማቀናበር ላይ
  • አዲስ ታዛቢዎችን መፍጠር
  • ቀላል የሚታይን መፍጠር
  • ሊታይ የሚችል የገንቢ ዘዴ ታዛቢ ኦፕሬተሮች
  • ካርታው እና ማጣሪያ ኦፕሬተሮች
  • FlatMap() ኦፕሬተር
  • መታ () ኦፕሬተር
  • ዚፕ () አጣማሪ
  • የኤችቲቲ ቲፒ ምላሽን በመሸጎጥ ላይ
  • ተከታታይ የኤችቲቲ ቲፒ ጥሪዎችን ማድረግ
  • ትይዩ ጥሪዎችን ማድረግ
  • የስህተት ነገርን በመያዝ ስህተት() ማበጀት
  • የቧንቧ መስመር ላይ ስህተት
  • የማገገም ስህተት
  • ማጠቃለያ

ምዕራፍ 14. የማዕዘን ሞጁሎች

  • ለምን Angular Modules?
  • የሞዱል ክፍል አናቶሚ
  • @NgModule ባህሪያት
  • የባህሪ ሞጁሎች
  • Example Module መዋቅር
  • የጎራ ሞጁል ይፍጠሩ
  • የተዘዋዋሪ/የማዞሪያ ሞዱል ጥንድ ይፍጠሩ
  • የአገልግሎት ሞጁል ይፍጠሩ
  • የተለመዱ ሞጁሎችን መፍጠር

ምዕራፍ 15. የላቀ መስመር

  • ማዘዋወር የነቃ የባህሪ ሞዱል
  • የባህሪ ሞጁሉን በመጠቀም
  • የባህሪ ሞጁሉን ሲጭን ሰነፍ
  • ለባህሪ ሞዱል አካላት አገናኞችን መፍጠር
  • ስለ ሰነፍ ጭነት ተጨማሪ
  • ሞጁሎችን አስቀድመው በመጫን ላይ
  • ነባሪ መስመር
  • የዱር ካርድ መስመር መንገድ
  • ማዞር ወደ
  • የልጆች መንገዶች
  • የልጅ መንገዶችን መግለጽ
  • ለህጻናት መንገዶች
  • የህፃናት መንገዶች አገናኞች
  • የአሰሳ ጠባቂዎች
  • የጥበቃ አተገባበር መፍጠር
  • በመንገድ ላይ ጠባቂዎችን መጠቀም
  • ማጠቃለያ

ምዕራፍ 16. የክፍል ሙከራ የማዕዘን አፕሊኬሽኖች

  • የክፍል ሙከራ የማዕዘን ቅርሶች
  • የሙከራ መሣሪያዎች
  • የተለመዱ የሙከራ ደረጃዎች
  • የፈተና ውጤቶች
  • ጃስሚን የሙከራ Suites
  • ጃስሚን ዝርዝሮች (የክፍል ሙከራዎች)
  • የሚጠበቁ (ማስረጃዎች)
  • ተዛማጆች
  • Exampተዛማጆችን ስለመጠቀም
  • ያልሆነውን ንብረት መጠቀም
  • በUnit Test Suites ውስጥ ማዋቀር እና ማፍረስ
  • Exampከእያንዳንዱ ተግባር በፊት እና በኋላ
  • የማዕዘን ሙከራ ሞጁል
  • Example Angular የሙከራ ሞጁል
  • አገልግሎትን መሞከር
  • የአገልግሎት ምሳሌ በመርፌ መስጠት
  • የተመሳሰለ ዘዴን ይሞክሩ
  • ያልተመሳሰለ ዘዴን ይሞክሩ
  • Mock HT TP ደንበኛን በመጠቀም
  • የታሸገ ምላሽ መስጠት
  • አንድ አካል መሞከር
  • አካል ሙከራ ሞዱል
  • አካል ምሳሌ መፍጠር
  • የ ComponentFixture ክፍል
  • የመሠረታዊ አካላት ሙከራዎች
  • የአራሚ ክፍል
  • የተጠቃሚ መስተጋብርን ማስመሰል
  • ማጠቃለያ

ምዕራፍ 17. ማረም

  • አልቋልview የ Angular Debugging
  • Viewበአራሚ ውስጥ የTyScript ኮድ
  • የአራሚ ቁልፍ ቃል በመጠቀም
  • ማረም ምዝግብ ማስታወሻ
  • Angular DevTools ምንድን ነው?
  • Angular DevToolsን በመጠቀም
  • የማዕዘን DevTools - የአካላት መዋቅር
  • Angular DevTools – የማወቂያ ማስፈጸሚያ ለውጥ
  • የአገባብ ስህተቶችን በመያዝ ላይ
  • ማጠቃለያ

የላብራቶሪ መልመጃዎች

  • ቤተ-ሙከራ 1. የ Angular መግቢያ
  • ቤተ ሙከራ 2. የTyScript መግቢያ
  • ቤተ-ሙከራ 3. ስለ አካላት መግቢያ
  • ቤተ-ሙከራ 4. አካል አብነት
  • ቤተ-ሙከራ 5. የፎቶ ጋለሪ አካል ይፍጠሩ
  • ቤተ-ሙከራ 6. አብነት የሚነዳ ቅጽ
  • ላብራቶሪ 7. የአርትዖት ቅጽ ይፍጠሩ
  • ቤተ-ሙከራ 8. ምላሽ ሰጪ ቅጽ
  • ቤተ-ሙከራ 9. አገልግሎት ማዳበር
  • ቤተ ሙከራ 10. የኤችቲቲ ቲፒ ደንበኛን ይፍጠሩ
  • ቤተ-ሙከራ 11. ቧንቧዎችን ይጠቀሙ
  • ቤተ ሙከራ 12. ራውተር ቤተ ሙከራን በመጠቀም መሰረታዊ ነጠላ ገፅ አፕሊኬሽን 13. ነጠላ ገፅ አፕሊኬሽን (SPA) ይገንቡ
  • ቤተ-ሙከራ 14. የላቀ የኤችቲቲ ቲፒ ደንበኛ
  • ቤተ-ሙከራ 15. Angular Bootstrap በመጠቀም
  • ቤተ-ሙከራ 16. ሰነፍ ሞጁል መጫን
  • ቤተ-ሙከራ 17. የላቀ መስመር
  • ቤተ ሙከራ 18. የክፍል ሙከራ
  • ቤተ-ሙከራ 19. የማዕዘን አፕሊኬሽኖችን ማረም

ትምህርቱ ለማን ነው?
ይህ ኮርስ የAngular 12 እድገት መሰረታዊ ነገሮችን መማር እና በመፍጠር ላይ ሊተገበር ለሚፈልግ ማንኛውም ሰው ያለመ ነው። web ወዲያውኑ ማመልከቻዎች. ይህንን የስልጠና ኮርስ ለትላልቅ ቡድኖች ማድረስ እና ማበጀት እንችላለን - የድርጅት ጊዜዎን ፣ ገንዘብዎን እና ሀብቶችዎን ይቆጥባል።

ቅድመ ሁኔታዎች
Web ከዚህ የአንግላር ኮርስ ምርጡን ለማግኘት HTML፣ CSS እና JavaScriptን በመጠቀም የእድገት ልምድ ያስፈልጋል። የአሳሹ DOM እውቀትም ጠቃሚ ነው። የቀደመ የ Angular ልምድ፣ ከ AngularJS ወይም ከማንኛውም የAngular ስሪት ጋር አያስፈልግም።
https://www.lumifywork.com/en-au/courses/angular-12-programming/

ሰነዶች / መርጃዎች

LUMIFY WORK አንግል 12 ፕሮግራሚንግ [pdf] የተጠቃሚ መመሪያ
Angular 12 Programming, Angular, 12 Programming, Programming

ዋቢዎች

አስተያየት ይስጡ

የኢሜል አድራሻዎ አይታተምም። አስፈላጊ መስኮች ምልክት ተደርጎባቸዋል *