Skip to content

pracxs/angular-2-sofia

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-2-intro-sofia

This course is intendet for quick introduction into JavaScript, TypeScript and Angular 2. It also deleivers introductory concepts on testin Angular 2 applications.

Survey

https://www.surveymonkey.com/r/Z13818052016

JavaScript

  1. Include JavaScript in an HTML

    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, Examples: object-2.html, Examples: 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

TypeScript

  1. Basic Types

    Examples: basic-types

  2. Variable Declarations

    Examples: variable-declarations

  3. Destructuring

    Examples: destructuring

  4. Interfaces

    Examples: interfaces

  5. Classes

    Examples: classes

  6. Functions

    Examples: functions

  7. Generics

    Examples: generics

  8. Enums

    Examples: enums

  9. Type Inference

    Examples: type-inference

  10. Type Compatibility

    Examples: type-compatibility

  11. Advanced Types

    Examples: advanced-types

  12. Modules AND Namespaces

    Examples: modules, namespaces

  13. JSX

    Examples: jsx

  14. Decorators

    Examples: decorators

  15. Mixins

    Examples: mixins

Angular 2.0

  1. Hello world

    Examples: hello-world

  2. Attribute, class & style bindings

    Examples: user-inputs, emitter

  3. Forms

    Examples: debounce

  4. Pipes

    Examples: pipes, async-pipe

  5. Custom Attribute Directive

    Examples: attribute-directive

  6. HTTP Client

    Examples: observables-vs-promises

Testing - Angular 2.0

  1. Jasmine - Behavior-Driven JavaScript

    Examples: jasmine-demo

  2. Dependency injection without mocking

    Examples: di-no-mock

  3. Dependency injection with mocking

    Examples: di-with-mock

  4. Different testing scenarios example

    Examples: test-pack

  5. Karma - The Spectacular Test Runner for Javascript

    Examples: karma

  6. Protractor - end to end testing for Angular

    Examples: protractor

Usefull link

Ttile Link
Javascript Tutorial http://www.ttorialspoint.com/javascript/
Understanding JavaScript Function Invocation and "this" http://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/
TypeScript official site http://www.typescriptlang.org/
TypeScript Language Specification https://github.com/Microsoft/TypeScript/blob/master/doc/spec.md
Introduction to TypeScript by Jess Chadwick https://youtu.be/qRD7bkK7m10
Metaprogramming in ES6: Symbols and why they're awesome http://blog.keithcirkel.co.uk/metaprogramming-in-es6-symbols/
RxJS Observables vs Promises https://egghead.io/lessons/rxjs-rxjs-observables-vs-promises
RxJS and Observables with Angular 2 https://youtu.be/ZmEvKLYF0os
RxMarbles
Interactive diagrams of Rx Observables
http://rxmarbles.com/
Developing a Tabs Component in Angular 2 http://blog.thoughtram.io/angular/2015/04/09/developing-a-tabs-component-in-angular-2.html
The Ultimate Guide to Forms in Angular 2 http://blog.ng-book.com/the-ultimate-guide-to-forms-in-angular-2/
Custom Validators in Angular 2 http://blog.thoughtram.io/angular/2016/03/14/custom-validators-in-angular-2.html
Jasmine http://jasmine.github.io/
Karma https://karma-runner.github.io/
Angular 2 Unit Testing recipes https://medium.com/google-developer-experts/angular-2-unit-testing-with-jasmine-defe20421584#.8x5d58123
Protractor http://angular.github.io/protractor/
Angular 2 Go with Protractor https://github.com/CarmenPopoviciu/angular2-go-protractor

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published