Informācija paņemta no LUIS pieejama apraksta.

E-studiju saites

• DatZ1031-204KB
• DatZ1031-LV
• DatZ1031-EN

---

Zinātnes nozare

Datorzinātne un informātika

Kontaktstundas

• Kopējais kontaktstundu skaits: 32
• Lekciju stundu skaits: 26
• Semināru un praktisko darbu stundu skaits: 6
• Laboratorijas darbu stundu skaits: 0
• Studenta patstāvīgā darba stundu skaits: 48

Kursa informācija

• Kursa apstiprinājuma datums: 14.08.2019
• Atbildīgā struktūrvienība: Datorikas fakultāte
• Nozares atbildīgais mācībspēks: Guntis Arnicāns

Kursa docētājs(i) :

Studiju kursa anotācija

“Tīmekļa tehnoloģijas I” ir ievada kurss vispārēju tīmekļa izstrādes tehnoloģiju apgūšanai. Tas sniedz ieskatu tīmekļa vēsturē un apskata galvenās tehnoloģijas, kas mūsdienās izmantotas tīmekļa programmatūras klienta pusē – HTML, CSS, JavaScript. Kursa praktiskajā daļā studenti individuāli izstrādā nelielu tīmekļa lapu, kas atvieglo teorētiskās daļas apguvi, praktiski iepazīstot tīmekļa izstrādes principus.
Kursa pasniegšanas valoda: latviešu.

Studējošo patstāvīgo darbu organizācija un uzdevumu raksturojums

Studējošo patstāvīgais darbs tiek organizēts individuāli.

Patstāvīgie uzdevumi:

1. Studēt ar studiju kursa tēmām saistīto literatūru.
2. Izstrādāt mājas darbus, pielietojot klienta puses tīmekļa tehnoloģijas HTML, CSS, JavaScript.
3. Izstrādāt tīmekļa lapas klienta puses risinājumu un sagatavoties tā prezentēšanai eksāmenā.

Prasības kredītpunktu iegūšanai

Starppārbaudījumi:

1. Divi sekmīgi uzrakstīti kontroldarbi semestra laikā – 20% (katrs 10%).
2. Trīs sekmīgi izpildīti mājasdarbi – 30% (katrs 10%).
3. Trīs sekmīgi izpildīti praktisko darbu uzdevumi.

Noslēguma pārbaudījums:
4. Mutisks eksāmens: izstrādātā praktiskā darba demonstrācija un skaidrošana – 50%.
5. Aizpildīta kursa novērtējuma anketa.

Praktiskā darba izstrādē tiek vērtēti šādi aspekti:

• HTML kods (15%)
  • Darbs jāizstrādā pēc HTML5 vai XHTML1.0 Strict standarta ar CSS2.1 stiliem; pieļaujama arī stabilo CSS3 moduļu lietošana. Jābūt norādītam DOCTYPE un tam jāatbilst dokumenta saturam.
  • W3C validatoram jāatzīst dokuments par standartam atbilstošu.
  • Būtiskiem HTML dokumenta objektiem piešķirti identifikatori.
  • HTML marķējums lietots saskaņā ar elementu semantiku.
  • HTML jāsatur visus šos elementu veidus:
    • dažādu līmeņu virsraksti
    • saraksts (sakārtots vai bez sakārtojuma)
    • teksta formatēšanas pamatlīdzekļi (rindkopa, rindas pārnesums, treknraksts, kursīvs)
    • attēli
    • datu ievadformas elementi (ko tālāk apstrādā ar JavaScript)
• CSS kods (15%)
  • Stila informācijai jābūt saglabātai atsevišķā failā.
  • W3 validatoram jāatzīst dokuments par standartam atbilstošu.
  • Drukājot lapu uz printera (pārbaudot ar drukas priekšskatījumu), dažām dokumenta daļām (piemēram, navigācijas elementiem) jābūt paslēptām.
  • Lapā jānodrošina reaģējoša dizaina iespējas.
  • Stilu failā jābūt aprakstītiem vismaz 10 dažādiem selektoriem.
  • Jābūt parādītam, kā CSS iedarbojas uz elementiem ar divām un vairāk klasēm.
• Datu ievadformas realizācija ar ievadīto datu vērtību pārbaudēm, izmantojot JavaScript līdzekļus (10%)
  • Jābūt “obligāto lauku” pārbaudei – vai visi obligātie formas lauki ir aizpildīti.
  • Jābūt ievaddatu tipa pārbaudei (piem., vai datuma laukā ievadīts datums, vai skaitliskā laukā ievadīts skaitlis).
  • Jābūt ievaddatu diapazona pārbaudei (piem., vai norādītais skaitlis var būt mēneša numurs, vai darbinieka alga nav negatīva).
  • Validācijas kļūdu gadījumā lietotājs jāinformē par problēmām (piem., lietotājam jāuzrāda kļūdas ziņojums, kas izskaidro problēmu). Forma netiek iesniegta šajā gadījumā. Ja forma ir aizpildīta pareizi, tai jābūt iesniegtai uz sekojošo vietni http://naivist.net/form/.
• JavaScript lietojums DOM manipulācijām (10%)
  • Atsevišķu dokumenta daļu parādīšana vai paslēpšana, lietotājam uzklikšķinot uz kāda dokumenta elementa.
  • Jaunu DOM elementu pievienošana veidojot elementu no koda.
  • Jāparāda, kā DOM manipulācijas (piemēram, iepriekšējā punktā minētās darbības) tiek veiktas, neizmantojot nekādas papildus bibliotēkas.
  • Jāparāda, kā līdzīgas DOM manipulācijas var veikt ar kādu no JavaScript brīvpieejas bibliotēkām (jQuery, Prototype, MooTools, ExtJS).

Studiju rezultātu vērtēšanas kritēriji

Studiju kursa apguve noslēgumā tiek vērtēta 10 ballu skalā saskaņā ar Latvijas Republikas Ministru kabineta noteikumiem Nr.141, Nr. 512 Nr.240 un LU Senāta 29.06.2015. lēmumu Nr. 211, vadoties pēc šādiem kritērijiem: iegūto zināšanu apjoms un kvalitāte; iegūtās prasmes; iegūtā kompetence atbilstīgi plānotajiem studiju rezultātiem.

Pārbaudījumu veidi un rezultāti

Pārbaudījumu veidi	1.	2.	3.	4.
1. mājas darbs	+	+	+	+
2. mājas darbs	+	+	+	+
3. mājas darbs	+	+	+
1. kontroldarbs	+
2. kontroldarbs	+	+
1. praktiskais darbs	+	+	+	+
2. praktiskais darbs	+	+	+	+
3. praktiskais darbs	+	+	+
Eksāmens	+	+	+	+

Kursa saturs

1. Tēma Nr. 1: Tīmekļa izstrādes vēsture
   
   Interneta tīkla attīstība 20. gadsimta otrajā pusē. Vispasaules tīmekļa izveide, tīmekļa pieprasījuma darbības principi.
2. Tēma Nr. 2: HTML pamati
   
   Dokumentu strukturētas aprakstīšanas valodas. Tīmekļa pārlūku attīstība. HTML valoda, tās sintakses likumi. HTML dokumenta veidošanas pieejas – vizuālās formatēšanas pieeja, dokumenta struktūras analīzes pieeja. HTML standarti un to attīstība līdz mūsdienām. HTML Strict un HTML Transitional versijas. Failu kodējumu attīstības vēsture. UTF-8 kodējums.
3. Tēma Nr. 3: Tīmekļa lapu izstrādes praktiskie aspekti, struktūra, HTML elementi
   
   Dokumenta struktūras veidošana. HTML elementu aprakstīšana. HTML atribūti. Straumes un bloku elementi. Hipersaites, teksta formatēšanas elementi, multivides elementi, saraksti, tabulas, izkārtojuma elementi, citāti, semantiskie un citi HTML5 elementi, mikroformāti, formas elementi.
   
   Praktiskais darbs: HTML pielietojums tīmekļa lapu izstrādē.
   
   Mājas darbs: tīmekļa lapas struktūras izstrāde ar HTML.
4. Tēma Nr. 4: CSS valodas pamati
   
   CSS pamata sintakse. CSS dokumenta struktūra. CSS dokumenta piesaistīšana HTML dokumentam. CSS kaskādes jēdziens. Autora un lietotāja stilu lapas. Krāsas jēdziens CSS. CSS īpašības teksta fonta, izmēra, fona formatēšanai, saraksta silam. Elementa kastes modelis – rāmis, atkāpe, apmale. Elementa dimensiju precīza noteikšana mūsdienu pārlūkprogrammās. Dokumenta elementu pozicionēšanas sistēmas – plūsmas pozicionēšana, absolūtā, relatīvā, fiksētā pozicionēšana. Elementu aptekamība, izmantojot float atribūtu.
   
   Praktiskais darbs: CSS pielietojums tīmekļa lapu izstrādē.
5. Tēma Nr. 5: CSS selektori
   
   Dažādi CSS selektoru veidi – pēc elementa tipa, pēc identifikatora, pēc klases. Iekļaujoši selektori. Selektoru atlasīto elementu kopu apvienošana. Specificitāte.
   
   Kontroldarbs: HTML un CSS pielietojums tīmekļa lietotņu izstrādē.
   
   Mājas darbs: tīmekļa lapas stilu izstrāde.
6. Tēma Nr. 6: Adaptīva un reaģējoša dizaina pamati
   
   Tīmekļa lapu izstrādes specifika mobīlajām ierīcēm, tīmekļa dizaina veidi, CSS vides vaicājumi, citi līdzekļi tīmekļa lapu dizainam mobīlajām ierīcēm.
7. Tēma Nr. 7: JavaScript valodas pamati
   
   Ievads JavaScript valodā. Mainīgo definēšana, mainīgo tipi, tvērums. Operatori. Darbs ar masīviem. Kontroles konstrukcijas – cikli, zarošanās. Funkciju veidošana. Funkcija kā datu tips.
   
   Praktiskais darbs: JavaScript pielietojums tīmekļa lapu izstrādē.
8. Tēma Nr. 8: Objektorientēta programmēšana JavaScript
   
   Objektu veidošana JavaScript valodā. Konstruktorfunkcijas. Prototipu bāzētā mantošana un tās saistība ar konstruktorfunkcijām.
9. Tēma Nr. 9: Darbs ar DOM objektmodeli JavaScript valodā
   
   Tīmekļa pārlūkprogrammām specifiskā JavaScript realizācija. Window objekts kā globālais JavaScript objekts. Dokumenta galvenie atribūti. Jaunu dokumenta elementu veidošana ar DOM. Esošu dokumenta elementu izskata mainīšana.
10. Tēma Nr. 10: jQuery bibliotēkas lietošana tīmekļa lapu izstrādē
    
    Programmēšanas principi, izmantojot jQuery bibliotēku. jQuery atbalstītie selektori. DOM manipulācijas ar jQuery – efekti, DOM papildināšana vai mainīšana, darbs ar notikumiem.
11. Tēma Nr. 11: HTML formu apstrāde ar JavaScript
    
    Formas datu validācijas principi, pieejas. DOM izmantošana, lai piekļūtu formu elementiem. Elementa vērtības nolasīšana un pārbaude. Formu apstrāde ar jQuery Validate spraudni.
    
    Kontroldarbs: JavaScript valoda tīmekļa lietotņu izstrādē.
    
    Mājas darbs: tīmekļa lapas klienta puses funkcionalitātes programmēšana ar JavaScript.

Kopumā es vērtēju šo kursu 10/10. “Tīmekļa tehnoloģijas I” kurss ir izcili strukturēts un sniedz nepieciešamās zināšanas un prasmes, lai drosmīgi un veiksmīgi uzsāktu savu tīmekļa izstrādes ceļu. Prakses un teorijas neticamā saskaņotība ne tikai bagātina mācību pieredzi, bet arī ļauj iegūt stabilu pamatu, kas nākotnē atvieglo iespēju radīt patiešām kvalitatīvas un iedvesmojošas tīmekļa lapas.