Kurss Mājaslapu izstrāde Front-End

Programmējot mēs sniedzam instrukciju datoram par to kādas darbības veikt. Lai dators mūs saprastu un mēs to – nepieciešama kopēja valodu.  Šajā kurša apgūsim JavaScript valodu. Ar to mēs aprakstām kā mājaslapai rīkoties, kad lietotājs ar to mijiedarbojas.

Mājaslapas mēs veidojam tā, lai lietotājam nebūtu daudz jādomā  – to dara dators. Lapas apmeklētājam nav jāpatur prātā savs internetveikala groza saturs, cenas produktiem vai atsauksmes. Par to gādā JavaScript, organizējot šo informāciju pa plauktiem un kastītēm. Kā programmētāji mēs aprakstām datoram kādos plaktos stāv kādas kastītes(mainīgie) un ko tajās likt iekšā(datu tipi).

Ja vien materiālā pasaule būtu tik vienkārša kā digitālā, mēs pēcpusdienas laikā izveidotu robotisku roku(funkciju), kas no veļas groza(masīvs) ņemtu pa vienam apģērba gabalam(dati) un ievietotu tos veļas mašīnā līdz grozs būtu tukšs (cikls). Vakara pusē mēs iemācītu šim robotam arī izņemt un pažaut veļu.

Digitālajā pasaulē mums var piederēt bārs un aiz letes strādās robots. Šim robotam būtu nepieciešams spēt pārbaudīt personas vecumu. Ja personas vecums > 18 un bilde pasē sakrīt ar cilvēka seju – pārdot grādīgo dzērienu-, ja kāds nosacījums neizpildās – nepārdot.

Šī ir izteiksme ar nosacījumiem un loģiskajiem operātoriem. JavaScript to var pierakstīt pat īsāk.

Lietotājs mājaslapā nospiež pogu “Pirkt” – notikums, seko virkne darbību. Lietotājs nospiež uz saites “Par mums”, arī jārosās un jāsagatavo informācija. Ar JavaScript mēs aprakstām kādus notikumus(events) datoram sagaidīt un kā uz tiem reaģēt.

API ir viesmīlis mūsu digitālajā restorānā. Tas pasniedz ēdienkārti ar pieejamo ēdienu klāstu, mēs veicam pasūtījumu un API atgriež prasīto. Tikai ēdiens ir dati un viesmīlis ir serveris.

HTML ir rasējums mūsu digitālajai mājai. Ar to aprakstām, kur atradīsies logi(bildes), durvis(pogas) un kur izvietota sienas(sadaļas lapā).

Apvienojot to ar JavaScript šajā mājā varēs ieslēgt gaismu, atgriezt krānu un slēgt durvis.

Ļoti būtisks ir šis mājas plānojums, jo to apmeklē arī Google robots. Tas izvērtēs cik labs ir šis plānojums un no tā būs atkarīgs cik viegli mūs atrast Google meklētājā.

Lai mājaslapa būtu ne tikai skaista, bet arī ērti lietojama – izmantojam CSS, lai piešķirtu krāsu, izmērus un parūpētos, ka saturs ir ērti pārskatāms.

Mūsdienās ir ļoti svarīgi, lai mājaslapa izskatītos labi arī uz mobilajām iekārtām. Tieši ar CSS mēs parūpējamies, lai mūsu kods izskatītos labi un adaptētos jebkuram ekrāna izmēram.

Lai izstrādātu modernas mājaslapas, nepieciešams pārvaldīt kadu no Javascript ietvariem. Sākot no 5. nodarbības kodu iztrādāsim visplašāk pielietotajā ietvarā React.
Kursu noslēdzot izstrādāsim mājaslapu vadoties pēc dizaina failiem un uzstādīsim to uz servera.