Pamatu pamācība par HTML, CSS un JavaScript

Sveicināti kursā!

For HTML saprašanu ir noderīgi labāk saprast, kas īsti ir HTML. Šis mācību materiāls tieši apspriež šo jautājumu.

Lēmīgā jautājums, ienākot jaunatvēršanās brīdī: kā tiek izveidoti, attēloti vai mainīti HTML dokumenti? Šajā video atradīsi atbildi.

HTML dokumentu pamatā ir tā sauktie tagi. Šo koncepciju tu iepazīsi šajā nodarbībā.

HTML dokumenti sastāv no galvenes, kurā ir informācija par dokumentu, un redzamais saturs. Šajā nodarbībā vispirms runājam par galveni (head).

Īstie saturi tiek ievietoti ķermeņa apgabalā. Šo pamatu dalījumu tu noteikti esi jāsaprot. Šī nodarbība ir obligāta jebkurā gadījumā!

Īpaši apjomīgi dokumenti iegūst labumu no komentāriem, kas netiek parādīti pašā tīmekļa lapā. Tie padara kodu pārskatāmāku un dokumentētu. Iemācies tos izveidot.

Tīmeklī tu bieži sastapsi ceļa norādes - gan kā relatīvu, gan absolūtu ceļa norādi. Apskati šo nodarbību, lai saprastu šo jēdzienu.

Mājas lapas iekšējie saites ir ļoti bieži sastopami. Realizāciju atradīsi šajā rakstā.

Norādes uz citām tīmekļa vietnēm ir tikpat svarīgas un arī pieder internetā ikdienas dzīvei. Turklāt, ar Target norāde tiek norādīts, kā tiek atvērti saites. Iemācies, kā to realizēt.

Saite iekšēji dokumentā tiek sauktas arī par enkuriem. Iemācies tās ievietot un saitīties uz pašreizējās lapas jomām.

Hierarhiskajai struktūrai pieder arī virsraksti. Šeit tu iepazīsi pieejamos elementus.

Atstarpes un rindiņu maiņas HTML dokumentos ir ierobežotas. Svarīgi, ka tu saproti šo jēdzienu.

Tekstā svarīgu lomu spēlē rindkopa. Šeit tu mācies tos izvietot.

Vienā vietnē tekstiem jābūt pārskatāmiem. Saraksti palīdz skatītājam pārskatīt informāciju. Tāpēc nodarbība par kārtotiem un nekārtotiem sarakstiem ir absolūta pienākums.

Tabulas ir ļoti svarīgas datu tabulāras attēlošanai. Šeit tu iepazīsi pamatprasmes.

Tīmeklis bez attēliem nav iedomājams. Šeit tu mācies, kā ievietot attēlus.

Iemācies iekļaut īpašās zīmes kā HTML entitātes savos dokumentos.

Ar iframe palīdzību tu ieguldi citus tīmekļa vietnes tieši savā vietnē.

JavaScripti tiek iekļauti HTML dokumentos. Šeit tu mācies, kā tas notiek.

Pirmajā HTML praksē runa ir par teksta apstrādi un virsrakstu ievietošanu.

Šeit izveido recepti kā HTML dokumentu, izmantojot pamata HTML elementus.

Zināšanas par tabulām tagad tiek pielietotas praksē šeit.

Iepazīsties ar Cascading Style Sheets koncepciju.

Iemācies piešķirt CSS norādes tieši elementiem.

Iekšējie stilu lappuses ir vēl viens veids, kā tieši dokumentā ievietot norādes.

Ļoti bieži sastopamā situācija: stila lapas tiek izvietotas ārējās failos un iekļautas.

Stilizēšanai ir ļoti svarīgas atribūti "class" un "id". Iepazīsties ar to šeit.

Tikko konteineri spēlē svarīgu lomu darbā ar CSS. Šeit tu iepazīsti šo konteptu, izmantojot div-Tegu kā piemēru.

Ar float atribūtu elementi var tikt novietoti atšķirīgos veidos. Būtisks elements dizainā. Obligāta nodarbība!

Arī pozīcijas atribūts ir ļoti svarīgs un ir jāiekļauj katrā CSS mācību plānā.

Iepazīstieties ar dažādām norādēm attālumiem ("padding" un "margin").

Platums un augstums ir šīs lekcijas tēma.

HTML elementus var attēlot ar ietvaru. Tam ir border atribūts, ko tu iepazīsi šajā video.

Katrs ir izmantojis dažādas fonta izmēru. Pēc šīs nodarbības tu vari tos iestatīt ar CSS.

Rakstu fonti nav vienmēr pieejami katrā datorā. Tāpēc internetā biežāk tiek definētas fontu ģimenes. Šajā video tu vari uzzināt, kā to izdarīt.

Teksta veidošanas pamatprincipi: trekns, kursīvs un pasvītrots teksts. Šajā lekcijā es tev iepazīstināšu ar CSS norādēm.

Teksta līdzināšana ir pazīstama arī tekstapstrādes programmās un nav neiedomājama arī tīmeklī. Uzzini, kā tas darbojas ar CSS.

Standarta saites izskatu ir iespējams uzlabot, izmantojot CSS. Apgūsti dažādas saites stāvokļus un atbilstošās CSS komandas.

Īss pārskats par jautājumu: "Kas īsti ir JavaScript?

Šajā ātrajā kursā iekļāvīsi JavaScript HTML dokumentā. Vispirms mācēsi to ielikt tieši dokumentā.

Ārējie JavaScript faili ir arī svarīgi un pastāvīgi pieejami tīmeklī.

Iepazīsties ar "Dokumenta objektu modeli".

Datus izvadīt TVML/TVJS veidā šajā veidā nav nepieciešams, bet tas ir svarīgi turpmākiem piemēriem.

Būtiska JavaScript funkcija ir notikumu vadība. Šeit tu iepaziņosi šo konceptu, izmantojot klikšķa notikumu piemēru.

Apmācies, kā piekļūt elementiem un mainīt to vērtību.

Mainīgie - katras programmēšanas valodas centrālais koncepts. Šeit tu mācies, kā tie tiek izveidoti JavaScript.

Lai arī JavaScript deklarācijas laikā neizmanto skaidri noteiktus datu tipus, tomēr tev tomēr vajadzētu saprast šo koncepciju.

Dators (vācu valodā „Rechner“) nevar veikt aprēķinus bez vienkāršas matemātikas. Protams, to var izdarīt arī JavaScript.

Lai arī tu tos tieši nepiemēro, praksē tev bieži sastapsies ar apvienotām piešķiršanām. Labi, ja vari lasīt sintaksi!

Bez nosacījumiem programmēšana ir grūti iedomājama.

Arī atkārtošanas koncepts ir ļoti svarīgs. Šeit tu iepazīsti vienu variantu JavaScript.

Arī while cikliem ir savs pielietojums. Labi, ja arī tu tos zini.

Funkcijas tu izmanto arī TVJS. Svarīga koncepcija, ko ir jāsaprot.

Lai pareizi pārvietotos kodā, tev jāpazīst JavaScript darbības jomas (scopes).

Šeit vēlreiz un nedaudz detalizētāk runāsim par notikumiem.

Visticamāk, virknes saskarsies ar tevi katrā lietotnē. Tāpēc tās noteikti jāiekļauj avārijas kursā.

Tēmas, piemēram, gadījuma skaitļi un citi sarežģīti aprēķini, ir svarīgi.

Arī masīvi tev noteikti uzdosies JavaScript un TVJS vidē. Labi, ja tu tos pazīsti.

Ar TVJS tiks izmantotas objektas. Tev tāpēc vajadzētu vismaz zināt JavaScript realizāciju.

Īpašības ir svarīgas objektorientētajā programmēšanā un tās būtu jāsaprot pamatīgi.

Arī metodes ir svarīgas un bieži sastapsies ar tām TVJS piemēros.