Kuidas luua oma esimest veebilehte (HTML, CSS, Bootstrap, JS, PHP)? (e-õpe, 16h, eesti keeles)
- Koolituse eesmärk: anda teadmised ja oskused, kuidas luua ise täiesti nullist toimivat veebilehte. Veebilehe loomiseks kasutame järgnevaid tehnoloogiaid ja raamistikke: HTML, CSS, Bootstrap, JavaScript, PHP. E-kursuse käigus valmib toimiv kaasaegne näidisveebileht, mida saab soovi kasutada ka enda ettevõtte jaoks. Lisaks tutvume mitmete kasulike abivahendite/tööriistadega, mis Sind sellel teekonnal aitavad.
- Sihtgrupp: koolitus on mõeldud kõigile, kes huvituvad veebisaidi tegemisest alustades täitsa algusest; sobib hästi algajatele.
- Koolituse maht: 16 akadeemilist tundi, millest 6 ak. h kulub video vaatamiseks ning ülejäänud aeg ise läbi tegemiseks, harjutamiseks ning testide läbimiseks.
- Õppekeel: eesti
Hind sisaldab 6 kuud TASUTA veebimajutust!
100% e-õpe: läbi endale sobivas tempos!
E-kursust tutvustav video:
Mida Sa õpid?
Koolituse õpiväljundid ehk e-koolituse edukal lõpetamisel õppija:
- oskab luua veebilehte (peamiselt kasutades HTML, CSS, Bootstrap, vähesel määral JS, PHP)
Koolituse teemad:
- Kuidas veebilehed toimivad?
- Veebileht koodi vaates
- Tüüpiline veebilehe struktuur
- Uue veebisaidi loomise protsess
- Koodikirjutamise tarkvara
- Esimene HTML leht
- HTML: dokumendi struktuur, pealkirjad, tekstilõik
- HTML: nimekirjad
- HTML: tekst
- HTML: kommentaarid
- HTML: pildid
- HTML: viited
- HTML: tabel
- HTML: vorm, video, muud elemendid
- CSS: süntaks, kasutusvõimalused, värvide muutmine
- CSS: töö tekstiga, kommentaarid
- CSS: klassid ja ID-d, taustavärvi muutmine
- CSS: nn kastimudel, polster, ääristus, veeris
- CSS: erinevate elementide valimine
- CSS: reavahe, kaldkiri, teksti suurus, kirjatüübi muutmine, Google Fonts
- CSS: pilt, taustapilt, muster, läbipaistmatus
- CSS: px, em, rem
- CSS: muudame Delfi.ee CSS koodi
- Bootstrap ja selle lisamine
- Projekti kataloogistruktuur ja vajalikud failid, näidisprojekti tutvustus
- Soovitud fonti lisamine, teksti ja tausta värv
- Avaleht, teenused, ikoonide lisamine, hinnakiri, tagasiside, meeskond, bänner, jalus
- Kontaktivormi HTML ja CSS
- Scrollspy, tagasi üles nupp
- Google analüütika lisamine
- Kontaktivormi PHP, AJAX
- Erinevatele ekraanisuurustele optimeerimine
- Paigaldamine ja avaldamine veebimajutuse teenuse abil
- Laadimiskiirus ja selle optimeerimine
- Koodi valideerimine ja vigade parandamine
- Erinevate alalehtede tekitamine PHP abil
- Kokkuvõte
Koolituse kirjeldus:
- E-kursuse eesmärk on anda teadmised ja oskused, kuidas luua ise täiesti nullist toimivat veebilehte. Veebilehe loomiseks kasutame järgnevaid tehnoloogiaid ja raamistikke: HTML, CSS, Bootstrap, JavaScript, PHP.
- E-kursuse käigus valmib toimiv kaasaegne näidisveebileht, mida saab soovi kasutada ka enda ettevõtte jaoks. Lisaks tutvume mitmete kasulike abivahendite/tööriistadega, mis Sind sellel teekonnal aitavad.
- E-kursuse läbimine ei tee Sinust programmeerijat/arendajat, küll aga võib anda tõuke edasisteks õpinguteks selles valdkonnas või olla heaks sissejuhatuseks veebiarenduse maailma. Kursuse läbimine tuleb kindlasti kasuks ka juhul, kui kasutad igapäevaselt sisuhaldustarkvara (nt WordPress), aga tahaksid osata rohkem koodi tasandil aru saada või muuta.
- Tegemist on videopõhise e-kursusega, mida saad läbida “vaata ja tee kaasa” meetodil endale sobivas tempos meie e-õppe keskkonnas.
- Vajalik on arvuti ja internetiühenduse olemasolu ning elementaarsed arvutikasutamise oskused.
- E-kursuse hinnas sisaldub 6 kuud tasuta veebimajutust.
- E-kursuse hinnas ei sisaldu koolitajapoolne konsultatsioon
- Pärast registreerimisvormi täitmist ja arve tasumist saadame Sulle e-kirja ligipääsuga e-kursusele.
Täiendkoolituse õppekava rühm: tarkvara ja rakenduste arendus ning analüüs
Nordic Koolitus OÜ on Eesti Töötukassa koolituskaardi koostööpartner.
Pilte õppekeskkonnast:
Osalejate tagasiside:
“Olin varasemalt omal käel htmli ja cssi õppinud, aga vastavad peatükid olid heaks meeldetuletuseks. Kõige huvitavam oli minu jaoks nn näidisprojekti läbimine ja algusest lõpuni kaasa tegemine.”
Koolitaja
-
Koolitajata
