A 3-day crash course into front-end web development.

1. Include JavaScript in an HTML document

   Examples: alert-hi.html

2. Variables

   Examples: variable-scope.html

3. Operators

   Examples: operators.html

4. Conditional and Loop Statements

   Examples: if-statement.html, case-statement.html, loop-statements.html

5. Functions

   Examples: functions.html

6. Events

   Examples: events.html

7. Dialog Boxes

   Examples: dialog.boxes.html

8. User-Defined Objects

   Examples: object-1.html, object-2.html, object-with-method.html

9. Native Objects

   Examples: regex.html

10. Closures, Callbacks and Recursion

    Examples: closure-issue.html, closure-1.html, closure-2.html, recursion.html, for-for.html

11. Iteration structures

    Examples: iteration.html

12. Prototype

    Examples: prototype.html

13. Inheritance

    Examples: template-pattern.html

14. Document Object Model (DOM)

    Examples: dom-old-way.html, dom-inner-html.html

15. Error Handling

    Examples: throw.html, onerror.html

1. Basic Types

   Examples: basic-types

2. Variable Declarations

   Examples: variable-declarations

3. Interfaces

   Examples: interfaces

4. Classes

   Examples: classes

5. Functions

   Examples: functions

6. Enums

   Examples: enums

7. Type Inference

   Examples: type-inference

8. Type Compatibility

   Examples: type-compatibility

9. Advanced Types

   Examples: advanced-types

10. Utility types

    Examples: utility-types

11. New in TypeScript 4

    Examples: typescript-4

1. Attribute, class & style bindings

   Examples: user-inputs, emitter

2. Forms

   Examples: debounce, emitter, model vs template-driven

3. Pipes

   Examples: pipes, async-pipe

4. Custom Attribute Directive

   Examples: attribute-directive

5. Observables vs Promises

   Examples: observables-vs-promises, observables, subject

6. Resolving routes:

   Examples: resolver

7. 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

1. Dependency injection without mocking

   Examples: di-no-mock

2. Dependency injection with mocking

   Examples: di-with-mock

3. Different unit testing scenarios example

   Examples: jest/test-pack

4. Different e2e testing scenarios example

   Examples: cypress/test-pack

• Phone app with CRUD scenario phone-book-e2e-ordered-scenario

Hristo Georgiev