Online kurs: Razvijanje dinamičkih web stranica i aplikacija

Online kurs: Razvijanje dinamičkih web stranica i aplikacija

Izvor: UEI Bit (www.uei-bit.org), Kurs: Angular for Beginners.

Želite li da naučite kako da razvijate dinamičke web stranice i aplikacije? Na kursu „Angular for Beginners“, uz kontinuirani praktični rad, naučiti ćete osnove arhitekture, alata i strukture platforme Angular kompanije Google, za razvoj dinamičkih web aplikacija i stranica, osnove HTML-a, CSS-a i BootStrap CSS biblioteke za dizajniranje konačnog izgleda aplikacije, kao i osnove RESTful API platforme za preuzimanje podataka koji se prezentuju na stranici ili aplikaciji. Kao zadnji korak, razvijenu aplikaciju ćete „postaviti“ na internet.

Uz Facebook-ov React, Google-ov Angular je najpopularnija platforma za izradu „front-end“ web aplikacija, kojim su izrađene neke od najpoznatijih web stranica i aplikacija, kao što su Gmail, PayPal, MS Office, Rockstar Games, da pomenemo samo neke.

Početak kursa

Minimalan broj polaznika za početak kursa je osam. Kurs neće početi navedenog datuma ukoliko ne bude dovoljan broj prijava. Ovdje možete da se prijavite na kurs putem online formulara. Cijena za prvih deset prijava iznosi 199 KM po osobi. Cijena kursa je 399 KM. Termini: utorak/četvrtak od 17:30 do 20h. Ukupan broj časova kursa iznosi 20, odnosno četiri sedmice.

Prednost ovog kursa je i što imate na raspolaganju doživotni pristup video i ostalim materijalima kursa. Kurs počinje 31.08. od 17:30, a za više informacija posjetite: https://www.uei-bit.org/detalji-kurs/3

Trajanje kursa

Kurs „Angular for Beginners“ sastavljen je od 12 modula. Kurs je predviđen da traje četiri sedmice, sa intenzitetom rada od pet efektivnih sati sedmično, raspoređeno u dva jednaka termina. Svako predavanje traje 2,5 sata. Ukupno trajanje kursa je 20 sati.

Očekivani ciljevi

Iako je Angular veoma kompleksan alat, i iako mnoge prethodno pomenute teme i termini zvuče nerazumljivo i komplikovano, na ovom kursu ćemo se fokusirati na najvažnije stvari uz što jednostavnija objašnjenja kako bi polaznicima približili i omogućili da razumiju glavne koncepte u izradi web aplikacija. Kurs je predviđen za osobe sa osnovnim znanjem o programiranju, ali i za početnike koji žele da se upuste u avanturu zvanu Angular.

Sve što je potrebno učesnicima kursa je volja i pozitivan stav, a njihovo znanje će se nadograđivati iz modula u modul.

Dodatne informacije i resursi

Nastava će biti realizirana u formi 20 posto prezentacije i 80 posto demo vježbe, lab vježbe i konstruktivna diskusija. Kompletan materijal koji će se koristiti na kursu će po završetku biti distribuiran svim polaznicima. Preduslovi za pohađanje kursa:

1. Računar ili laptop.
2. Instaliran Google Chrome ili Mozilla Firefox.
3. Pristup internetu.
4. Instaliran Visual Studio Code – https://code.visualstudio.com/download
5. Instaliran NodeJS – https://nodejs.org/en/download/
6. Angular CLI (instalacija moguća na početku kursa).
7. Dobra volja i spremnost na učenje.

Detaljan syllabus

1 | Uvodno predavanje

Upoznavanje i instalacija razvojnog okruženja, kratki uvod u Angular platformu, arhikteturu i struktura Angular projekta. Upoznavanje sa programskim jezikom TypeScript.

2 | Angular CLI komande

Uvod i upoznavanje sa osnovnim gradivnim blokovima Angulara. Kreiranje novog projekta, generisanje komponenti, modula i servisa kroz komandnu liniju (CLI).

3 | Komponente

Komponente su klase kroz koje se vrši interakcija sa html dijelom komponente i one su jedna od najvažnijih dijelova Angulara.

4 | Direktive

Upoznavanje i praktičan rad sa tri vrste direktiva: Direktive u komponenti koje određuju kreiranje i funkcionisanje komponenti, Strukturne direktive za manipulaciju DOM elementima i Atribut direktive za izmjenu izgleda i ponašanja DOM elemenata.

5 | Pipes

Upoznavanje i praktičan rad na tranformaciji podataka upotrebom „Pipes“ (npr, tranformaciju teksta u velika ili mala slova, JavaScript DateTime objekta u čitljiv format, itd).

6 | Životni ciklus komponenti

Svaka komponenta ima svoj „životni“ vijek i ciklus, kojim upravlja Angular. U ovom dijelu ćemo predstaviti, uz praktičan rad, glavne dijelove životnog ciklusa ngOnInit i ngOnDestory.

7 | Navigacija

Upoznavanje sa navigacijom prema različitim stranicama unutar aplikacije, kreiranjem i korištenjem approuting modula.

8 | Servisi i Dependency Injection

Angular servisi se koriste za višekratnu upotrebu jednog dijela programskog koda na više mjesta u aplikaciji, odnosno u više komponenata, kao što je konekcija prema back-end serveru. Upoznavanje i praktičan rad sa Dependency Injection sistemom u Angularu, koji se koristi za „injektovanje“ neophodnih servisa u komponente.

9 | HTTP klijent

Importovanje HttpClientModule u aplikaciju, i korištenje za dohvaćanje podataka iz vanjskih izvora (back-end server, internet servisi i sl).

10 | RESTFull API

Šta je Rest API, primjena i način rada.

11 | CSS stilovi i dizajn izgleda gotove aplikacije

Predstavljanje, upoznavanje i praktičan rad sa kreiranjem izgleda aplikacije, korištenjem CSS-a ili instalacijom i upotrebom postojećih CSS biblioteka, kao što su Bootstrap i Angular Material.

12 | Deploy applikacije

Kompajliranje i upload aplikacije na internet.

Biografija predavača (Sergej Beganović)

Trenutno zaposlen na poziciji Rukovodioca odjela za informaciono – komunikacione tehnologije Suda BiH. Pored toga radi kao IT consultant, predavač i freelencer. Fokusiran u svom profesionalnom djelovanju na razvoj infromacionih sistema i aplikacija s ciljem digitalne transformacije kompanija i organizacija.

Ekspert iz različitih oblasti razvoja informacionih sistema, kao što su: C#, Mikro servisi, API, Baze podataka, HTML, CSS, JavaScript, Angular itd… (mojinfo.ba)

Online kurs: Razvijanje dinamičkih web stranica i aplikacija