Delavnica: Angular 2 - 1. del

Trajanje: od 14:00-16:00

Predava: Janez Čadež, študent FRI

Angular 2 je druga različica zelo popularnega front-end frameworka Angular. Framework je odprtokoden, za njim pa stoji ekipa iz podjetja Google. Omogoča nam hitro izdelavo naprednih spletnih aplikacij, orodje angular-cli pa nam pripomore, da kreiranje celotnega okolja za razvoj traja le nekaj minut.

Najprej si bomo pogledali kratek teoretičen uvod v framework Angular 2 in njegove sestavne dele. Potem se bomo pa kar hitro prestavili na Tour of Heroes vodič, kjer bomo spoznali glavni sestavni del Angular 2 - komponente. Kreirali bomo več komponent, jih logično razporedili, dodali servise za dostop do podatkov (services), navigacijo (routing) in na koncu spoznali še modul za kreiranje omrežnih zahtev HTTP (promises, observables).

Zahteve:

1. Prenosni računalnik z nameščenim:

   • NodeJS(LTS) - https://nodejs.org/en/
   • V ukazni vrstici poženite: npm install -g angular-cli
   • V ukazni vrstici poženite: ng new Angular2Workshop
   • V ukazni vrstici poženite: cd Angular2Workshop
   • V ukazni vrstici poženite: ng serve (če se pokaže stran z tekstom - app works, ste uspešno pripravili okolje)
     
     

2. Opcijsko si lahko tudi namestite:

   • Visual Studio Code - zelo popularen urejevalnik kode za razvoj Angular 2 aplikacij
     

Agenda:

• Teoretični uvod v framework Angular 2 - pregled glavnih sestavnih delov
• Hands-on delavnica vodiča Tour of Heroes z uporabo orodja angular-cli (Povezava do vodiča)
  • Priprava okolja (1. del delavnice)
  • Uvod (1. del delavnice)
  • Dodajanje več junakov (1. del delavnice)
  • Več komponent (1. del delavnice)
  • Servisi (1. del delavnice)
  • Navigacija (2. del delavnice)
  • HTTP (2. del delavnice)

V primeru obiska obeh delov delavnice, boste lahko na drugem delu nadaljevali z izdelavo Tour Of Heroes vodiča.