Käyttöliittymän kehittäjä: HTML/CSS/JavaScript-sivustot – kurssi 18 000 hieroa. Coddy School of Programming for Children, koulutus 3 moduulia (kk)

Miscellanea   /   by admin   /   December 03, 2023

click fraud protection

Ikä: 11-14 vuotta

Taso: aloittelijoille.

Kesto: alkaen 3 moduulia (kk), alkaen 24 tuntia*.

Muoto: yksilö- ja ryhmätunnit, offline ja online (reaaliaikainen).

Lasten määrä: 1-8.

Hinta:

alkaen 750 hieroa/tunti verkkoryhmässä,
alkaen 850 hieroa/tunti offline-ryhmässä,
alkaen 1050 ruplaa/tunti erikseen verkossa,
alkaen 1980 hieroa/tunti erikseen offline-tilassa.

Nykymaailmassa jokainen vakava yritys pyrkii hankkimaan oman verkkosivustonsa, koska se on eräänlainen "käyntikortti" Internetissä, jota ilman liiketoiminnan harjoittaminen näyttää jo vanhentuneelta, kevytmielliseltä ja toivoton.

Verkkovastaavan ammatti on viime vuosina noussut IT-alan houkuttelevimpien ja halutuimpien ammattien listan kärkeen. Tältä osin on tällä hetkellä yhä enemmän ihmisiä, jotka haluavat käydä koulutusta verkkosivustojen luomisessa raaputa ja hallitse tämä arvostettu erikoisuus, jotta sinulla on vakaa ja kunnollinen tulot. Ohjelmointikoulumme CODDY suosittelee, että et viivyttele ja rekisteröi lapsesi kurssille "Frontend Developer: Websites on HTML/CSS/JavaScript" heti! Tämän kurssin tarkoituksena on opettaa lapsille nykyaikaisten verkkosivustojen luomista ja perehdyttää heille käyttöliittymäkehittäjän ammatin perusteet.

instagram viewer

Mitä webmastering on ja kuinka tulla webmasteriksi?

Webmastering on joukko toimintoja verkkosivustojen kehittämiseen, luomiseen, optimointiin ja edistämiseen. Kaikki, mikä liittyy tavalla tai toisella työmaan tuotantoon ja ylläpitoon. Tämä on koko tiede, joka vaatii tiettyjä taitoja ja tietoja monilla aloilla, kuten web-ohjelmointi, suunnittelu, copywriting, SEO ja muut.

Nykyaikaisessa Internetissä kuka tahansa voi tehdä oman verkkosivustonsa. Mutta yleensä verkkoprojektien laatu jättää paljon toivomisen varaa. Jotta verkkosivusto olisi kilpailukykyinen, sinun on lähestyttävä asiaa pätevästi ja otettava ammattilaiset mukaan työhön. Ohjelmointikieltä käyttämällä ohjelmoija luo verkkosivut ja yhdistää ne yhdeksi objektiksi, minkä jälkeen hän asemoi ne oikeaa näyttöä varten selaimissa. Erityistä huomiota tulee kiinnittää tulevan sivuston käyttöliittymään varmistaen sen oikea toiminta ja turvallisuus. Ammattimainen verkkovastaava tekee siis kaiken edellä mainitun itse! Tämä on ohjelmoija, web-suunnittelija, taittosuunnittelija, järjestelmänvalvoja ja moderaattori, ja joskus SEO copywriter.

Mitä tietoja ja tekniikoita sinun tulee hallita tullaksesi verkkovastaavaksi?

Ennen kuin tulet verkkovastaavaksi, sinun on perehdyttävä ja opittava monia teknologioita, ohjelmia ja järjestelmiä. Tässä ovat tärkeimmät vaiheet, jotka luovat perustan tulevalle ammattillesi:
1. HTML: n oppiminen – hypertekstin merkintäkieli.
Kun aloitat HTML: n oppimisen, ymmärrät verkkodokumentin rakenteen ja opit luomaan yksinkertaisia ​​verkkosivustoja.

2. CSS: n oppiminen – verkkosivun näyttötyylikieli. CSS-tyylien sisällyttämisen dokumenttiin ansiosta sivusto saa oman makunsa ja ainutlaatuisen ulkoasunsa. Voit määrittää verkkosivun värin, koon, taustan ja paljon muuta.

3. Johdatus CMS: ään – sivuston sisällönhallintajärjestelmä tai "moottori".

4. Adobe Photoshopin hallitseminen – graafinen editori, jossa on uskomattoman paljon mahdollisuuksia. Monet asiantuntijat käyttävät sitä piirtämään malleja ja luomaan omia alkuperäisiä ja laadukkaita asetteluja.

5. Ohjelmointikielten perustason tuntemus. Suurin osa verkkosivustoista käyttää PHP: tä ja JavaScriptiä. Sivuston nopeus, sen turvallisuus, mahdollinen skaalautuvuus ja kolmannen osapuolen kehittäjien tuki riippuvat kirjoitettujen komentosarjojen laadusta. Toisin sanoen sinun on kyettävä kirjoittamaan laatukoodia.

6. Työskentely tietokantojen kanssa.

Ja mikä tärkeintä, verkkovastaavan on luotava alkuperäisiä sivustoja. Kaikkiin suosittuihin sisällönhallintajärjestelmiin syntyneiden valmiiden ratkaisujen myötä sivusto, jossa on alkuperäinen, ei-mallipohjainen suunnittelu, on kysytty enemmän kuin koskaan. Ammattimainen webmaster ei voi vain työskennellä valmiiden ohjelmien kanssa, vaan myös kirjoittaa näitä valmiita ohjelmia. Tämän tason saavuttamiseksi sinun on tehtävä lujasti töitä. Ja kurssimme "Frontend Developer: Websites on HTML/CSS/JavaScript" auttaa lastasi ottamaan ensimmäiset itsevarmat askeleet tässä vaikeassa tehtävässä. Kokeneiden opettajien ohjauksessa hän oppii luomaan informatiivisia verkkosivustoja, joissa on omaperäinen graafinen suunnittelu.

Koulutusprosessin aikana opiskellaan seuraavia aiheita:

1. Hypertext Markup Language (HTML) ja CSS (Cascading Style Sheets) perusteet

2. nykyaikaisten verkkosivustojen ulkoasu

3. Web-sivujen muotoilun ominaisuuksien perusteellinen tutkimus

4. Adobe Photoshopin ja verkkosivustojen suunnittelun perusteet

Alkuvaiheessa tutustutaan verkkorajapinnan kehittäjän ammatin perusteisiin ja sääntöihin verkkosivujen rakenteen ja logiikan rakentaminen, käytännön ohjelmointitaitojen hankkiminen verkkokäyttöliittymät. Jokainen opiskelija oppii HTML- ja CSS-koodin kirjoittamisen perusteet.

Tämän aiheen päätyttyä lapsesi luo oman modernin verkkosivustonsa.

Toinen moduuli sisältää perusteellisen tutkimuksen web-rajapinnan ohjelmointityökaluista. Tässä moduulissa jatkamme HTML: n ja CSS: n tutustumista. Opiskelija perehtyy käytännössä nykyaikaisten verkkosivujen luomisen algoritmiin ja rakenteeseen, luo itsenäisesti interaktiivisen kuvagallerian ja julkaisee projektinsa Internetissä.

Kolmannen moduulin aikana jatketaan tutustumista web-kehittäjän ammattiin, hankitaan käytännön taitoja Adobe Photoshopin kanssa työskentelyyn ja opiskellaan nykyaikaisia ​​web-suunnittelutyökaluja. Sivustosuunnittelun luomisvaiheessa opiskelija saa perustiedot graafisen editorin työskentelystä. Analysoimme erilaisia ​​verkkosivustojen suunnitteluvaihtoehtoja, keskustelemme kunkin eduista ja haitoista sekä selvitämme, miten suunnittelua voidaan parantaa.

Kurssin päätteeksi luomme opiskelijoideni kanssa verkkosivun valmiilla ulkoasulla käyttämällä uusimpia web-ohjelmointityökaluja ja julkaisemme työmme tulokset Internetissä.

Ella T.
Kurssit

11

kurssit

Kurssin opettaja:
"Minecraft: Johdatus tekoälyyn", "Unity 3D", "Frontend Developer: HTML/CSS/JavaScript-verkkosivustot", "Anime-tyyliin piirtäminen", "Ohjelmointi pienimmille", "Minecraft-ohjelmointi", "Design-ajattelu", "Botit Pythonissa", "Photoshop-graafinen suunnittelu", "Videobloggin"

Koulutus:

Lukuisia kursseja IT-taitojen parantamiseksi kansainvälisissä yrityksissä (Chatbot Hackathons, Prototyping tekoälyn alalla, IT-arkkitehtuuri jne.). Heilbronnin yliopisto, Heilbronn, Saksa (Master of Business Administration). Valko-Venäjän valtion talousyliopisto, Minsk, Valko-Venäjä (Master of Business Administration).

Kokea:

Hän harjoittaa asiakaskonsultointia lakijärjestelmissä, tilintarkastusratkaisujen järjestelmissä ja prosessiautomaatiossa, työskentelee IT: n innovatiivisella alalla ja start-up Saksassa kansainvälisessä yrityksessä.

Kiinnostuksen kohteet:

Henkilökohtainen kehitys, intohimo tiedon jakamiseen, verkostoituja, maailman avaaja, elämänsuunnittelija, urheiluaktivisti.

”Tänään koko maailma on yhteydessä toisiinsa: ihmiset, maat, taloudet, teknologiat jne. Ohjelmointi on tulevaisuuden avainosaamista. Se auttaa sinua ymmärtämään paremmin tulevaisuuden maailmaa, muokkaamaan sitä aktiivisesti ja olemaan innovatiivinen jäsen jännittävässä yhteiskunnassa ilman rajoja. Kyky koodata avaa loputtomasti ovia tulevaisuuteen lapsillemme tässä maailmassa ja tekee heistä uuden teknologian lähettiläitä."

Sergei T.
Kurssit

9

kurssit

Kurssin opettaja:
"Minecraft: Johdatus tekoälyyn", "Unity 3D", "Frontend Developer: HTML/CSS/JavaScript-verkkosivustot", "Anime-tyyliin piirtäminen", "Ohjelmointi pienimmille", "Minecraft-ohjelmointi", "Design-ajattelu", "Botit Pythonissa", "Photoshop-graafinen suunnittelu", "Videoblogi"

Koulutus:

Lukuisia kursseja IT-taitojen parantamiseksi kansainvälisissä yrityksissä (SAP, prosessiautomaatio, verkkokauppa). FOM University of Stuttgart, Stuttgart, Saksa (Master of Business Administration) Karaganda State Technical University, Karaganda, Kazakstan.

Kokea:

Menestyneen sähköisen verkkokaupan perustaja Saksassa, joka harjoittaa asiakkaiden konsultointia myyntiprosessien automatisoinnin alalla, työskentelee IT-myynnin alalla Saksassa kansainvälisesti yritykset.

Kiinnostuksen kohteet:

Matkustaminen, kalastus, urheilu, shakki.

I. Goethe sanoi: "Voit oppia vain mitä rakastat"

1. moduuli 

Ensimmäinen päivä

Web-sivun asettelun perusteet

  • HTML-dokumentin rakenne
  • Ensimmäinen HTML-kuvauskieltä käyttävä verkkosivu
  • Esittelyssä Sublime Text 3 -editori

Oppitunnin tulos: loi ensimmäisen verkkosivun, oppi perustavat tekstin merkitsemiseen tunnisteiden avulla.
Käytännön tehtävä: luoda Web-sivu HTML-kuvauskielellä.

Toinen päivä

Div-elementin ja tagin attribuutit

  • Työskentely verkkotarkastajan kanssa
  • Monisivuisen verkkosivuston luominen
  • Uusien tunnisteelementtien ja attribuuttien oppiminen

Oppitunnin tulos: oppinut lisäämään linkkejä ja kuvia sivustolle, lisännyt attribuutteja tunnisteisiin
Käytännön tehtävä: luo ensimmäinen monisivuinen verkkosivustosi.

Kolmas päivä

CSS Style Sheets

  • Cascading Style Sheets -tyylisivujen esittely
  • HTML-elementtien muotoilu
  • Valitsimien käyttäminen
  • Emmet-laajennuksen asennus ja käyttö sekä Lorem-tekstin lisääminen

Oppitunnin tulos: oppinut muuttamaan HTML-elementtien taustaväriä ja tekstin väriä, käyttämään kahdenlaisia ​​valitsimia, luomaan Lorem-tekstiä Emmet-laajennuksella
Käytännön tehtävä: muuttaa sivun ulkoasua CSS-ominaisuuksien avulla.

Päivä neljä

Jaguarin verkkosivujen luominen

  • Monisivuisen Jaguar-verkkosivuston luominen
  • Projektitiedostorakenteen luominen 
  • Työskentely pehmusteella ja elementtien pehmusteella

Oppitunnin tulos: oppii työskentelemään ulkoisen CSS-tiedoston kanssa, tutustui elementtien ulkoiseen ja sisäiseen täyteen.
Käytännön tehtävä: luoda monisivuinen Jaguar-verkkosivusto.

2. moduuli

Ensimmäinen päivä

Laatikkomalli CSS: ssä

  • Laatikkomalli CSS: ssä
  • Epätavallisen muotoisten lohkojen luominen
  • Box-sizing-ominaisuuden käyttäminen muuttaaksesi tapaa, jolla elementin leveys ja korkeus lasketaan

Oppitunnin tulos: oppinut luomaan epätavallisen muotoisia lohkoja, käyttämään box-sizing-ominaisuutta border-box-arvon kanssa laskemaan oikein elementin leveyden ja asettamaan elementtien koot eri mittayksiköissä
Käytännön tehtävä: luoda kortteja tekstillä käyttämällä erilaisia ​​laatikon kokoisia ominaisuusarvoja.

Toinen päivä

Edistynyt tekstinkäsittely CSS: ssä

  • Erilaisia ​​fontteja
  • Kirjasinten valitseminen verkkosivustoille
  • Uusien tyylien luominen, joiden avulla voit mukauttaa tekstin näyttöä edistyneellä tasolla

Oppitunnin tulos: loi sivun erityyppisillä fonteilla, paransi tekstin ulkonäköä ja luettavuutta läpäistyillä ominaisuuksilla.
Käytännön tehtävä: luoda sivu käyttämällä peruskirjasintyyppejä.

Kolmas päivä

Elementtien paikannus CSS: ssä

  • Työskentely kelluntakiinteistön kanssa
  • Elementtien sijoittamisen tyypit sivulla
  • aseman omaisuutta

Oppitunnin tulos: oppinut työskentelemään float- ja position-ominaisuuksien kanssa, luomaan tekstiä kuvien ympärille
Käytännön tehtävä: Luo web-sivu ja sijoita siihen elementtejä float- ja position-ominaisuuksien avulla

Päivä neljä

Blogisivun luominen

  • Blogisivun luominen
  • Elementtien sijoitteluominaisuudet valikoiden ja viestien sijoittamiseksi sivulle
  • Semanttiset tunnisteet

Oppitunnin tulos: oppii työskentelemään semanttisten tunnisteiden kanssa paikannusominaisuuksien avulla, asetti blogin pääkomponentit sivulle
Käytännön tehtävä: luoda blogisivu käyttämällä semanttisia tunnisteita

3. moduuli

Ensimmäinen päivä

Pseudo-luokat ja kuvien käsittely CSS: ssä

  • Taustakuvien käyttäminen verkkosivulla
  • Pseudotunnit leijuvat, aktiivisia ja vierailtuja
  • Yhden elementin tyylin muuttaminen aktivoitaessa pseudoluokkaa toisessa elementissä
  • Taustakuvioiden luominen

Oppitunnin tulos: oppinut työskentelemään taustakuvien kanssa, opiskellut ominaisuuksia kuvien kanssa työskentelyyn
Käytännön tehtävä: lisätä ulkoisia muutoksia elementteihin viemällä hiiren osoittimen niiden päälle.

Toinen päivä

FlexBox CSS: ssä

  • Työskentely CSS Flexible Box Layout -asettelun kanssa
  • Ominaisuudet elementtien kohdistamiseen Flex-säiliössä
  • Flex-sammakko opetuspeli

Oppitunnin tulos: oppinut työskentelemään Flex-tekniikan kanssa joustavien asettelujen luomiseksi, suorittanut flex-sammakkopelin vahvistaakseen peitetyn materiaalin
Käytännön tehtävä: viimeistele flex-sammakkopeli vahvistaaksesi katettu materiaali

Kolmas päivä

Sneakers shop -verkkosivuston kehittäminen. Osa 1

  • Sivuston rakenteen luominen malleilla 
  • Yhdistetään kirjasinsivustoon
  • Sivuston otsikon ja sen alielementtien ominaisuudet
  • Toiminnot kaltevuussivun taustan luomiseen

Oppitunnin tulos: loi sivustorakenteen malleilla, liitti fontin sivustoon.
Käytännön tehtävä: valitse ja lataa kuvia mallineen, lisää varjo sivuston otsikkoon

Päivä neljä

Sneakers shop -verkkosivuston kehittäminen. Osa 2

  • Työn suorittaminen sivustolla
  • Lohkon luominen korteilla 
  • Elementtien käyttäytymisen muuttaminen vietäessä hiiri niiden päälle
  • FlexBox-tekniikka kortin paikannukseen 

Oppitunnin tulos: loi verkkosivuston mallikorteilla 
Käytännön tehtävä: lisää galleria FlexBo-tekniikalla

4. moduuli

Ensimmäinen päivä

Ruudukkoasettelu CSS: ssä

  • Grid-järjestelmän esittely
  • Sivun luominen ruudukon avulla
  • Ominaisuudet edistyneeseen ruudukkosolujen työskentelyyn 

Oppitunnin tulos: opiskellut kaksiulotteista asettelujärjestelmää (CSS Grid Layout), oppinut sijoittamaan ruudukkosoluja sivulle.
Käytännön tehtävä: viimeistele ruudukkopuutarhapeli vahvistaaksesi katettu materiaali.

Toinen päivä

Pseudoelementtejä jälkeen ja ennen

  • Pseudoelementtejä ennen ja jälkeen
  • Kuvan ja tekstin yhdistäminen sisällä 
  • Elementit, joissa on ensimmäisen kirjaimen ja ensimmäisen rivin pseudoelementtejä

Oppitunnin tulos: oppinut työskentelemään pseudoelementtien kanssa ennen, jälkeen, ensimmäistä kirjainta ja ensimmäistä riviä, yhdistämään pseudoelementtejä erilaisilla ominaisuuksilla luodaksesi kauniita lohkoja
Käytännön tehtävä: Luo elementti käyttämällä pseudoelementtejä after ja befor.

Kolmas päivä

Animaatiot ja muunnokset CSS: ssä

  • CSS-muunnokset
  • Muutosten soveltaminen HTML-elementteihin
  • Animoitujen lohkojen luominen CSS: ssä
  • Ajoitustoimintojen käyttäminen avainkehyksiin

Oppitunnin tulos: oppinut käsittelemään muunnoksia CSS: ssä, luomaan loputtomia animaatioita CSS: ssä.
Käytännön tehtävä: Luo painike, lisää siihen muunnoksia, kun osoitinta pidetään.

Päivä neljä

Harjoittele animaatioiden luomista CSS: ssä

  • Animaation ja transformaation soveltaminen käytännössä
  • Animoidun planeettojen kiertoratajärjestelmän luominen aurinkokuntaamme

Oppitunnin tulos: loi sivun, joka esittelee planeettojen liikettä aurinkokunnassa ja animoidun taustan.
Käytännön tehtävä: luoda animoitu planeettojen kiertoratajärjestelmä aurinkokuntaamme.

5. moduuli

Ensimmäinen päivä

Verkkokaupan perustaminen

  • Mikä on verkkokauppa?
  • Projektirakenteen luominen
  • Projektin asennus

Oppitunnin tulos: aloitti verkkokaupan luomisen.
Käytännön tehtävä: valitse sivustolla käytettävät kuvakkeet.

Toinen päivä

Verkkokaupan otsikon luominen

  • CSS: n muuttujat ja niiden käyttö
  • Fontien yhdistäminen ulkoiseen tyylitaulukkoon url-toiminnolla
  • Verkkokaupan otsikko, sen tyyli
  • Valikkotoimintojen lisääminen JavaScript-ohjelmointikielellä

Oppitunnin tulos: konfiguroi globaalit muuttujat projektissa, loi monitoimisen otsikon valikon kanssa, liitti Javascript-tiedoston lisävalikkotoimintojen lisäämiseksi.
Käytännön tehtävä: lisää sivuston otsikon taustan muuttaminen sivua vieritettäessä

Kolmas päivä

Ensimmäisen näytön luominen päätuotteella 

  • Esityslohkon HTML-rakenne
  • Ristikkojärjestelmä elementtien oikeaan näyttöön 
  • CSS-ominaisuusarvot muuttujien avulla
  • Tyylielementit

Oppitunnin tulos: loi verkkokaupan esittelyosan 
Käytännön tehtävä: luo verkkokaupan esittelyosa

Päivä neljä

Lohkon luominen suosituista tuotteista

  • HTML-merkintä tuotteita sisältävälle lohkolle
  • Tuotekorttien muotoilu
  • Ristikko kortin sijoitteluun
  • Lohkon stilisointi yrityksen historialla

Oppitunnin tulos: loi lohkon suosituista tuotteista ja yrityksen historiasta
Käytännön tehtävä: lisää ulkoinen ja sisäinen pehmuste yrityksen historian sisältävän lohkon elementteihin

6. moduuli

Ensimmäinen päivä

Liukusäätimen luominen asiakkaiden arvosteluilla.

  • Tarkista lohko
  • Tapoja luoda vieriviä säilöjä CSS: ssä
  • scroll-behavior- ja scroll-snap-tyyppiset ominaisuudet
  • Liukusäätimen kiinnityspisteet

Oppitunnin tulos: loi liukusäätimen asiakkaiden arvosteluilla HTML: n ja CSS: n avulla.

Käytännön tehtävä: lisää ankkuripisteitä sivuston pääosiin ja luo automaattinen vieritys näihin lohkoihin, kun napsautat painiketta.

Toinen päivä

Lomakkeiden ja videosisällön parissa työskenteleminen.

  • HTML5-tunnisteet videosisällön lisäämiseen verkkosivustolle
  • Osion muotoilu koko näytön videoleikkeellä
  • Syötekentän tunniste -, ja sen attribuutit
  • Tunniste lomakkeiden luomiseen HTML-muodossa
  • Tekstinsyöttöelementin tyylin muokkaaminen

Oppitunnin tulos: loi osion videolla ja lohkon palautelomakkeella

Käytännön tehtävä: luo palautelomake, muotoile elementit

Kolmas päivä

Erillisen galleriasivun luominen

  • Mukautettu ruudukko galleriasivulle
  • Kuvien lohkojen lisääminen ruudukkoon
  • Pseudoelementit ja erilaiset lohkojen animaatiot kuvilla
  • CSS-suodattimet gallerian visuaalisen suunnittelun parantamiseksi

Oppitunnin tulos: loi erillisen sivun kuvagallerian kanssa

Käytännön tehtävä: käyttämällä erilaisia ​​​​asemointityyppejä läpikuultavan epätavallisen taustan luomiseksi.

Päivä neljä

Sisällön mukauttaminen kaikentyyppisille laitteille.

  • Tapoja mukauttaa sisältöä mobiililaitteisiin
  • Mediakyselyt eri ominaisuuksien soveltamiseksi samalle elementille eri levyisillä laitteilla
  • CSS-säännöt kolmen tyyppisille laitteille

Oppitunnin tulos: Räätälöimme verkkosivut tableteille ja puhelimille.

Käytännön tehtävä: mediakyselyjen avulla muuta HTML-elementtien ominaisuusarvoja mukauttaaksesi sisältöä kaikentyyppisiin laitteisiin

7. moduuli

Ensimmäinen päivä

Johdatus Tailwind SS -kehykseen.

  • Mitä puitteet ovat ja miten ne nopeuttavat projektin kehitysprosessia?
  • Tailwind CSS -kehyksen ja lisäosien asentaminen
  • Tailwind CSS Framework Concepts
  • Työskentely typografian ja värien kanssa Tailwind CSS: ssä

Oppitunnin tulos: loi ensimmäisen verkkosivun Tailwind CSS -kehyksellä.
Käytännön tehtävä: luo lohko tekstillä, tyylielementtejä myötätuuliluokilla.

Toinen päivä

Tailwind-kurssit responsiivisen verkkosivuston luomiseen

  • Työskentele Tailwind-luokkien kanssa responsiivisen verkkosivuston luomiseksi
  • Kurssit hover- ja tarkennustehosteiden lisäämiseen
  • Luokat varjojen lisäämiseen elementteihin
  • Elementtikokojen kanssa työskentelyn luokat
  • Luokat työskentelyyn ulkoisten ja sisäisten elementtien pehmusteiden kanssa

Oppitunnin tulos: Loimme mukautuvan sivun kaikentyyppisille laitteille.
Käytännön tehtävä: Luo painikkeita, lisää tehosteita napsauttamalla niitä Tailwind-luokilla

Kolmas päivä

Tailwind Flex -asettelu.

  • Työskentely Tailwind Flex Layoutin kanssa
  • Luokat alatason elementtien kohdistamiseen Flex-säiliössä
  • Kortin luominen tuotteen hinnalla
  • Edistymisindikaattoreiden luominen
  • Työskentely pseudoelementtien kanssa Tailwind CSS: ssä

Oppitunnin tulos: loi Flex-kontin tuotekorteilla
Käytännön tehtävä: luo kortti, jossa on tuotteen kuvaus.

Päivä neljä

Grid-järjestelmä Tailwind CSS: ssä.

  • Riviväli- ja riviväliominaisuudet
  • Ominaisuudet ruudukon tyhjän tilan automaattiseen täyttämiseen elementeillä
  • Projektiryhmän sivu

Oppitunnin tulos: loi mukautuvan projektiryhmäsivun Tailwind Grid -järjestelmällä.
Käytännön tehtävä: lisätä tehosteita ruudukkoelementteihin viemällä hiiri niiden päälle

8. moduuli

Ensimmäinen päivä

Projektin asennus

  • "Hallitse" -sovellussivustoprojektin määrittäminen
  • Responsiivisen verkkosivuston otsikon luominen
  • Hampurilaismenun luominen JavaScriptillä
  • Esittelyosion luominen tuotteella

Oppitunnin tulos: loi "Hallitse" -sovellussivuston ensimmäisen näytön
Käytännön tehtävä: lisää taustakuva ensimmäiseen näyttöön.

Toinen päivä

Luodaan osio, jossa on sovelluksen kuvaus

  • Osio, jossa on kuvaus sovelluksesta ja sen eduista
  • Mukauta luotu lohko kaikentyyppisille laitteille
  • Osio, jossa sovellustoiminta
  • Käytä kuvaan Tailwind-suodattimia

Oppitunnin tulos: loi kaksi osiota "Hallinnoi" -sivustolle
Käytännön tehtävä: Luo lisäosio, jossa on sovelluksen luontihistoria

Kolmas päivä

Projektiryhmästä osion luominen

  • Osasto joukkueesta
  • Liukusäädin Tailwind CSS: n ja Javascriptin avulla
  • Työntekijäkortit

Oppitunnin tulos: loi osion projektiryhmästä
Käytännön tehtävä: luo osio CTA-painikkeella

Päivä neljä

Hintoja sisältävän osion luominen 

  • Luo osio hinnoista 
  • Luo responsiivinen verkkosivuston alatunniste
  • Viimeistele projekti

Oppitunnin tulos: valmistui projektissa, loi verkkosivuston "Hallinnoi"-sovellukselle
Käytännön tehtävä: viimeistele projekti, laita sivusto Internetiin

 9. moduuli

Ensimmäinen päivä

Aloita oman projektisi työstäminen.

  • Valitse projektin aihe
  • Aloita oman verkkosivustosi kehittäminen

Oppitunnin tulos: aihe on valittu ja projektin työstäminen on alkanut
Käytännön tehtävä: Projektityö

Toinen päivä

Projektin parissa työ jatkuu

  • Jatka työskentelyä projektin parissa
  • Korjaa projektin virheet

Oppitunnin tulos: verkkosivujen luominen
Käytännön tehtävä: Projektityö

Kolmas päivä

Projektiesityksen valmistelu.

  • Kuvaile projektiasi
  • Luo esitysmalli puolustaaksesi projektiasi
  • Viimeistele projekti
  • Laita sivusto Internetiin

Oppitunnin tulos: valmisteli esityksen ja harjoitteli puhetta.
Käytännön tehtävä: valmistele hankkeen esittely, laita verkkosivusto Internetiin.

Päivä neljä

Projektin suojaus.

  • Viimeistele projektin esittely
  • Puolusta projektiasi yleisön edessä

Oppitunnin tulos: Saimme kurssiprojektin työt valmiiksi ja esittelimme sen vanhemmille.
Käytännön tehtävä: viimeistele projekti, valmistele ja pidä esittely.

Tunnisteet pilvi
luokitus
0
näkymät
0
Kommentit
YOU MIGHT ALSO LIKE
Instagram story viewer