Dedika je platforma za učenje skozi prakso: na primer, kako pripraviti poslovno ponudbo, postati manikerka ali uporabljati novo orodje. Ne glede na tvoj cilj, najboljša vsebina o tej temi že obstaja. A pogosto je v tujem jeziku, draga, razpršena po spletu, brez vaj za vadbo ali pa je del predolgega tečaja, ki ni primeren za tiste z natrpanim urnikom. Zato ima Dedika svoj pristop: poiščemo gradivo, kjerkoli je, izberemo tisto, kar je smiselno za tvoj cilj, ga pregledamo s pomočjo strokovnjakov, ki so na voljo za vprašanja, in pripravimo praktične naloge, da se učiš skozi delo. Ti si najpomembnejši na svoji poti in nihče te ne pozna bolje: izberi vsebino in trajanje tečaja, ali boš učil z ali brez interneta in v katerem formatu. Lahko je video, besedilo, avdio ali povzetek. Po tvoji meri, samo s tistim, kar ti ustreza. Tukaj je vsak trenutek tvoje predanosti pomemben in hitreje prideš do bistva.

Tečaji so sestavljeni iz najboljše vsebine na svetu na določeno temo: videi, avdio posnetki, članki in knjige. Vsa ta vsebina je opremljena s povzetki, podcasti (za knjige in članke) ter prepisi (za videe in avdio posnetke). Sami izberete, kako želite vsebino spremljati. Vsako gradivo ima posebna vprašanja za utrjevanje znanja. Poleg tega je tečaj sestavljen iz poglavij, ki jih izberete sami, kar vam omogoča, da se učite le tistega, kar je pomembno za vas. Na koncu vsakega poglavja je praktični projekt, povezan z vašo stroko, kjer lahko vadite naučeno.

Naši tečaji vključujejo povzetek na koncu vsakega poglavja, ki ga lahko prenesete kot PDF in natisnete.

Več kot 2 milijona študentov po vsem svetu

Prisotni v več kot 180 državah

Certifikat veljaven v vaši državi

Domov

...

Tečaj HTML, CSS in JavaScript

Vsi tečaji

Inženirstvo, gradbeništvo in tehnologija

Teknologija

Tečaj HTML, CSS in JavaScript

Za vse ravni

Tečaj HTML, CSS in JavaScript

4,5

Nauči se HTML-ja, CSS-ja in JavaScripta od začetka in gradi prave, uporabne spletne aplikacije. Ta tečaj te popelje od nastavitve prvega razvojnega okolja do izdaje čelnega projekta, primernega za portfelj. Vsak koncept je uporabljen skozi praktično kodiranje, tako da odideš z veščinami, ki jih delodajalci dejansko lahko vidijo.

Dedika za podjetja

Kaj se boste naučili:

Naučil se boš strukturirati spletne strani s semantičnim HTML-jem, jih oblikovati s sodobnim CSS-jem, vključno s Flexboxom in Gridom, ter jih oživiti z JavaScriptom. Tečaj pokriva temeljne programske koncepte, kot so funkcije, polja, objekti in nadzorni tok, nato pa preide na manipulacijo DOM-a in asinhrono programiranje z API-jem Fetch. Delal boš tudi z Gitom za upravljanje različic, uporabljal brskalnikova razvojna orodja za razhroščevanje in ves čas sledil standardom dostopnosti in spletnim standardom. Ob koncu boš zgradil in uvedel celotno čelno aplikacijo z uporabo javnega REST API-ja.

Kako praktično študirate Tečaj HTML, CSS in JavaScript

Kako vadite Tečaj HTML, CSS in JavaScript

Za vas, ki ste podjetje in želite usposobiti svojo ekipo

Na Dedika za podjetja je tečaj prilagojen z vajami in primeri iz vašega lastnega poslovanja, tako kot vaša podjetja potrebujejo.

Kliknite tukaj

Vsebina tečaja

8 Poglavji • 39 Uč lekcijeTrajanje med 4 in 360 urami (vi se odločite)

Poglavje 1Poglej podrobnosti

Osnove spletnega razvoja in nastavitev okolja

Uč lekcija 1 • Nastavitev razvojnega okolja
Namesti in konfigurira urejevalnik kode, razvijalska orodja brskalnika in lokalno strukturo datotek. Zagotovi, da ima vsak udeleženec enak, delujoč delovni prostor.
Uč lekcija 2 • Upravljanje različic z osnovami Gita
Uči poteke dela init, commit in push, tako da udeleženci sledijo vsakemu projektu od prvega dne. Vzpostavi profesionalne navade, preden se kompleksnost kode poveča.
Uč lekcija 3 • Kako deluje splet
Pokriva komunikacijo odjemalec-strežnik, zahteve HTTP in cevovode upodabljanja brskalnika. Vse poznejše odločitve o kodiranju utemelji v resničnem vedenju brskalnika.
Uč lekcija 4 • Anatomija dokumenta HTML
Uvede elemente DOCTYPE, head in body kot ogrodje vsake spletne strani. Poveže strukturo datoteke s tem, kar brskalnik dejansko razčleni.

Poglavje 2Poglej podrobnosti

Osnovna struktura in semantika HTML

Uč lekcija 1 • Seznami, povezave in navigacija
Zgradi urejene, neurejene in opisne sezname ter sidrne elemente z atributi. Ti vzorci tvorijo hrbtenico navigacijske strukture vsakega spletnega mesta.
Uč lekcija 2 • Besedilni elementi in elementi naslovov
Pokriva h1–h6, p, strong, em in blockquote za hierarhijo vsebine. Pravilni vrstni red naslovov neposredno vpliva na SEO in navigacijo bralnika zaslona.
Uč lekcija 3 • Slike, mediji in figure
Vdela slike, zvok in video s pravilnimi atributi za dostopnost in delovanje. Nadomestno besedilo in napisi so obravnavani kot obvezni, ne neobvezni.
Uč lekcija 4 • Semantični elementi postavitve
Nadomesti generične div s header, main, section, article, aside in footer. Semantično označevanje izboljša strojno berljivost in ocene dostopnosti.
Uč lekcija 5 • Obrazci HTML in vrste vnosov
Ustvari obrazce z oznakami, vnosi, izbirami in besedilnimi področji z uporabo pravilnih asociacijskih vzorcev. Pravilno označevanje obrazcev je predpogoj za oblikovanje CSS in preverjanje JS.

Poglavje 3Poglej podrobnosti

Osnove CSS in model škatle

Uč lekcija 1 • Razlaga modela škatle
Uči vsebino, notranji rob, obrobo in zunanji rob kot štiri plasti vsakega elementa. Obvladovanje box-sizing preprečuje napake postavitve skozi celoten tečaj.
Uč lekcija 2 • Spremenljivke CSS in lastnosti po meri
Definira in ponovno uporabi oblikovne žetone prek lastnosti CSS po meri za vzdržljive slogovne predloge. Spremenljivke zmanjšujejo ponavljanje in omogočajo preklapljanje tem v poznejših projektih.
Uč lekcija 3 • Tipografija in barva
Nastavi družine pisav, velikosti, teže, višine vrstic in barvne vrednosti z uporabo sodobnih enot CSS. Dosledne lestvice tipov in barv so temelj vizualnih oblikovalskih sistemov.
Uč lekcija 4 • Izbirniki CSS in specifičnost
Pokriva izbirnike elementov, razredov, ID-jev, atributov in psevdo-razredov z izračunom specifičnosti. Razumevanje specifičnosti preprečuje kaskadne konflikte v večjih slogovnih predlogah.
Uč lekcija 5 • Prikaz, pozicioniranje in tok
Pojasni vrednosti block, inline, inline-block in položaja, ki nadzorujejo tok dokumenta. Ti koncepti so obvezni pred učenjem Flexboxa in Grida.

Poglavje 4Poglej podrobnosti

Postavitve CSS: Flexbox in Grid

Uč lekcija 1 • Postavitev mreže in imenovana območja
Postavi predmete z uporabo številk vrstic, ključnih besed span in imenovanih območij predloge. Imenovana območja naredijo kompleksne postavitve berljive in enostavne za prestrukturiranje.
Uč lekcija 2 • Lastnosti vsebnika Flexbox
Nadzoruje flex-direction, justify-content, align-items in flex-wrap na staršu. Te lastnosti določajo, kako so otroci porazdeljeni vzdolž obeh osi.
Uč lekcija 3 • Odzivno oblikovanje z medijskimi poizvedbami
Uporabi prelomne točke in strategijo najprej za mobilne naprave za prilagajanje postavitev različnim velikostim zaslona. Združi Flexbox in Grid z medijskimi poizvedbami za produkcijsko pripravljeno odzivnost.
Uč lekcija 4 • Osnove CSS Grid
Definira grid-template-columns, grid-template-rows in grid-gap za dvodimenzionalne postavitve. Grid rešuje težave postavitve, ki jih Flexbox obravnava nerodno.
Uč lekcija 5 • Lastnosti postavk Flexbox
Uporabi flex-grow, flex-shrink, flex-basis in align-self na posameznih otrocih. Nadzor na ravni postavke omogoča neenake širine stolpcev in samoporavnane elemente.

Poglavje 5Poglej podrobnosti

Osnove JavaScripta

Uč lekcija 1 • Spremenljivke, podatkovni tipi in operatorji
Deklariraj spremenljivke z let, const in var ter identificiraj primitivne podatkovne tipe. Obravnava prednost operatorjev in prisilno pretvorbo tipov za preprečevanje pogostih napak.
Uč lekcija 2 • Funkcije in obseg
Definiraj funkcije z deklaracijami, izrazi in puščično sintakso, medtem ko pojasnimo verige obsega. Obvladovanje obsega preprečuje uhajanje spremenljivk in napake zaprtij.
Uč lekcija 3 • Objekti in metode objektov
Konstruiraj objekte z lastnostmi in metodami ter dostopaj do njih s piko in oglato oklepajno notacijo. Objekti modelirajo podatkovne strukture resničnega sveta, ki se uporabljajo v vsaki aplikaciji JS.
Uč lekcija 4 • Tabele in metode tabel
Ustvari in manipuliraj tabele z uporabo push, pop, map, filter in reduce. Funkcijske metode tabel se uporabljajo pri manipulaciji DOM in delu z API-ji.
Uč lekcija 5 • Nadzor toka: pogoji in zanke
Uvedi if/else, switch, for, while in do-while za usmerjanje izvajanja programa. Nadzor toka je predpogoj za vse algoritemsko razmišljanje v poznejših poglavjih.

Poglavje 6Poglej podrobnosti

Manipulacija DOM in dogodki

Uč lekcija 1 • Spreminjanje elementov in slogov
Spremeni textContent, innerHTML, atribute in classList za posodobitev strani brez ponovnega nalaganja. Te tehnike poganjajo žive posodobitve uporabniškega vmesnika v enostranskih aplikacijah.
Uč lekcija 2 • Ustvarjanje in odstranjevanje vozlišč DOM
Zgradi nove elemente z createElement, jih doda in odstrani zastarela vozlišča. Dinamično ustvarjanje vozlišč omogoča upodabljanje seznamov in vzorce v slogu komponent.
Uč lekcija 3 • Delegiranje dogodkov in brbotanje
Izkoristi brbotanje dogodkov za pripenjanje posameznih poslušalcev na nadrejene vsebnike za dinamične otroke. Delegiranje zmanjša porabo pomnilnika in obravnava med izvajanjem ustvarjene elemente.
Uč lekcija 4 • Izbiranje in prečkanje DOM
Uporabi querySelector, getElementById in lastnosti prečkanja za natančno ciljanje elementov. Natančno izbiranje je temelj vsega dinamičnega vedenja strani.
Uč lekcija 5 • Poslušalci dogodkov in objekt dogodka
Pripenja dogodke click, input, submit in tipkovnice z uporabo addEventListener. Objekt dogodka nudi tarčo, vrsto in metode preprečevanja za popoln nadzor.

Poglavje 7Poglej podrobnosti

Asinhroni JavaScript in API-ji

Uč lekcija 1 • Sintaksa Async/Await
Prepiše verige Promise z uporabo funkcij async in izrazov await za berljivo kodo. Async/await je sodoben standard za vse poteke dela, ki temeljijo na fetch.
Uč lekcija 2 • Promises in veriženje Promises
Ustvarja in uporablja Promises z .then(), .catch() in .finally() za čistejšo asinhrono kodo. Veriženje Promises nadomešča ugnezdene povratne klice v zaporednih asinhronih operacijah.
Uč lekcija 3 • Upodabljanje podatkov API-ja v DOM
Preslika pridobljene tabele JSON v elemente HTML in vizualno obravnava stanja nalaganja in napak. Poveže asinhrono pridobivanje podatkov z manipulacijo DOM iz prejšnjega poglavja.
Uč lekcija 4 • Pridobivanje podatkov z API-jem Fetch
Pošilja zahteve GET in POST z uporabo fetch(), razčleni odgovore JSON in obravnava napake. Fetch je izvorno orodje brskalnika za vso komunikacijo REST API.
Uč lekcija 5 • Asinhroni koncepti in povratni klici
Pojasni sklic klicev, dogodkovno zanko in vzorec povratnih klicev za odloženo izvajanje. Razumevanje dogodkovne zanke preprečuje blokiranje uporabniškega vmesnika in napake pekla povratnih klicev.

Poglavje 8Poglej podrobnosti

Zaključni projekt: Polna čelna aplikacija

Uč lekcija 1 • Uvajanje in pregled kode
Uvede projekt na platformo za statično gostovanje in izvede strukturiran medvrstniški pregled kode. Uvajanje in pregled simulirata resnične standarde profesionalne dostave.
Uč lekcija 2 • Oblikovanje s CSS in odzivna postavitev
Uporabi oblikovalski sistem z uporabo spremenljivk CSS, Flexboxa in Grida s popolno odzivnostjo. Dosledna vizualna zasnova dokazuje obvladovanje poglavij 3 in 4.
Uč lekcija 3 • Načrtovanje projekta in arhitektura
Definira uporabniške zgodbe, žične modele in razčlenitev komponent pred pisanjem kode. Načrtovanje preprečuje širjenje obsega in vzpostavlja profesionalen razvojni potek dela.
Uč lekcija 4 • Logika JavaScript in integracija API-ja
Izvede klice fetch, upodabljanje DOM, obravnavo dogodkov in upravljanje stanja v čistem JS. Združi vse veščine JS iz poglavij 5, 6 in 7 v eno kodno osnovo.
Uč lekcija 5 • Gradnja strukture HTML
Postavi ogrodje semantičnega HTML za vse poglede aplikacije z uporabo vzorcev iz poglavij 2 in 3. Pravilna struktura zagotavlja, da se plasti CSS in JS integrirajo brez refaktoriranja.

Certifikacija

Vaš veljaven certifikat o zaključku

Ta tečaj je namenjen vam:

Karierni preoblikovalci: želijo vstopiti v tehnološki svet brez diplome iz računalništva.
Marketinški strokovnjaki, ki se želijo nehati zanašati na razvijalce pri preprostih urejanjih spletnih strani.
Samostojni podjetniki: pripravljeni dodati storitve spletnega razvoja svoji obstoječi ponudbi za stranke.
Študenti: grajenje nabora tehničnih veščin za okrepitev prijav za delo.
Lastniki malih podjetij: odločeni samostojno zgraditi in vzdrževati svojo spletno prisotnost.
Hobi navdušenci: željni spremeniti ustvarjalne ideje v resnične spletne strani, ki jih lahko delijo, in to od začetka.

Kaj pravijo naši učenci

Vaše predavanja so popolna. Kupil sem enoletni paket in končno imam priložnost spremljati različne teme, ki me zanimajo, ne da bi moral menjati platformo... hvala za vse, kar počnete, že sem vas priporočil drugim ljudem...