JavaScript un HTML5: tīmekļa aplikāciju izstrāde

Zināšanu un prasmju pilnveide par:

• HTML5 lietojumprogrammas izveidi un palaišanu NetBeans;
• JavaScript koda rakstīšanu, izmantojot mainīgos, objektus, funkcijas un masīvus;
• HTML5 veidlapas izveidi informācijas pieprasīšanai un apstrādei;
• JavaScript funkcijas aprakstīšanu HTML5 notikumiem;
• HTML5 elementu pārvaldību, izmantojot DOM;
• JavaScript API izmantošanu;
• objektu saglabāšanu, izmantojot JSON API, sīkfailus un vietējo krātuvi;
• HTML dokumentus veidošanu ar CSS3;
• multivides vaicājumu un multivides datu izveidi ar mērķi pielāgot tīmekļa lapu dažādiem ekrāna izmēriem;
• prototipu un moduļu izveidi, izmantojot JavaScript;
• AJAX izmantošanu RESTful Web Services patērēšanā;
• nepieciešamo Back-End tehnoloģiju noteikšanu REST un WebSocket, izmantojot Java EE7;
• Selectors un DOM manipulatoru izmantošanu dokumentu apstrādei ar jQuery;
• notikumu un AJAX servera atbilžu apstrādei, izmantojot jQuery.

Tīmekļa izstrādātāji, ieviesēji un vadītāji.

• Izprast koda lietojumprogrammu loģiku, izmantojot JavaScript, lai kontrolētu lietotāja mijiedarbību un attēlotu datus.
• Izveidot lietojumprogrammas, izmantojot HTML5 veidlapas, lai nosūtītu datus pakalpojumiem.
• Atkļūdot un pārbaudīt tīmekļa lietojumprogrammas un stilus, izmantojot pārlūkprogrammas rīkus.
• Izveidot dizaina veidnes un standartus, izmantojot CSS un JavaScript, kas pielāgojas dažādām ierīcēm, tostarp mobilajām ierīcēm, izmantojot multivides vaicājumus un adaptīvo dizainu.
• Lasīt un apstiprināt datus no HTML5 veidlapām, izmantojot JavaScript.
• Parsēt, rediģēt un apstiprināt datus, izmantojot Javascript API.
• Pievienot interaktivitāti HTML5 formām, izmantojot notikumus un DOM modifikācijas.
• Glabāt un nosūtīt JavaScript objektu datus pakalpojumos, vietējā krātuvē vai dažādās lapās un HTML5 elementos, izmantojot JavaScript objektu notāciju.
• Zīmēt uz HTML5 audekla, izmantojot JavaScript.
• Saglabāt lietotāja datus tīmekļa lietojumprogrammās, izmantojot HTML5 vietējo krātuvi.
• Izveidot JavaScript kodu, lai izgūtu un parādītu dinamiskos datus no REST pakalpojumiem, izmantojot AJAX.
• Izveidot JavaScript kodu, lai mijiedarbotos ar WebSocket reāllaika saziņai.
• Izveidot jQuery kodu, lai animētu elementus, apstrādātu DOM, notikumus vai AJAX atbildes.

Vēlamas Web pamatzināšanas un pamatzināšanas programmēšanā.

Mācību materiāli pieejami Oracle University vidē.

Nav paredzēts.

1. Ievads

• Galvenie mācību mērķi.
• Vides pielāgošana mācību procesam.

2. Tīmekļa lietojumprogrammu pamati

• HTML5 lietojumprogrammas izveide NetBeans vidē.
• HTML lapu palaišana un analizēšana, izmantojot pārlūkprogrammas izstrādes rīkus.
• CSS un JavaScript satura atdalīšana no HTML lapām.
• Praktiskais darbs: HTML5 lietojumprogrammas izveide, izmantojot NetBeans 8.
• Praktiskais darbs: JavaScript un CSS resursu atdalīšana.

3. JavaScript pamati

• JavaScript koda rakstīšana mainīgo, objektu, funkciju un masīvu deklarēšanai.
• JavaScript masīvu rakstīšana datu glabāšanai.
• JavaScript objektu definēšana kā atslēgu-vērtību krātuve.
• Piekļuve objektu īpašībām.
• Praktiskais darbs: JavaScript koda rakstīšana testu nokārtošanai Jasmine.

4. HTML5 un JavaScript apvienošana tīmekļa lietojumprogrammās

• HTML5 dokumentu izveide.
• HTML5 veidlapu izstrāde informācijas pieprasīšanai un apstrādei.
• HTML5 veidlapu ievades validēšana.
• JavaScript funkciju rakstīšana HTML5 notikumiem.
• HTML5 elementu manipulēšana, izmantojot DOM.
• Praktiskais darbs: JavaScript koda rakstīšana dokumenta elementu modificēšanai.

5. JavaScript API

• Lietotāja ievades validēšana, izmantojot JavaScript.
• Vairāku vērtību apstrāde, izmantojot JavaScript Collections.
• Datumu manipulēšana, izmantojot JavaScript Date API.
• Praktiskais darbs: Ēdienreižu dalītāja lietojumprogrammas izveide.
• Praktiskais darbs: Kopsummas aprēķināšana, pamatojoties uz vecumu.

6. Lietojumprogrammas dati 

• Objektu konvertēšana uz JSON Strings.
• JSON Strings pārsēšana uz JavaScript Objects.
• Objektu glabāšana, izmantojot JSON API, sīkfailus un lokālo krātuvi.
• Praktiskais darbs: Lietotāja ievades saglabāšana, izmantojot JSON un lokālo krātuvi.
• Praktiskais darbs: Saglabāto datu atjaunošana, ielādējot lapu.

7. Lietojumprogrammu stilizēšana, izmantojot CSS3 un JavaScript

• CSS stilu lietošana HTML dokumentos.
• CSS3 funkciju izmantošana dinamisko stilu pievienošanai ar elementu notikumiem.
• Multivides vaicājumu un multivides datu izmantošana ar mērķi pielāgoties dažādiem ekrāniem.
• JavaScript izmantošana elementu stilu pievienošanai un noņemšanai.
• Praktiskais darbs: CSS noteikumu rakstīšana elementu stilizēšanai dokumentā.

8. Uzlabotais JavaScript

• Funkciju definēšana.
• Slēgumu izveide un mainīgā darbības jomas skaidrojums.
• JavaScript funkciju rakstīšana.
• Prototipu izveide.
• Drag-and-Drop interakcijas izveide, izmantojot JavaScript.
• JavaScript taimeru un aizkaves izveide HTML animācijām.
• HTML5 audeklu izmantošana lapu zīmēšanai.
• Praktiskais darbs: Audekla izveide, intervāli, Drag-and- Drop interakcija.

9. AJAX un WebSocket

• AJAX izmantošana kopā ar JavaScript datu pieprasīšanai no Application Server.
• AJAX izmantošana RESTful tīmekļa pakalpojumiem.
• AJAX izmantošana “Server Push” interakciju izveidei.
• AJAX alternatīvu noteikšana mantotajā kodā.
• Izpratne par AJAX drošību.
• WebSocket izmantošana reāllaika klientu/servera interakciju izveidei.
• Nepieciešamo REST un WebSocket aizmugursistēmas tehnoloģiju identificēšana, izmantojot Java EE7.
• Praktiskais darbs: Vienas lapas lietojumprogrammas izveide, izmantojot REST, Tic-Tac-Toe Game Client un WebSocket.

10. Lietojumprogrammu izstrāde, izmantojot jQuery

• jQuery un jQuery lietotāja saskarnes bibliotēku pievienošana projektiem.
• Selektoru un DOM manipulatoru izmantošana dokumentu apstrādei.
• Notikumu apstrāde ar jQuery.
• Elementu animēšana un efektu lietošana dokumentā.
• AJAX servera atbilžu apstrāde.