A 3-day crash course into front-end web development.
-
Include JavaScript in an HTML document
Examples: alert-hi.html
-
Variables
Examples: variable-scope.html
-
Operators
Examples: operators.html
-
Conditional and Loop Statements
Examples: if-statement.html, case-statement.html, loop-statements.html
-
Functions
Examples: functions.html
-
Events
Examples: events.html
-
Dialog Boxes
Examples: dialog.boxes.html
-
User-Defined Objects
Examples: object-1.html, object-2.html, object-with-method.html
-
Native Objects
Examples: regex.html
-
Closures, Callbacks and Recursion
Examples: closure-issue.html, closure-1.html, closure-2.html, recursion.html, for-for.html
-
Iteration structures
Examples: iteration.html
-
Prototype
Examples: prototype.html
-
Inheritance
Examples: template-pattern.html
-
Document Object Model (DOM)
Examples: dom-old-way.html, dom-inner-html.html
-
Error Handling
Examples: throw.html, onerror.html
-
Basic Types
Examples: basic-types
-
Variable Declarations
Examples: variable-declarations
-
Interfaces
Examples: interfaces
-
Classes
Examples: classes
-
Functions
Examples: functions
-
Enums
Examples: enums
-
Type Inference
Examples: type-inference
-
Type Compatibility
Examples: type-compatibility
-
Advanced Types
Examples: advanced-types
-
Utility types
Examples: utility-types
-
New in TypeScript 4
Examples: typescript-4
-
Attribute, class & style bindings
Examples: user-inputs, emitter
-
Forms
Examples: debounce, emitter, model vs template-driven
-
Pipes
Examples: pipes, async-pipe
-
Custom Attribute Directive
Examples: attribute-directive
-
Observables vs Promises
Examples: observables-vs-promises, observables, subject
-
Resolving routes:
Examples: resolver
-
Passing state through services:
Examples: service-data
- Phone book app phone-book
- HTTP base phone book app that retrieves contacts list from the server phone-book-http
- Router base phone book app phone-book-router
- Router base phone book app with authentication phone-book-router-auth
- Router base phone book app with child router outlet phone-book-router-children
- Router base phone book app that uses modules phone-book-router-modules
- Router base phone book app that uses lazy-loaded modules phone-book-router-modules-lazy
- Router base phone book app that uses a named outlet phone-book-router-named-outlet
- Training server training-server
-
Dependency injection without mocking
Examples: di-no-mock
-
Dependency injection with mocking
Examples: di-with-mock
-
Different unit testing scenarios example
Examples: jest/test-pack
-
Different e2e testing scenarios example
Examples: cypress/test-pack
- Phone app with CRUD scenario phone-book-e2e-ordered-scenario
Ttile | Link |
---|---|
Does it Mutate? | https://doesitmutate.xyz/ |
TypeScript Website | https://www.typescriptlang.org/ |
RxMarbles Interactive diagrams of Rx Observables |
https://rxmarbles.com/ |
Angular Cheatsheet | https://angular.io/guide/cheatsheet |
Angular API docs | https://angular.io/api |
Global Events in Angular 2 | https://stackoverflow.com/questions/34700438/global-events-in-angular-2 |
Angular CLI wiki | https://github.com/angular/angular-cli/wiki |
Cypress | https://www.cypress.io/ |
![]() |
---|
Hristo Georgiev |