p { margin-top:20px; margin-bottom:20px; } pre { text-indent: 0px; }
(FRONT) FRONT (2022)

<< Back Angular brief NS

Native script lecture from Maximilian Schwarzmüller

1. Module Introduction.mp4
2. What is Angular.mp4
3. Single Page Applications (SPAs) in Angular & NativeScript.mp4
4. Understanding Components.mp4
5. Installing Angular with the Command Line Interface (CLI).mp4
6. Installing our IDE.mp4
7. Understanding the Angular Project Folder Structure.mp4
8. The App Component.mp4
10. Cross Component Communication with Property Binding.mp4
11. Understanding Directives & String Interpolation.mp4
12. Handling User Input.mp4
13. Understanding Event Binding.mp4
14. Executing Methods with Local References.mp4
15. Understanding Two Way Binding.mp4
16. Passing Data Up With a Custom Event.mp4
17. Implementing Routing.mp4
18. Setting Up Services.mp4
19. Using the Service with Dependency Injection.mp4
20. Working with Lifecycle Hooks.mp4
21. Adding a Person with Services.mp4
22. Navigating Between Components.mp4
23. Removing Items On Click.mp4
24. Implementing an Active Push Mechanism.mp4
26. Sending HTTP Requests.mp4
27. Showing a Placeholder Whilst Waiting for a Response.mp4
28. Wrap Up.mp4

1. Bootstrap (starter), root component.

2. Decorator (Metadata, attribute) https://angular.io/api?type=decorator.



3. Component, selector. https://angular.io/guide/architecture



4. Style (component has array of styles).

5. Shortcut to variable declaration in DI-container.

6. Implement from page lifecycle https://angular.io/guide/lifecycle-hooks, extend class.



7. Common module with all links to component

8. Direct link <a href=""> reset page, replace it to routerNavigarion Link through router dispatcher.

9. Routing module. Const Routes.

10. Input/Output parameters of control (component).

11. [...] Property binding.

12. [(...)] Property binding in Forms with NgModel.

13. {{..}} Two way databinding.

14. # Ref to html element in component.

15. (...) Html event

16. Raise event - emit event, generic, property binding, subscribe to emitted events, #events - events parameters. https://angular.io/api/core/EventEmitter.



17. Inject service, and raise event in correct lifecycle place.

18. [] Array (of numeric, string).

19. {} JS empty object.

20. JS Array.push.

21. => JS action/function.

22. => JS array filter.

23. $ JS string. https://angular.io/guide/rx-library


24. JS Map function https://www.digitalocean.com/community/tutorials/4-uses-of-javascripts-arraymap-you-should-know , https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map.


25. implement string as JS in directives *ngfor, *ngif.

26. Inject service, property binding, JS inside directives *ngfor, *ngif.

27. RxJs - inject Subject, Root level service, subject is generic.

28. Workflow - subscribe perform as online event, outside of sequential command executing. https://angular.io/guide/observables-in-angular



29. Mandatory destroy Observable object (Subscription) in RxJs to avoid memory leak.

30. Import and Inject HttpClient module.

31. Get and Generic GET with HttpClient.

32. Subscribe to observable events. https://angular.io/guide/comparing-observables



33. RxJs Pipe and Map. https://angular.io/guide/rx-library. RxJs map vs JS map.



34. Conditionally add "Fetching".

Command line reference - https://angular.io/cli

Live example https://angular.io/guide/example-apps-list.



Related page:



Comments ( )
<00>  <01>  <02>  <03>  <04>  <05>  <06>  <07>  <08>  <09>  <10>  <11>  <12>  <13>  <14>  <15>  <16>  <17>  <18>  <19>  <20>  <21>  <22>  <23> 
Link to this page: http://www.vb-net.com/AngularBriefNS/Index.htm
<SITEMAP>  <MVC>  <ASP>  <NET>  <DATA>  <KIOSK>  <FLEX>  <SQL>  <NOTES>  <LINUX>  <MONO>  <FREEWARE>  <DOCS>  <ENG>  <CHAT ME>  <ABOUT ME>  < THANKS ME>