Verkkokehittäjä tyhjästä - kurssi 72 900 hieroa. Brunoiamilta, koulutus 9 kuukautta, päivämäärä 27.11.2023.

instagram viewer

Lohko 1 - Verkkoteknologioiden perusteet

• Henkilökohtaisten tavoitteiden asettaminen kurssille
• Sivujen tyypit, toiminnallisuus
• Verkkosivujen luomisen vaiheet, päätoimialan ammatit
• Verkkoteknologiat ja Internet-protokollat: TCP/IP, HTTP, HTTPS, FTP
• Isännöinti ja verkkotunnus, DNS-järjestelmä
• Asiakas- ja palvelinmalli
• Selaimen ja koodieditorien rooli
• Perustetaan työtilaasi
• Versionhallintajärjestelmät. Git

Lohko 2 - HTML

• Johdatus HTML: ään: Tunnisteiden ja attribuuttien käsitteet
• HTML-tekstin koodaus
• Tunnisteet tekstin muodostamiseen
• Hyperlinkit ja tiedostoosoitteet
• Ankkurilinkit
• Linkki soittamiseen ja sähköpostin lähettämiseen
• Taulukot HTML-muodossa
• img-tunniste ja sen attribuutit. Kuvien julkaisun säännöt. Kuvamuodot: mitkä niistä valita

Lohko 3 – CSS

• CSS-perussyntaksi
• Valitsimien päätyypit: tunnisteet, luokat, pseudo-luokat
• Spesifisyyskohdat ja sääntöjen prioriteetit
• Kaskadi- ja omaisuuden perintö
• Tilannekohtainen ja yleinen valitsin
• Tekstin ja fontin ominaisuudet CSS: ssä
• Ulkoisten fonttien yhdistäminen
• HEX ja RGB värit. Yhtenäisen taustan lisääminen elementteihin. Sivun taustakuva, taustaasetukset

Lohko 4 - Lohkon malli ja verkkosivun asettelu

• Lohko- ja rivielementtien ymmärtäminen
• Lohkojen tärkeimmät ominaisuudet
• Kuinka lohkon koko ja laatikon koko lasketaan: border-box
• Mikä on lohkomalli
• Lohkojen käyttäminen asettelun rakentamiseen
• Sisäiset lohkoelementit
• näyttöominaisuus
• Vanhentuneet asettelun rakentamismenetelmät: tiedä, ei voida käyttää

Lohko 5 – Monisarakeasettelut Flexboxilla

• Semanttiset tunnisteet asettelun suunnitteluun
• Flexboxin perusteet: Säiliöt ja elementit
• Elementtien kohdistus pää- ja poikkiakselia pitkin
• Akseleiden vaihtaminen ja elementtien pystysuuntaus
• Ongelmia flexboxin käytössä

Lohko 6 - Graafisten editorien perusteet taittosuunnittelijoille

• Työskentely kuvien kanssa: rajaus, trimmaus
• Säästäminen: muoto, laatu, paino
• Kuinka selvittää värikoodi
• Fonttityökalut
• Kopioidaan valmis CSS
• Etäisyyksien mittaus: työkalut, asetukset
• Efektit ja niiden kopiointi
• Karttojen ja videoiden upottaminen

Lohko 7 – Paikannus

• Paikannustyypit: staattinen, absoluuttinen, suhteellinen, kiinteä
• Erilaisten paikannustyyppien ominaisuudet
• z-indeksi ja peittokuvakonteksti
• Milloin ja miten paikannusta käytetään
• Esimerkki monitasoisesta avattavasta valikosta
• Tyypillisten paikannusongelmien ratkaiseminen

Kenttä 8 – Palautelomakkeet

• Lomakkeen peruselementit: syöttö, valinta, tekstialue, painike
• Kentän tila ja pseudo-luokat
• Valintaelementit -valintaruutu, radio, valitse
• Ryhmittelyelementit: kenttäjoukko ja selite
• Paikkamerkkien pseudoelementin tyylit
• Lomakkeiden kirjoitustyylien säännöt
• Muotoilupainikkeet

Lohko 9 – Responsiivinen ja mukautuva verkkosuunnittelu

• Mukautuvan ja reagoivan web-suunnittelun käsite
• Mediakyselyt
• Viewport Options ja Meta viewport Tag
• Selaimien väliset ongelmat
• Koodin voimassaolo, validaattorit
• Monisivuisten sivustojen ominaisuudet
• Asettelusäännöt hakukoneoptimointia varten

Lohko 10 – Animaatio HTML5:llä ja CSS3:lla

• Tasaiset siirtymät animaatiotehosteiden luomiseen
• Animaatio avainkehysten avulla
• Elementtien muuntaminen
• Perusanimaatioelementtien lisääminen sivustolle 

Lohko 11 – JavaScriptin perusteet

• Johdatus JavaScriptiin
• Muuttujat ja tietotyypit
• Matemaattiset operaattorit ja tyyppimuunnos
• Loogiset operaattorit
• Haarat ja ehdolliset lausekkeet
• Sisäänrakennetut käyttäjävuorovaikutusominaisuudet

Lohko 12 - Silmukat ja taulukot JavaScriptissä

• Taulukot
• Menetelmät taulukoiden kanssa työskentelyyn
• for ja while -silmukat
• Sisäkkäiset taulukot
• Työskentely konsolin kanssa

Lohko 13 - Toiminnot

• Toiminnon määritelmä. Nuolifunktio ja sen erot tavallisesta. Funktiolauseke ja funktion ilmoitus.
• Näkyvyysalue. Kuinka se toimii. LexicalEnvironment.
• Ajastimet ja sulkeminen. Toiminnot setInterval, setTimeout, clearInterval, clearTimeout. Mikä on suljin ja miten sitä voidaan käyttää.
• Takaisinsoittotoiminnot

Lohko 14 - Objektit. DOM. Tapahtumat

• Esineet ja sanakirjat. Kuinka luoda esineitä. Avainsana on tämä. Objektin ominaisuuksien hakeminen, muuttaminen ja poistaminen. Linkit esineisiin.
• Prototyypin periytyminen. Miten ominaisuuksien ja menetelmien periytyminen toimii. Suunnittelijat.
• Luokat. Luokkien määrittely ja käytön edut. Luokkien laajentaminen. Yksityiset menetelmät ja julkiset. Getterit ja asettajat. Esimerkki ohjelman luomisesta luokkia ja MVP-arkkitehtuuria käyttämällä.
• DOM. Sivuobjektimalli ja miksi sitä tarvitaan. Elementtien etsiminen sivulta ja niiden hakeminen. Elementtien ja perusominaisuuksien luettelointi.
• Tapahtumat

Lohko 15 - animaatio ja tehosteet JavaScriptissä

• JavaScript-animaatioita. Elementtien CSS-ominaisuuksien muuttaminen. Bezierin käyrä. Esimerkkejä animaatioista.
• Renderöinti selaimessa. Optimoidut ominaisuudet. requestAnimationFrame-toiminto.
• Kirjastot animaatioilla

Lohko 16 - Vuorovaikutteiset elementit

• Liukusäädin
• Harmonikka
• Työkaluvinkki

Lohko 17 – Node.js

• Node.js: n esittely. Node.js-ominaisuudet. Lyhyesti moduuleista ja niiden tarkoituksista: fs, child_process, https.
• NPM. Npm-pakettienhallinnan peruskomennot. Projektin alustaminen ja ensimmäisten pakettien asentaminen. package.json-rakenne.
• Verkkopaketin perusteet. Miksi tarvitsemme kokoajia ja mitkä vaiheet voidaan automatisoida? Ensimmäinen Webpack-konfigurointi ja rakennusautomaatio: koodin pienentäminen, moduulien ketjuttaminen ja SCSS-esiprosessorin käyttö.
• SCSS esiprosessori. Esiprosessorien edut. Nopea yleiskatsaus joidenkin eroihin: SCSS, SASS, Less, post-css. Perusrakenteet: muuttujat, mixiinit, funktiot.

Lohko 18 - Työskentely palvelimen kanssa

• Promise API
• Yhteyden ottaminen palvelimeen ja XMLHttpRequest-luokkaan
• noutomenetelmä
• Axios kirjasto

Lohko 19 - Reagoimisen perusteet

• Komponentit ja JSX
• Komponenttien kunto
• Koukut
• Muotoilukomponentit
• React-reititin

Osio 20 - TypeScriptin perusteet

• Staattinen kirjoitus
• Liitännät ja tyypit
• Enum tyypit

Lohko 21 – Yleiskatsaus JS-kehittäjän etenemissuunnitelmaan

• Lyhyesti kuinka kehittyä kehittäjänä ja mitä opiskella 

Lohko 22 - PHP-ohjelmoinnin perusteet

• Palvelintekniikoiden tarkoitus
• Paikallinen verkkopalvelin ja verkkotunnus
• Dynaamisten verkkosivujen luominen
• CMS-järjestelmien käsite
• Verkkosivuston isännöinti
• FTP-protokolla tiedostojen lataamiseen
• Projektin yhteenveto ja viimeistely

Bonusprosentti

Ilmainen kurssi "Opi oppimaan"

Annamme jokaiselle opiskelijalle pääsyn tälle kurssille, jotta koulutus ei mene hukkaan. Ongelmana on, että ihmiset eivät saa tuloksia harjoittelusta. Syitä on kolme:

• Selkeitä tavoitteita ei ole. Ja edes ne, jotka ymmärtävät tavoitteiden tärkeyden, eivät silti tee sitä. Haluan vaihtaa työpaikkaani ja tulla siistiksi sosiaalisen median johtajaksi - ei tavoite, vaan halu. Tällä asetuksella tulos on sopiva.
• Oppimisen keskeyttäminen puolivälissä. Monet ihmiset löytävät motivaatiota ensimmäisellä viikolla. Mutta on mahdotonta päästä loppuun. Koska aivot eivät halua oppia säännöllisesti.
• Johdonmukaisuuden puute. Se on melko yleinen ilmiö, kun tartumme mihin tahansa tietoon valitusta aiheesta, liikumme sattumanvaraisesti ja sen seurauksena turhaan.

Miksi korostimme näitä kolmea syytä? Koska olemme opettaneet 11 vuotta ja näemme palautetta opiskelijoilta. Kurssin aikana kerromme kuinka soveltaa kaikkea tätä arvokasta tietoa elämässä.