https://github.com/jonathas/angular2-alura

Alura's Angular 2 Course: Even more powerful webapps part 1
https://github.com/jonathas/angular2-alura

angular angular2 javascript spa typescript

Last synced: 27 days ago
JSON representation

Alura's Angular 2 Course: Even more powerful webapps part 1

• Host: GitHub
• URL: https://github.com/jonathas/angular2-alura
• Owner: jonathas
• License: mit
• Created: 2018-02-04T22:10:25.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-06T18:51:47.000Z (about 7 years ago)
• Last Synced: 2024-11-16T06:28:29.045Z (3 months ago)
• Topics: angular, angular2, javascript, spa, typescript
• Language: JavaScript
• Homepage: https://cursos.alura.com.br/course/angular2-parte1
• Size: 41 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Alura - Angular 2 course: Even more powerful webapps part 1

This is the code that I've developed following the course. I've made some changes in the original one.

## Content

### Well started, half done

  - Knowing a little about our application, Alurapic

  - Angular 2 and new paradigm

  - Installing and configuring all infra infra

  - Starting the jobs

  - Downloading the rest of the premises

  - Creating the main component of the application

  - TypeScript Transpiling

  - Creating the main application module

### Creating more components

  - A new component, a smaller scope

  - Gaps in templates and data binding

  - Angular Expression still exists!

  - Working with relative paths to templates

### Consuming an API

- Injection of dependencies

  - TypeScript and static typing

  - No more fixed data! Let's get them from the server!

  - So does angular use RxJS?

  - The ngFor directive

### Dividing to conquer!

  - Improving the user experience

  - Help, my panel displays nothing!

  - Further enhancing presentation

  - What if we want more than one page?

  - SPA is not a place of rest. So what?

  - Configuring routes

  - I clicked the link and ...

### Improving the user experience

  - Pipe, tubes that transform!

  - Local variables

  - Creating our pipe

  - Things do not fit? How about an interface type?

### We need to feed our system

  - The registration form

  - Data binding resolves?

  - Event binding

  - What about two way data binding? Where is it?

  - ngModel is back!

  - Sending data to the server

  - Life Cycle of a component

### Validating our form

  - Template-driven validation

  - Model-driven validation

  - The form builder

  - Composing validators!