අයදුම්පත සහ WEB සංවර්ධනය
කෝණික 15 ක්‍රමලේඛනය
දිග දින 5 යි
අනුවාදය 15
මෙම පාඨමාලාව හැදෑරීමට හේතුව
මෙම තීව්‍ර සහ විස්තීර්ණ කෝණික 15 පුහුණු පාඨමාලාව සහභාගිවන්නන්ට ඔවුන්ගේ කාර්යයේදී වහාම භාවිතා කළ හැකි කුසලතා ලබා දෙයි. ඔබ තනි පිටු බ්‍රවුසර යෙදුම් අයන, ප්‍රතිචාරාත්මක වැනි කෝණික 15 සංවර්ධනයේ මූලික කරුණු ඉගෙන ගනු ඇත webඅඩවි, සහ දෙමුහුන් ජංගම යෙදුම් අයන.
මෙම පා course මාලාව න්‍යායාත්මක ඉගෙනුම් සහ ප්‍රායෝගික විද්‍යාගාරවල සංයුක්ත අයනයක් වන අතර එයට කෝණික සඳහා හැඳින්වීමක් ඇතුළත් වේ, ඉන්පසු TypeScript, සංරචක, සෘජු ives, සේවා, HTTPClient, testing, සහ debugging.
සටහන: අපට Angular හි අනෙකුත් අනුවාද පිළිබඳවද පුහුණුව ලබා දිය හැක. විමසීමක් කිරීමට හෝ ඔබේ උනන්දුව ලියාපදිංචි කිරීමට කරුණාකර අප හා සම්බන්ධ වන්න.
LUMIFY වැඩෙහි කෝණික
ඔබ ඉගෙන ගන්නා දේ
මෙම පාඨමාලාව සාර්ථකව නිම කිරීමෙන් පසු, ඔබට පහත දැනුම ලැබෙනු ඇත:
- Typescript භාවිතයෙන් තනි පිටු කෝණික යෙදුම් අයන සංවර්ධනය කරන්න
- සම්පූර්ණ කෝණික සංවර්ධන පරිසරයක් සකසන්න
- සංරචක, සෘජු ives, සේවා, පයිප්ප, ආකෘති සහ අභිරුචි වලංගු කරන්නන් සාදන්න
- Observables භාවිතයෙන් උසස් ජාල දත්ත ලබාගැනීමේ කාර්යයන් හසුරුවන්න
- REST වෙතින් දත්ත පරිභෝජනය කරන්න web කෝණික HTTP සේවාලාභියා භාවිතා කරන සේවා
- භාවිතා කරමින් push-data සම්බන්ධක අයන හසුරුවන්න Webසොකට් ප්රොටෝකෝලය
- දත්ත හැඩතල ගැන්වීම සඳහා කෝණික පයිප්ප සමඟ වැඩ කරන්න
- උසස් කෝණික සංරචක රවුටර විශේෂාංග භාවිතා කරන්න
- සාදන ලද මෙවලම් භාවිතයෙන් කෝණික යෙදුම් අයන පරීක්ෂා කර දෝෂහරණය කරන්න
- Angular CLI සමඟ වැඩ කරන්න
මගේ නිශ්චිත තත්ත්වයට අදාළ සැබෑ ලෝකයේ අවස්ථා තුළට දර්ශන ඇතුළත් කිරීමට මගේ උපදේශකයාට හැකි වීම විශිෂ්ට විය.
මා පැමිණි මොහොතේ සිටම සාදරයෙන් පිළිගැනීමට සැලැස්වූ අතර අපගේ තත්වයන් සහ අපගේ ඉලක්ක ගැන සාකච්ඡා කිරීමට පන්ති කාමරයෙන් පිටත කණ්ඩායමක් ලෙස වාඩි වීමේ හැකියාව අතිශයින් වටිනා විය.
මම බොහෝ දේ ඉගෙන ගත් අතර මෙම පා course මාලාවට සහභාගී වීමෙන් මගේ ඉලක්ක සපුරා ගැනීම වැදගත් යැයි මට හැඟුණි.
නියම වැඩක් Lumify Work කණ්ඩායම.
අමන්දා නිකොල්
තොරතුරු තාක්ෂණ උපකාරක සේවා කළමනාකරු - සෞඛ්‍ය ලෝක සීමා
පාඨමාලා විෂයයන්
- කෝණික හඳුන්වා දීම
• Angular යනු කුමක්ද?
• කෝණික රාමුවේ මධ්යම ලක්ෂණ
• සුදුසු භාවිත අවස්ථා
• කෝණික යෙදුමක ගොඩනැඟිලි කොටස්
• කෝණික යෙදුමක මූලික ගෘහ නිර්මාණ ශිල්පය
• කෝණික ස්ථාපනය සහ භාවිතා කිරීම
• කෝණික යෙදුම් අයනයක ව්‍යුහ විද්‍යාව
• යෙදුම් අයනය ධාවනය කිරීම
• යෙදුම ගොඩ නැගීම සහ යෙදවීම
• ස්වදේශීය ජංගම යෙදුම් සඳහා කෝණික - TypeScript සඳහා හැඳින්වීම
• කෝණික භාවිතය සඳහා ක්‍රමලේඛන භාෂා
• TypeScript Syntax
• ක්‍රමලේඛන සංස්කාරකවරුන්
• වර්ග පද්ධතිය - Def ining Variables
• වර්ග පද්ධතිය - Def ining Arrays
• මූලික ප්‍රාථමික වර්ග
• ක්‍රියාකාරී අයන ටයිප් කරන්න
• අනුමාන වර්ගය
• පන්ති නිර්වචනය කිරීම
• පන්ති ක්‍රම
• දෘශ්‍යතා පාලනය
• පන්ති ඉදිකිරීම්කරුවන්
• පන්ති ඉදිකිරීම්කරුවන් - විකල්ප පෝරමය
• ආරම්භ නොකළ ක්ෂේත්ර
• අතුරුමුහුණත්
• ES6 මොඩියුල සමඟ වැඩ කිරීම
• var vs let
• ඊතල කාර්යයන්
• Arrow Function Compact Syntax
• සැකිලි තන්තු
• පන්තියේ Generics
• ක්‍රියාකාරී අයනයේ සාමාන්‍ය - සංරචක
• සංරචකයක් යනු කුමක්ද?
• Example සංරචකය
• කෝණික CLI භාවිතයෙන් සංරචකයක් නිර්මාණය කිරීම
• සංරචක පන්තිය
• @Component Decorator
• සංරචකයක් එහි මොඩියුලයට ලියාපදිංචි කිරීම
• සංරචක සැකිල්ල
• උදාample: HelloComponent සැකිල්ල
• උදාample: HelloComponent පන්තිය
• සංරචකයක් භාවිතා කිරීම
• යෙදුම ධාවනය කරන්න
• සංරචක ධුරාවලිය
• යෙදුම් අයන මූල සංරචකය
• Bootstrap File
• සංරචක ජීවන චක්‍ර කොකු
• උදාample Lifecycle Hooks
• CSS මෝස්තර - සංරචක සැකිලි
• සැකිලි
• සැකිලි ස්ථානය
• උඩු රැවුල {{ }} වාක්‍ය ඛණ්ඩය
• DOM මූලද්‍රව්‍ය ගුණාංග සැකසීම
• මූලද්‍රව්‍ය අන්තර්ගත පෙළ සැකසීම
• සිදුවීම් බැඳීම
• ප්‍රකාශන සිදුවීම් හසුරුවන්නා
• පෙරනිමියෙන් හැසිරවීම වැළැක්වීම
• ගුණාංග විධාන
• CSS පන්ති වෙනස් කිරීමෙන් මෝස්තර යොදන්න
• උදාample: ngClass
• ශෛලීන් සෘජුව යෙදීම
• ව්‍යුහාත්මක විධාන
• කොන්දේසි සහිතව සැකිල්ල ක්‍රියාත්මක කරන්න
• උදාample: ngIf
• ngFor භාවිතා කරමින් ලූප කිරීම
• ng දේශීය විචල්‍යයන් සඳහා
• එකතුව හැසිරවීම
• උදාample - අයිතමයක් මකා දැමීම
• ngFor සමඟ අයිතම ලුහුබැඳීම
• ngSwitch සමඟ මූලද්‍රව්‍ය මාරු කිරීම
• මූලද්‍රව්‍ය සමූහගත කිරීම
• සැකිලි යොමු විචල්‍යය - අන්තර් සංරචක සන්නිවේදනය
• සන්නිවේදන මූලික කරුණු
• දත්ත ප්රවාහ ගෘහ නිර්මාණ ශිල්පය
• දත්ත ලබාගැනීමට දරුවා සූදානම් කිරීම
• දෙමාපියන්ගෙන් දත්ත යවන්න
• ගුණාංග සැකසීම ගැන වැඩි විස්තර
• සංරචකයකින් වෙඩි තැබීමේ සිදුවීම
• @ප්‍රතිදානය() උදාample - ළමා සංරචක
• @ප්‍රතිදානය() උදාample - මාපිය සංරචකය
• සම්පූර්ණ ද්වි මාර්ග බැඳීම
• මාපිය තුළ ද්වි මාර්ග දත්ත බන්ධනය සැකසීම - සැකිල්ල සහ ධාවනය වන ආකෘති
• සැකිලි ධාවනය වන ආකෘති
• ආකෘති මොඩියුල ආනයනය කිරීම
• මූලික ප්රවේශය
• පෝරමයක් සැකසීම
• පරිශීලක ආදානය ලබා ගැනීම
• ngForm ගුණාංගය මඟ හැරීම
• පෝරමය ආරම්භ කරන්න
• ද්වි මාර්ග දත්ත බැඳීම
• පෝරමය වලංගු කිරීම
• කෝණික වලංගුකාරක
• පන්ති භාවිතා කරමින් Validat ion State ප්‍රදර්ශනය කිරීම
• අමතර ආදාන වර්ග
• පිරික්සුම් කොටු
• (Drop Down) ක්ෂේත්ර තෝරන්න
• තේරීම සඳහා විදැහුම්කරණ විකල්ප (ඩ්‍රොප් ඩවුන්)
• දින ක්ෂේත්ර
• ගුවන්විදුලි බොත්තම් - ප්රතික්රියාකාරක ආකෘති
• ප්‍රතික්‍රියා පෝරම අවසන්view
• ගොඩනැගිලි කුට්ටි
• Reactive FormsModule ආයාත කරන්න
• පෝරමයක් සාදන්න
• සැකිල්ල සැලසුම් කරන්න
• ආදාන අගයන් ලබා ගැනීම
• ආදාන ක්ෂේත්ර ආරම්භ කිරීම
• ආකෘති අගයන් සැකසීම
• ආදාන වෙනස්කම් වලට දායක වීම
• වලංගුකරණය
• බිල්ට් වලංගු කරන්නන්
• වලංගු කිරීමේ දෝෂයක් පෙන්වමින්
• අභිරුචි වලංගුකාරකය
• අභිරුචි වලංගුකාරකයක් භාවිතා කිරීම
• Custom Validator වෙත වින්‍යාසය සැපයීම
• FormArray - ගතිකව ආදාන එකතු කරන්න
• FormArray - සංරචක පන්තිය
• FormArray – The Template
• FormArray - අගයන්
• උප පෝරම කණ්ඩායම් - සංරචක පන්තිය
• උප පෝරම කණ්ඩායම් - HTML සැකිල්ල
• උප පෝරම කණ්ඩායම් භාවිතා කරන්නේ ඇයි - සේවා සහ යැපුම් එන්නත්
• සේවාවක් යනු කුමක්ද?
• මූලික සේවාවක් නිර්මාණය කිරීම
• සේවා පන්තිය
• යැපුම් එන්නත් යනු කුමක්ද?
• සේවා අවස්ථාවක් එන්නත් කිරීම
• ඉන්ජෙක්ටර්
• ඉන්ජෙක්ටර් ධුරාවලිය
• Root Injector සමඟ සේවාවක් ලියාපදිංචි කිරීම
• සංරචක ඉන්ජෙක්ටරයක් සමඟ සේවාවක් ලියාපදිංචි කිරීම
• විශේෂාංග මොඩියුල ඉන්ජෙක්ටරයක් සමඟ සේවාවක් ලියාපදිංචි කරන්න
• සේවාවක් ලියාපදිංචි කළ යුත්තේ කොතැනින්ද?
• වෙනත් කෞතුක භාණ්ඩවල යැපුම් එන්නත් කිරීම
• විකල්ප ක්‍රියාත්මක කිරීමක් සැපයීම
• යැපුම් එන්නත් සහ @Host
• යැපුම් එන්නත් සහ @විකල්ප - HTTP සේවාදායකයා
• කෝණික HTTP සේවාලාභියා
• HTTP සේවාලාභියා භාවිතා කිරීම - අවසන්view
• HttpClientModule ආයාත කරන්න
• HttpClient භාවිතා කරන සේවාව
• GET ඉල්ලීමක් කිරීම
• නිරීක්ෂණය කළ හැකි වස්තුවක් කරන්නේ කුමක්ද?
• සංරචකයක සේවාව භාවිතා කිරීම
• PeopleService Client සංරචකය
• දෝෂ හැසිරවීම
• Error Object අභිරුචිකරණය කිරීම
• POST ඉල්ලීමක් කිරීම
• PUT ඉල්ලීමක් කිරීම
• මකන්න ඉල්ලීමක් කිරීම - පයිප්ප සහ දත්ත හැඩතල ගැන්වීම
• පයිප්ප යනු කුමක්ද?
• බිල්ට්-ඉන් පයිප්ප
• HTML සැකිල්ල තුළ පයිප්ප භාවිතා කිරීම
• දම්වැල් පයිප්ප
• ජාත්‍යන්තර අයනීකරණය කරන ලද පයිප්ප (i18n)
• ස්ථානීය දත්ත පූරණය කිරීම
• දිනය නළය
• අංකය පයිප්ප
• මුදල් පයිප්ප
• අභිරුචි පයිප්පයක් සාදන්න
• අභිරුචි පයිප්ප Example
• අභිරුචි පයිප්ප භාවිතා කිරීම
• ngFor සමඟ නලයක් භාවිතා කිරීම
• පෙරහන නලයක්
• පයිප්ප කාණ්ඩය: පිරිසිදු සහ අපිරිසිදු
• Pure Pipe Example
• අපිරිසිදු පයිප්ප Example - තනි පිටු යෙදුම් සඳහා හැඳින්වීම
• තනි පිටු යෙදුම් අයනයක් (SPA) යනු කුමක්ද?
• සම්ප්රදායික Web යෙදුම
• SPA කාර්ය ප්රවාහය
• තනි පිටු අයදුම් Advantages
• HTML5 ඉතිහාස API
• SPA අභියෝග
• කෝණික භාවිතා කරමින් SPA ක්‍රියාත්මක කිරීම - කෝණික සංරචක රවුටරය
• සංරචක රවුටරය
• View සංචලනය
• කෝණික රවුටර API
• Router Enabled Application එකක් නිර්මාණය කිරීම
• මාර්ගගත සංරචක සත්කාරකත්වය
• සබැඳි සහ බොත්තම් භාවිතයෙන් සංචලනය
• වැඩසටහන් සංචාලනය
• ගමන් මාර්ග පරාමිතීන්
• මාර්ග පරාමිතීන් සමඟ සැරිසැරීම
• මාර්ග පරාමිති අගයන් ලබා ගැනීම
• මාර්ග පරාමිතිය සමමුහුර්තව ලබා ගැනීම
• මාර්ග පරාමිතියක් අසමමුහුර්තව ලබා ගැනීම
• විමසුම් පරාමිතීන්
• විමසුම් පරාමිතීන් සැපයීම
• විමසුම් පරාමිති අසමමුහුර්තව ලබා ගැනීම
• අත්පොත සමඟ ගැටළු URL ඇතුල්වීම සහ පිටු සලකුණු කිරීම - උසස් HTTP සේවාදායකයා
• ඉල්ලීම් විකල්ප
• HttpResponse වස්තුවක් ආපසු ලබා දීම
• ඉල්ලීම් ශීර්ෂ සැකසීම
• නව නිරීක්ෂණ නිර්මාණය කිරීම
• සරල නිරීක්ෂණයක් නිර්මාණය කිරීම
• නිරීක්ෂණය කළ හැකි ඉදිකිරීම් ක්‍රමය
• නිරීක්ෂණය කළ හැකි ක්රියාකරුවන්
• සිතියම සහ පෙරහන් ක්රියාකරුවන්
• පැතලි සිතියම () ක්රියාකරු
• ටැප්() ක්රියාකරු
• zip() සංයුක්තකාරකය
• HTTP ප්‍රතිචාරය හැඹිලිගත කිරීම
• අනුක්‍රමික HTTP ඇමතුම් ලබා ගැනීම
• සමාන්තර ඇමතුම් ලබා ගැනීම
• catchError() සමඟින් දෝෂ වස්තුව අභිරුචිකරණය
• නල මාර්ගයේ දෝෂයක්
• දෝෂ ප්‍රතිසාධනය - කෝණික මොඩියුල
• කෝණික මොඩියුල ඇයි?
• මොඩියුල පන්තියක ව්‍යුහ විද්‍යාව
• @NgModule ගුණාංග
• විශේෂාංග මොඩියුල
• උදාample මොඩියුල ව්යුහය
• වසම් මොඩියුලයක් සාදන්න
• Routed/Routing Module Pair එකක් සාදන්න
• සේවා මොඩියුලයක් සාදන්න
• පොදු මොඩියුල නිර්මාණය කිරීම
• එක් මොඩියුලයකින් තවත් මොඩියුලයක් භාවිතා කිරීම - උසස් මාර්ගගත කිරීම
• Routing Enabled Feature Module
• විශේෂාංග මොඩියුලය භාවිතා කිරීම
• කම්මැලි විශේෂාංග මොඩියුලය පූරණය කිරීම
• විශේෂාංග මොඩියුල සංරචක සඳහා සබැඳි නිර්මාණය කිරීම
• Lazy Loading ගැන වැඩි විස්තර
• පූර්ව පූරණය මොඩියුල
• routerLinkActive බන්ධනය
• පෙරනිමි මාර්ගය
• වයිල්ඩ්කාඩ් මාර්ග මාර්ගය
• වෙත හරවා යැවීම
• ළමා මාර්ග
• ළමා මාර්ග සඳහා ළමා මාර්ග නිර්වචනය කිරීම
• ළමා මාර්ග සඳහා සබැඳි
• නාවික ආරක්ෂකයින්
• ආරක්ෂක ක්‍රියාත්මක කිරීම් නිර්මාණය කිරීම
• මාර්ගයක ආරක්ෂකයින් භාවිතා කිරීම - ඒකක කෝණික යෙදුම් පරීක්ෂා කිරීම
• ඒකක පරීක්ෂණ කෝණික කෞතුක වස්තු
• පරීක්ෂණ මෙවලම්
• සාමාන්‍ය පරීක්ෂණ පියවර
• පරීක්ෂණ ප්රතිඵල
• ජැස්මින් ටෙස්ට් කට්ටල
• Jasmine Specs (ඒකක පරීක්ෂණ)
• අපේක්ෂාවන් (උත්සාහ අයන)
• තරඟකරුවන්
• උදාamples of Using Matchers
• නොවන දේපල භාවිතා කිරීම
• Unit Test Suites තුළ පිහිටුවීම සහ ඉරා දැමීම
• උදාampඑක් එක් කාර්යයට පෙර සහ පසු
• කෝණික පරීක්ෂණ මොඩියුලය
• උදාample කෝණික පරීක්ෂණ මොඩියුලය
• සේවාවක් පරීක්ෂා කිරීම
• සේවා අවස්ථාවක් එන්නත් කිරීම
• සමමුහුර්ත ක්‍රමයක් පරීක්ෂා කරන්න
• Asynchronous Method එකක් පරීක්ෂා කරන්න
• Mock HTTP සේවාලාභියා භාවිතා කිරීම
• ටින් කළ ප්‍රතිචාර සැපයීම
• සංරචකයක් පරීක්ෂා කිරීම
• සංරචක පරීක්ෂණ මොඩියුලය
• සංරචක අවස්ථාවක් නිර්මාණය කිරීම
• ComponentFixture පන්තිය
• මූලික සංරචක පරීක්ෂණ
• DebugElement පන්තිය
• පරිශීලක අන්තර්ක්‍රියා අනුකරණය කිරීම - නිදොස් කිරීම
• ඉවරයිview කෝණික නිදොස්කරණය
• Viewනිදොස්කරණයේ TypeScript කේතය
• debugger Keyword භාවිතා කිරීම
• Debug Logging
• Angular DevTools යනු කුමක්ද?
• Angular DevTools භාවිතා කිරීම
• කෝණික DevTools - සංරචක ව්යුහය
• Angular DevTools – Detect ion Execut ion වෙනස් කරන්න
• සින්ටැක්ස් දෝෂ අල්ලා ගැනීම
පාඨමාලාව කා සඳහාද?
මෙම පා course මාලාව ඉලක්ක කර ඇත්තේ කෝණික 15 සංවර්ධනයේ මූලික කරුණු ඉගෙන ගෙන එය නිර්මාණය කිරීමට කෙලින්ම යෙදිය යුතු ඕනෑම කෙනෙකුට ය. web අයදුම්පත්.
ඔබේ සංවිධානයේ කාලය, මුදල් සහ සම්පත් ඉතිරි කර ගනිමින් - විශාල කණ්ඩායම් සඳහා මෙම පුහුණු පාඨමාලාව ලබා දීමට සහ අභිරුචිකරණය කිරීමට අපට හැකිය. වැඩි විස්තර සඳහා කරුණාකර විද්‍යුත් තැපෑලෙන් අප හා සම්බන්ධ වන්න ph.training@lumifywork.com
පූර්වාවශ්යතාවයන්
- Web මෙම කෝණික පාඨමාලාවෙන් උපරිම ප්‍රයෝජන ලබා ගැනීමට HTML, CSS සහ JavaScript භාවිතා කරන සංවර්ධන අත්දැකීම් අවශ්‍ය වේ
- DOM බ්‍රවුසරයේ දැනුමද ප්‍රයෝජනවත් වේ
- Angular හෝ AngularJS පිළිබඳ පූර්ව පළපුරුද්දක් අවශ්‍ය නොවේ
Lumify Work මගින් මෙම පාඨමාලා සැපයීම වෙන්කිරීමේ නියමයන් සහ කොන්දේසි මගින් පාලනය වේ.
කරුණාකර මෙම පාඨමාලා සඳහා ඇතුළත් වීමට පෙර නියමයන් සහ කොන්දේසි හොඳින් කියවන්න e, මෙම පාඨමාලාවට ඇතුළත් වීම මෙම නියමයන් සහ කොන්දේසි පිළිගැනීම මත කොන්දේසි සහිත වේ.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
ලේඛන / සම්පත්
 |
LUMIFY WORK Angular 15 වැඩසටහන්කරණය [pdf] පරිශීලක මාර්ගෝපදේශය කෝණික 15 ක්‍රමලේඛනය, ක්‍රමලේඛනය |
