Aikataulu

Yleinen laatikko

• CodeW3C.com kattava valikoima

Valikko

• Kuvakepalkki
• Valikkokuvake
• Kuiskaus
• Välilehdet
• Pystysuuntaiset välilehdet
• Välilehden otsikko
• Koko sivun välilehdet
• Napsautusasetuksen välilehdet
• Ylivalikko
• Vastauskykyinen ylivalikko
• Jako navigointi
• Kuvakkeellinen navigointipalkki
• Hakovalikko
• Hakupalkki
• Kiinnitetty sivupalkki
• Sivunavigointi
• Vastauskykyinen sivupalkki
• Koko näytön navigointi
• Kankaan ulkopuolinen valikko
• Napsautusasetuksen sivunavigointipainike
• Sivupalkki kuvakkeella
• Horizontal scroll menu
• Vertical menu
• Bottom navigation
• Responsive bottom navigation
• Bottom border navigation links
• Right-aligned menu links
• Centered menu links
• Equal width menu links
• Fixed menu
• Slide down on scroll
• Hide navigation bar on scroll
• Shrink 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
• Pagination
• Breadcrumbs navigation
• Button group
• Vertical button group
• Sticky social bar
• Pill navigation
• Responsive page header

Image

• Slide
• Slideshow 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
• Blurred background image
• Background change 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
• Iconic 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 the navigation bar
• Login form in the navigation bar
• Custom checkbox/radio button
• Custom select box
• Toggle switch
• Select checkbox
• Detect capital 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

• Filter list
• Filter table
• Filter element
• Filter dropdown menu
• Sorted list
• Sorted table

Table

• Zebra stripes table
• Keskitetty taulukko
• Koko leveys taulukko
• Sisäänrakennettu taulukko
• Yhdistetty taulukko
• Vastauksellinen taulukko
• Kuvaus taulukko

Lisää

• Kokonainen video
• Modaalinen tukiasema
• Poista modaalinen tukiasema
• Aikajana
• Rollaus ohjaaja
• Edistymispalkki
• Taittovyö
• Aseta alue liukusäädin
• Värit valitsin
• Sähköpostikenttä
• Työkaluvinkki
• Hover näyttää elementti
• Pop-up ikkuna
• Kääntyvä sisältö
• Kalenteri
• HTML sisältää
• Tehtävälista
• Lataaja
• Ripustin
• Tähtiarvio
• Käyttäjäarvio
• Peittävät vaikutukset
• Yhteyshenkilö chip
• Kortti
• Kääntyvä kortti
• Profiili kortti
• Tuote kortti
• Varoitus
• Hiljainen keho
• Muistiinpano
• Tunniste
• Lentävä lanka
• Tunniste pilvi
• Ympyrä
• Tyylikäs tasainen viiva
• Alennuskoodi
• Luettelo
• Ripustin luettelo
• Luettelo ilman numeroita
• Vastauksellinen teksti
• Varjo teksti
• Hehkuva teksti
• Kiinnitetty alatunniste
• Joustava elementti
• Sama korkeus
• Tyhjennä liukuvuus
• Vastauksellinen liukuvuus
• Ilmoitussarja
• Kokonainen ikkuna
• Scrollaus piirto
• Sujuva scrollaus
• Vaiheittainen taustaväri pyörähdys
• Joustava roolipalkki
• Supistu roolipalkki, kun pyörii
• Hinnoittelutaulukko
• Parallax-scrollaus
• Leveys/korkeus suhde
• Vastauksellinen sisäinen kehyssivu
• Vaihda tykkää/piitä
• Vaihda näkymä/piilota
• Vaihda tumma tila
• Vaihda teksti
• Vaihda luokka
• Lisää luokka
• Poista luokka
• Muuta luokkaa
• Aktiivinen luokka
• Puu näkymä
• Poista desimaali
• Poista ominaisuus
• Poissa linjasta tarkistus
• Etsi piilotettu elementti
• Uudelleenohjaa verkkosivu
• Luku muotoilu
• Hover-kasvu
• Käänteinen laatikkoon
• Pystysuuntainen keskitys
• Keskitetty painike DIV:ssä
• Keskitetty luettelo
• Hover-ylitys
• Nuoli
• Muoto
• Latauslinkki
• Täysikorkeus-elementti
• Selaimen ikkuna
• Mukautettu roolipalkki
• Piilota roolipalkki
• Näytä/pakota näyttää roolipalkki
• Laitteen ulkoasu
• Muokattavan内容的 reunat
• Paikallisvärin väri
• Poista tekstialueen muokkaus
• Poista tekstin valinta
• Tekstin valintaväri
• Luettelo merkkien värit
• Pystysuuntainen viiva
• Jako
• Tekstijakaja
• Animaatioikoni
• Laskuri ajastin
• Kirjoituslaitteen vaikutus
• Tuleva verkkosivu
• Chat-viesti
• Pop-up chat-ikkuna
• Erittäin
• Asiakaspalaute
• Alueen laskuri
• Lainauslasi
• Suljettavat luettelorivit
• Tavallinen laitekatkaus
• Liukuvat HTML-elementit
• JS media-haku
• Sisennyslajittaja
• JS animaatio
• JS merkkijonon pituus
• JS eksponenttinen laskenta
• JS oletusparametrit
• JS satunnainen luku
• JS lukuarrayn järjestäminen
• JS laajennuslaskin
• JS-vertailu näkymään
• Hanki nykyinen päivämäärä
• Hanki nykyinen URL-osoite
• Hanki nykyinen näyttökokoonpituus
• Hanki iframe-elementti

Verkkko

• Yksi sarakkeen asettelu
• Kaksi saraketta
• Neljä saraketta
• Laajennettu verkkonäkymä
• Luettelo verkkonäkymässä
• Miksessä sarakkeiden asettelu
• Sarakkeiden kortit
• S-kirjain asettelu
• Blogin asettelu

Muuntaja

• Muunna paino
• Muunna lämpötila
• Muunna pituus
• Muunna nopeus

Valinnainen kurssi

Kurssiesimerkki:

• CodeW3C.com kattava valikoima

Työkalupakka

JavaScript ja HTML DOM -viittaus

JavaScript esimerkkejä

JavaScript testit

JavaScript korkeamman tason oppitunnit

Sponsorin linkki