AngularProgramming Languages

Angular

[[MorningProcess]] - When you start developing an application in Angular, there’s a process you usually start at the beginning of the day.

Parts of Angular

  • [[Commands]] - Angular as a command line interface (CLI) used to generate code. That interface is described in this link.

  • [[html]] - When you create a component, 3 or 4 components are created. The CSS file, an HTML file, a TS file, and a Spec.Ts file (maybe), This link talks about the html portion of an angular component.

  • [[Guard]] - A guard is a security mechanism used to protect certain routes from being executed due to security issues.

  • [[Module]] - Creating a module that will be the container of one or more components. You could imagine a Module as a top level used to organize massive projects. For example if you were developing an accounting system, maybe a GL, Payroll, Inventory, Receivable, Billing, etc. In all likelihood each of these would be a module. In reality you’ll have others as well.

  • [[Components]] - a component is like a textbox, or a calendar, or something more complex. This page describes the ngx-chart control produced by swimlane to create a barchart component. Then it describes how to add that control to an editor.

Angular topics

  • [[BuildErrors]] - A build error, is an error that the developer get’s that is thrown by Visual Studio. These errors should probably also be shown in the typescript stack since they are essentially type script compilation errors.

  • [[FirstRunErrors]] - A first run error, is an error that a developer get’s when they are testing their application in places that have never been tested.

  • [[StackBlitz]] - an online test page.

  • [[Updates]] - to bring angular environment up to date.

Forms

  • [[FormEvents]] Constructor, ngOnInit, etc.

  • [[FormFocus]] How to put focus on a field while it’s opening.

  • [[FormBuilder]] is an object used to map an object to a form within html

  • ngx-[[Bootstrap]] - This is a very popular coding style tool. Actually - ngx-bootstrap is a project created by someone else designed to perform like bootstrap but tuned to the Angular environment and without the JQuery dependancy

  • ngx-[[Markdown]] - is a control to display markdown content.

  • [[Material]] - is googles styling tool, competing against bootstrap.

  • ngx-[[Moment]]

  • [[SweetAlert]] - creates popup messages similar to javascript Alert popups only prettier.

  • [[ToastR]] - popup messages appear in a corner for a moment.