Opintosuunnitelma

Matkakassa

• CodeW3C.com kattava laatikko

Valikko

• Kuvakevalikko
• Valikkokuvake
• Saksofoni
• Valitsin
• Pystysuuntainen valitsin
• Valitsin otsikko
• Koko sivun valitsin
• Hävittävä valitsin
• Ylavihko
• Vastaavuuspohjainen ylavihko
• Jakautunut navigointi
• Ikonillinen navigointipalkki
• Hakovalikko
• Hakupalkki
• Kiinnitetty sivupalkki
• Sivavalikko
• Vastaavuuspohjainen sivupalkki
• Koko näytön valikko
• Kuvauksen ulkopuolinen valikko
• Hävittävä sivavalikko
• Ikonillinen sivupalkki
• Horisontaalinen vieritysvalikko
• Pystysuuntainen valikko
• Alavihko
• Vastaavuuspohjainen alavihko
• Bottom Border Navigation Link
• Right Aligned Menu Link
• Centered Menu Link
• Equal Width Menu Link
• Fixed Menu
• Slide Down Sidebar on Scroll
• Hide Navigation Bar on Scroll
• Resize Navigation Bar on Scroll
• Sticky Navigation Bar
• Navigation Bar on Image
• Hover Drop-down Menu
• Single Click Drop-down Menu
• Cascading Drop-down Menu
• Drop-down Menu in Top Navigation Bar
• Drop-down Menu in Sidebar Navigation
• Responsive Navigation Bar with Drop-down Menu
• Sub Navigation Menu
• Drop-down Menu
• Super Menu
• Mobile Menu
• Curtain Menu
• Collapsible Sidebar
• Collapsible Sidebar Panel
• Pagination
• Breadcrumb Navigation
• Button Group
• Vertical Button Group
• Sticky Social Bar
• Pill Navigation
• Responsive Page Header

Image

• Slide
• Slide Gallery
• Modal Image
• Lightbox
• Responsive Image Grid
• Image Grid
• Image Gallery
• Scrollable Image Gallery
• Tabbed Image Gallery
• Image Overlay Fade Out
• Image Overlay Slide
• Image Overlay Zoom
• Image Overlay Title
• Image Overlay Icon
• Image Effect
• Black and White Image
• Image Text
• Image Text Block
• Transparent Image Text
• Full Page Image
• Form on Image
• Focus Image
• Blur Background Image
• Change Background on Scroll
• Side-by-Side Images
• Rounded Image
• Avatar Image
• Responsive Image
• Centered Image
• Thumbnail
• Image Border
• Team Introduction
• Sticky Image
• Flip Image
• Shaking Image
• Portfolio Gallery
• Filterable Portfolio
• Image Zoom
• Image Magnifier
• Image Comparison Slider
• Website Icon

Button

• Warning Button
• Outline Button
• Split Button
• Animated Button
• Gradient Button
• Button on Image
• Social Media Button
• Read More/Read Less
• Load Button
• Download Button
• Pill Button
• Notification Button
• Icon Button
• Next/Previous Page Button
• More Button in Navigation
• Block Button
• Text Button
• Rounded Button
• Back to Top Button

Form

• Login Form
• Registration Form
• Checkout Table
• Contact Form
• Social Login Table
• Registration Form
• Icon Form
• News Subscription
• Stacked Form
• Responsive Form
• Pop-up Form
• Inline Form
• Clear Input Box
• Hide Number Arrow
• Copy Text to Clipboard
• Animated Search
• Search Button
• Full Screen Search
• Input Box in Navigation Bar
• Login Form in Navigation Bar
• Custom Checkbox/Radio Button
• Custom Dropdown
• Toggle Switch
• Select Checkbox
• Detect Caps Lock
• Trigger Button with Enter Key
• Password Verification
• Toggle Password Visibility
• Multi-Step Form
• Auto Complete
• Turn Off Auto Complete
• Turn Off Spell Check
• File Upload Button
• Empty Input Validation

Filter

• Filtered List
• Filtered Table
• Filter Element
• Filter Dropdown Menu
• Sorted List
• Sorted Table

Table

• Zebra Strip Table
• Centered Table
• Full Width Table
• Nested Table
• List Table
• Responsive Table
• Vertailutaulukko

Lisää

• Koko näyttövideo
• Modaalinen ikkuna
• Poista modaalinen ikkuna
• Aikajana
• Pyörittävä osoitin
• Edistyspyörä
• Taittovyö
• Aseta alueen liukusäädin
• Värimallin valitsin
• Sähköpostikenttä
• Työkaluvinkki
• Hiiren osoittimen siirtymis näyttäminen
• Ponnahdusikkuna
• Kääntyvä sisältö
• Kalenteri
• HTML sisältää
• Tehtävälista
• Lataaja
• Ankkuri
• Tähtiarvio
• Käyttäjän arvio
• Peittämäinen vaikutus
• Yhteystietojen muistiinpano
• Kortti
• Kääntyvä kortti
• Profiili kortti
• Tuote kortti
• Varoitus
• Ilmoituskeksi
• Muistiinpanot
• Tunniste
• Lipas
• Tunnisteiden pilvi
• Ympyrä
• Muotoiltu tasorivi
• Alennuskoodi
• Luettelo
• Tunnisteiden sisältävä luettelo
• Ei numeroita sisältävä luettelo
• Vastauksellinen teksti
• Vilkkuva teksti
• Hehkuva teksti
• Jäykät alatunnisteet
• Jäykät elementit
• Sama korkeus
• Tyhjennä liukua
• Vastauksellinen liukua
• Ilmoituspalkki
• Koko näyttöikkuna
• Pyörittävä kuvitus
• Sujuva pyörittäminen
• Vaiheittainen taustaväri pyörittäessä
• Jäykät otsikot
• Pyyhkiminen otsikosta pyörittäessä
• Hinnoittelutaulukko
• Parallaxin pyörivä
• Leveys/korkeus suhde
• Vastauksellinen sisäänrakennettu kehykset
• Vaihda tykkäämisen ja tykkäämättömän välillä
• Vaihda näkymä/piilota
• Vaihda tumma tila
• Vaihda tekstiä
• Vaihda luokkaa
• Lisää luokka
• Poista luokka
• Muuta luokkaa
• Aktiivinen luokka
• Puu näkymä
• Poista desimaali
• Poista ominaisuus
• Poissa linjasta tarkistus
• Etsi piilotettu elementti
• Web-sivun uudelleenohjaus
• Lukujen muotoilu
• Hiiren osoittimen siirtymis缩放
• Kääntyvä laatikko
• Pystysuuntainen keskustus
• Keskustettu painike DIV:ssä
• Keskustettu luettelo
• Hiiren osoittimen siirtymis过渡
• Nuoli
• Muoto
• Latauslinkki
• Koko korkeus elementti
• Selausikkuna
• Mukautettu roolipalkki
• Piilota roolipalkki
• Näytä/pakota näyttää roolipalkki
• Laitteen ulkoasu
• Muokattavan sisällön reunaviiva
• Paikallismerkin väri
• Estä tekstialueen kokoonpano
• Estä tekstivalinta
• Tekstin valinta väri
• Luettelo merkkien värit
• Pystysuuntainen viiva
• Jako
• Tekstijakaja
• Animaatioikoni
• Lasketaan taaksepäin ajastin
• Käsin kirjoitettu vaikutus
• Tulossa oleva sivu
• Keskustelumessut
• Ponnahdusikkuna keskusteluun
• Erikoisnäyttö
• Asiakaspalautteet
• Alueen laskuri
• Lainauslapiot
• Suljettavat luettelorivit
• Typilliset laitteiden katkeamispisteet
• Raahattavat HTML-elementit
• JS:n media kysely
• Syntaksivärit
• JS:n animaatio
• JS:n merkkijonon pituus
• JS:n eksponenttinen laskenta
• JS:n oletusparametrit
• JS:n satunnainen luku
• JS:n lukuinen taulukon järjestäminen
• JS:n laajennuslaskin
• JS:llä pyöritetään näkymää
• Hanki nykyinen päivämäärä
• Hanki nykyinen URL-osoite
• Hanki nykyinen näyttötila
• Hanki iframe-elementti

Ruudukko

• Kaksisarakkeinen asennus
• Kolmasarakkeinen asennus
• Neljasarakkeinen asennus
• Laajennettu ruudukko
• Luettelo ruudukko näkymässä
• Sarakkeiden sekoitusasennus
• Sarakkeet
• Käänteinen asettelu
• Blogin asettelu

Muuntaja

• Painon muuntaminen
• Lämpötilan muuntaminen
• Pituuden muuntaminen
• Nopeuden muuntaminen

Valinnainen kurssi

Kurssivinkki:

• CodeW3C.com kattava laatikko

Työkalupakka

JavaScript ja HTML DOM viittomakirja

JavaScript esimerkkejä

JavaScript testi

JavaScript korkean tason oppitunnit

Sponsoroitu linkki