Frontend kūrėjas: HTML/CSS/JavaScript svetainės – kursas 18 000 rub. iš Coddy vaikų programavimo mokyklos, mokymai 3 moduliai (mėn.)
įvairenybės / / December 03, 2023
Amžius: 11-14 metų
Lygis: pradedantiesiems.
Trukmė: nuo 3 modulių (mėnesiai), nuo 24 val.*.
Formatas: individualios ir grupinės pamokos, neprisijungus ir prisijungus (realiu laiku).
Vaikų skaičius: nuo 1 iki 8.
Kaina:
nuo 750 rub./val. internetinėje grupėje,
nuo 850 rub./val neprisijungus grupėje,
nuo 1050 rub./val individualiai internetu,
nuo 1980 rub./val individualiai neprisijungus.
Šiuolaikiniame pasaulyje bet kuri rimta įmonė stengiasi įsigyti savo svetainę, nes tai yra savotiška „vizitinė kortelė“ internete, be kurios verslas jau atrodo pasenęs, nerimtas ir beviltiška.
Pastaraisiais metais žiniatinklio valdytojo profesija pakilo į patraukliausių ir paklausiausių IT srities profesijų reitingo viršūnę. Šiuo metu vis daugiau žmonių nori mokytis kurti svetaines su subraižykite ir įvaldykite šią prestižinę specialybę, kad galėtumėte turėti stabilų ir padorią pajamos. Mūsų programavimo mokykla CODDY siūlo nedelsti ir registruoti savo vaiką į kursus „Priekinės programos kūrėjas: svetainės HTML/CSS/JavaScript kalboje“ jau dabar! Šio kurso tikslas – išmokyti vaikus kurti modernias svetaines ir supažindinti su sąsajų kūrėjo profesijos pagrindais.
Kas yra žiniatinklio valdytojas ir kaip tapti žiniatinklio valdytoju?
Webmastering – tai internetinių svetainių kūrimo, kūrimo, optimizavimo ir reklamavimo veiklų visuma. Viskas, kas vienaip ar kitaip susiję su aikštelių gamyba ir priežiūra. Tai ištisas mokslas, reikalaujantis tam tikrų įgūdžių ir žinių daugelyje sričių, tokių kaip interneto programavimas, dizainas, tekstų rašymas, SEO ir kt.
Šiuolaikiniame internete kiekvienas gali susikurti savo svetainę. Tačiau, kaip taisyklė, interneto projektų kokybė palieka daug norimų rezultatų. Kad svetainė būtų konkurencinga, reikia kompetentingai spręsti problemą ir į darbą įtraukti profesionalus. Naudodamas programavimo kalbą, programuotojas sukuria svetainės puslapius ir sujungia juos į vieną objektą, o po to išdėsto juos, kad būtų tinkamai rodomas naršyklėse. Ypatingas dėmesys turėtų būti skiriamas būsimos svetainės sąsajai, užtikrinančiai tinkamą jos veikimą ir saugumą. Taigi, profesionalus žiniatinklio valdytojas viską atlieka pats! Tai programuotojas, interneto dizaineris, maketuotojas, administratorius ir moderatorius, o kartais ir SEO tekstų kūrėjas.
Kokias žinias ir technologijas reikia išmokti norint tapti žiniatinklio valdytoju?
Prieš tapdami žiniatinklio valdytoju, turite susipažinti ir išstudijuoti daugybę technologijų, programų ir sistemų. Štai pagrindiniai žingsniai, kurie padės pagrindą jūsų būsimai profesijai:
1. Mokymasis HTML – hiperteksto žymėjimo kalba.
Pradėję mokytis HTML, suprasite žiniatinklio dokumento struktūrą ir išmoksite kurti paprastas svetaines.
2. Mokymasis CSS – tinklalapio rodymo stiliaus kalba. Dėl CSS stilių įvedimo į dokumentą svetainė įgauna savo skonį ir unikalią išvaizdą. Galite nustatyti tinklalapio spalvą, dydį, foną ir daug daugiau.
3. Įvadas į TVS – svetainės turinio valdymo sistema arba „variklis“.
4. „Adobe Photoshop“ įsisavinimas – grafinis redaktorius su neįtikėtinu galimybių skaičiumi. Daugelis specialistų jį naudoja piešdami dizainus ir kurdami savo originalius ir kokybiškus maketus.
5. Elementarus susipažinimas su programavimo kalbomis. Didžioji dauguma svetainių naudoja PHP ir JavaScript. Svetainės greitis, saugumas, galimas mastelio keitimas ir trečiųjų šalių kūrėjų palaikymas priklauso nuo parašytų scenarijų kokybės. Kitaip tariant, jūs turite mokėti parašyti kokybės kodą.
6. Darbas su duomenų bazėmis.
Ir svarbiausia, žiniatinklio valdytojas turi sukurti originalias svetaines. Atsiradus paruoštiems sprendimams visoms populiarioms TVS, svetainė su originaliu, ne šabloniniu dizainu yra paklausesnė nei bet kada anksčiau. Profesionalus žiniatinklio valdytojas gali ne tik dirbti su paruoštų programų rinkiniu, bet ir parašyti šias paruoštas programas. Norėdami pasiekti šį lygį, turėsite sunkiai dirbti. O mūsų kursas „Priekinis kūrėjas: HTML/CSS/JavaScript svetainės“ padės jūsų vaikui žengti pirmuosius pasitikėjimo žingsnius atliekant šią sudėtingą užduotį. Vadovaujant patyrusiems mokymo specialistams, jis išmoks kurti informatyvias svetaines su originaliu grafiniu dizainu.
Ugdymo proceso metu bus nagrinėjamos šios temos:
1. Hiperteksto žymėjimo kalbos (HTML) ir pakopinio stiliaus lapų (CSS) pagrindai
2. šiuolaikinių svetainių išdėstymas
3. nuodugnus tinklalapio stiliaus ypatybių tyrimas
4. darbo su „Adobe Photoshop“ ir darbo su svetainės dizaino maketais pagrindus
Pradiniame etape susipažinsime su žiniatinklio sąsajos kūrėjo profesijos pagrindais ir išnagrinėsime taisykles svetainių struktūros ir logikos kūrimas, praktinių programavimo įgūdžių įgijimas žiniatinklio sąsajos. Kiekvienas mokinys išmoks HTML ir CSS kodų rašymo pagrindus.
Baigęs šią temą, jūsų vaikas sukurs savo modernią svetainę.
Antrasis modulis apima nuodugnų žiniatinklio sąsajos programavimo įrankių tyrimą. Šiame modulyje tęsime supažindinimą su HTML ir CSS. Studentai praktikoje susipažins su modernių svetainių kūrimo algoritmu ir struktūra, savarankiškai sukurs interaktyvią vaizdų galeriją ir paskelbs savo projektą internete.
Trečiojo modulio metu tęsime pažintį su žiniatinklio kūrėjo profesija, įgysime praktinių įgūdžių dirbant su Adobe Photoshop bei mokysimės modernių interneto dizaino įrankių. Svetainės dizaino kūrimo etape studentas įgis pagrindinius darbo grafinio redaktoriaus įgūdžius. Išanalizuosime įvairius svetainės dizaino variantus, aptarsime kiekvieno privalumus ir trūkumus, išsiaiškinsime, kaip dizainą galima patobulinti.
Kurso pabaigoje su studentais sukursime internetinę svetainę naudodami paruoštą dizaino maketą naudodami naujausius interneto programavimo įrankius ir paskelbsime savo darbo rezultatą internete.
11
kursaiKurso dėstytojas:
„Minecraft: Dirbtinio intelekto įvadas“, „Unity 3D“, „Priekinis kūrėjas: HTML/CSS/JavaScript svetainės“, „Piešimas anime stiliumi“, „Programavimas mažiesiems“, „Minecraft programavimas“, „Dizaino mąstymas“, „Botai Python“, „Photoshop grafinis dizainas“, "Vaizdo tinklaraštis"
Išsilavinimas:
Daugybė IT įgūdžių tobulinimo kursų tarptautinėse įmonėse (Chatbot Hackathons, Prototyping dirbtinio intelekto srityje, IT architektūra ir kt.). Heilbronno universitetas, Heilbronas, Vokietija (verslo administravimo magistras). Baltarusijos valstybinis ekonomikos universitetas, Minskas, Baltarusija (verslo administravimo magistras).
Patirtis:
Jis užsiima klientų konsultavimu teisinių sistemų, audito sprendimų sistemų ir procesų automatizavimo srityse, dirba inovatyvioje IT srityje ir pradeda verslą Vokietijoje tarptautinėje įmonėje.
Pomėgiai:
Asmeninis tobulėjimas, aistra dalintis žiniomis, tinklų kūrėja, pasaulio atvertoja, gyvenimo kūrėja, sporto aktyvistė.
„Šiandien visas pasaulis yra tarpusavyje susiję: žmonės, šalys, ekonomikos, technologijos ir kt. Programavimas yra pagrindinė ateities kompetencija. Tai padeda geriau suprasti ateities pasaulį, aktyviai jį formuoti ir būti novatorišku įdomios visuomenės be sienų nariu. Gebėjimas koduoti mūsų vaikams šiame pasaulyje atveria begalines duris į ateitį ir daro juos naujų technologijų ambasadoriais.
9
kursaiKurso dėstytojas:
„Minecraft: Dirbtinio intelekto įvadas“, „Unity 3D“, „Priekinis kūrėjas: HTML/CSS/JavaScript svetainės“, „Piešimas anime stiliumi“, „Programavimas mažiesiems“, „Minecraft programavimas“, „Dizaino mąstymas“, „Botai Python“, „Photoshop grafinis dizainas“, „Vaizdo dienoraščio rašymas“
Išsilavinimas:
Daugybė IT įgūdžių tobulinimo kursų tarptautinėse įmonėse (SAP, procesų automatizavimas, el. prekyba). FOM Štutgarto universitetas, Štutgartas, Vokietija (verslo administravimo magistras) Karagandos valstybinis technikos universitetas, Karaganda, Kazachstanas.
Patirtis:
Sėkmingos internetinės elektros parduotuvės Vokietijoje įkūrėjas, užsiimantis klientų konsultavimu pardavimo procesų automatizavimo srityje, dirba IT pardavimų srityje Vokietijoje tarptautiniu mastu įmonių.
Pomėgiai:
Kelionės, žvejyba, sportas, šachmatai.
I. Goethe sakė: „Galite išmokti tik tai, ką mėgsti“
1 modulis
Pirmoji diena
Tinklalapio išdėstymo pagrindai
- HTML dokumento struktūra
- Pirmasis tinklalapis naudojant HTML žymėjimo kalbą
- Pristatome Sublime Text 3 redaktorių
Pamokos rezultatas: sukūrė pirmąjį tinklalapį, išmoko pagrindinių teksto žymėjimo būdų naudojant žymes.
Praktinė užduotis: sukurti tinklalapį naudodami HTML žymėjimo kalbą.
Antra diena
Div elemento ir žymos atributai
- Darbas su interneto inspektoriumi
- Kelių puslapių svetainės kūrimas
- Naujų žymos elementų ir atributų mokymasis
Pamokos rezultatas: išmoko pridėti nuorodas ir paveikslėlius į svetainę, pridėti atributų prie žymų
Praktinė užduotis: sukurti savo pirmąją kelių puslapių svetainę.
Trečia diena
Kaskadiniai stiliaus lapai
- Kaskadinių stiliaus lapų įvadas
- HTML elementų stilius
- Naudojant selektorius
- Diegimas ir darbas su Emmet papildiniu bei Lorem teksto pridėjimas
Pamokos rezultatas: išmoko pakeisti HTML elementų fono ir teksto spalvą, naudoti dviejų tipų parinkiklius, kurti Lorem tekstą naudojant Emmet įskiepį
Praktinė užduotis: pakeisti puslapio išvaizdą naudodami CSS ypatybes.
Ketvirta diena
Jaguar svetainės kūrimas
- Kelių puslapių Jaguar svetainės sukūrimas
- Projekto failo struktūros kūrimas
- Darbas su paminkštinimu ir elementų paminkštinimu
Pamokos rezultatas: išmoko dirbti su išoriniu CSS failu, susipažino su išoriniu ir vidiniu elementų užpildymu.
Praktinė užduotis: sukurti kelių puslapių „Jaguar“ svetainę.
2 modulis
Pirmoji diena
Dėžutės modelis CSS
- Dėžutės modelis CSS
- Neįprastų formų kaladėlių kūrimas
- Darbas su langelio dydžio ypatybe, norint pakeisti elemento pločio ir aukščio apskaičiavimą
Pamokos rezultatas: išmoko kurti neįprastų formų blokus, naudoti langelio dydžio savybę su border-box reikšme teisingai apskaičiuoti elemento plotį ir nustatyti elementų dydžius skirtingais matavimo vienetais.
Praktinė užduotis: kurkite korteles su tekstu, naudodami skirtingas dėžutės dydžio nuosavybės vertes.
Antra diena
Išplėstinė teksto manipuliacija CSS
- Įvairių tipų šriftai
- Šriftų pasirinkimas svetainėms
- Naujų stilių kūrimas, leidžiantis tinkinti teksto rodymą aukštesniu lygiu
Pamokos rezultatas: sukūrė puslapį, naudodamas įvairių tipų šriftus, pagerino teksto išvaizdą ir skaitomumą naudojant perduotas savybes.
Praktinė užduotis: sukurti puslapį naudodami pagrindinius šriftų tipus.
Trečia diena
Elementų išdėstymas CSS
- Darbas su plūdine nuosavybe
- Elementų išdėstymo puslapyje tipai
- padėties nuosavybė
Pamokos rezultatas: išmoko dirbti su plūduriavimo ir padėties savybėmis, kurti teksto apvyniojimą aplink vaizdus
Praktinė užduotis: sukurti tinklalapį ir įdėti elementus į jį naudodami slankiojo ir padėties savybes
Ketvirta diena
Tinklaraščio puslapio kūrimas
- Tinklaraščio puslapio kūrimas
- Elementų padėties nustatymo ypatybės, skirtos meniu ir įrašams įdėti į puslapį
- Semantinės žymės
Pamokos rezultatas: išmoko dirbti su semantinėmis žymomis naudojant pozicionavimo ypatybes, puslapyje išdėstė pagrindinius tinklaraščio komponentus
Praktinė užduotis: sukurti tinklaraščio puslapį naudodami semantines žymas
3 modulis
Pirmoji diena
Pseudoklasės ir darbas su vaizdais CSS
- Fono paveikslėlių naudojimas tinklalapyje
- Pseudoklasės sklando, aktyvios ir lankomos
- Vieno elemento stiliaus keitimas aktyvuojant pseudoklasę kitame elemente
- Fono raštų kūrimas
Pamokos rezultatas: išmoko dirbti su foniniais vaizdais, studijavo darbo su vaizdais savybes
Praktinė užduotis: pridėti išorinių elementų pakeitimų, užvesdami pelės žymeklį virš jų.
Antra diena
„FlexBox“ CSS
- Darbas su CSS Flexible Box Layout
- Flex konteinerio elementų išlygiavimo ypatybės
- Mokomasis žaidimas „Flex-varlė“.
Pamokos rezultatas: išmoko dirbti su „Flex“ technologija, kad sukurtų lanksčius maketus, baigė „flex-varlės“ žaidimą, kad konsoliduotų padengtą medžiagą
Praktinė užduotis: Užbaikite lanksčios varlės žaidimą, kad sutvirtintumėte padengtą medžiagą
Trečia diena
Sneakers parduotuvės svetainės kūrimas. 1 dalis
- Svetainės struktūros kūrimas su modeliais
- Prisijungimas prie šrifto svetainės
- Svetainės antraštės ir jos antrinių elementų ypatybės
- Gradiento puslapio fono kūrimo funkcijos
Pamokos rezultatas: sukūrė svetainės struktūrą su modeliais, prijungė šriftą prie svetainės.
Praktinė užduotis: pasirinkite ir atsisiųskite paveikslėlius su modeliais, pridėkite šešėlį prie svetainės antraštės
Ketvirta diena
Sneakers parduotuvės svetainės kūrimas. 2 dalis
- Darbų užbaigimas svetainėje
- Sukurti bloką su kortelėmis
- Elementų elgsenos keitimas užvedus virš jų pelės žymeklį
- „FlexBox“ technologija kortelių padėties nustatymui
Pamokos rezultatas: sukūrė svetainę su modelių kortelėmis
Praktinė užduotis: pridėkite galeriją naudodami „FlexBo“ technologiją
4 modulis
Pirmoji diena
Tinklelio išdėstymas CSS
- Įvadas į Grid sistemą
- Puslapio kūrimas naudojant tinklelį
- Savybės išplėstiniam darbui su tinklelio langeliais
Pamokos rezultatas: studijavo dvimatę išdėstymo sistemą (CSS Grid Layout), išmoko išdėstyti tinklelio langelius puslapyje.
Praktinė užduotis: Užbaikite tinklelio sodo žaidimą, kad sutvirtintumėte padengtą medžiagą.
Antra diena
Pseudoelementai po ir prieš
- Pseudoelementai prieš ir po
- Paveikslėlio sujungimas su tekstu viduje
- Elementai su pirmos raidės ir pirmos eilės pseudoelementais
Pamokos rezultatas: išmoko dirbti su pseudo elementais prieš, po, pirmąja raide ir pirmąja eilute, derinti pseudo elementus su skirtingomis savybėmis, kad būtų sukurti gražūs blokai
Praktinė užduotis: sukurti elementą naudodami pseudoelementus po ir prieš.
Trečia diena
Animacijos ir transformacijos CSS
- CSS transformacijos
- Transformacijų taikymas HTML elementams
- Animuotų blokų kūrimas CSS
- Laiko nustatymo funkcijų taikymas pagrindiniams kadrams
Pamokos rezultatas: išmoko dirbti su transformacijomis CSS, kurti begalę animacijų CSS.
Praktinė užduotis: sukurkite mygtuką, pridėkite transformacijų, kai užveskite pelės žymeklį.
Ketvirta diena
Išmokite kurti animacijas CSS
- Animacijos ir transformacijos taikymas praktikoje
- Animacinės orbitinės planetų sistemos kūrimas mūsų Saulės sistemoje
Pamokos rezultatas: sukūrė puslapį, demonstruojantį planetų judėjimą Saulės sistemoje ir animacinį foną.
Praktinė užduotis: sukurti animuotą planetų orbitinę sistemą mūsų Saulės sistemoje.
5 modulis
Pirmoji diena
Internetinės parduotuvės sukūrimas
- Kas yra internetinė parduotuvė?
- Projekto struktūros kūrimas
- Projekto sąranka
Pamokos rezultatas: pradėjo kurti internetinę parduotuvę.
Praktinė užduotis: pasirinkite piktogramas, kurios bus naudojamos svetainėje.
Antra diena
Internetinės parduotuvės antraštės kūrimas
- CSS kintamieji ir kaip juos naudoti
- Šriftų prijungimas prie išorinio stiliaus lapo naudojant url funkciją
- Internetinės parduotuvės antraštė, jos stilius
- Papildomų meniu funkcijų pridėjimas naudojant JavaScript programavimo kalbą
Pamokos rezultatas: projekte sukonfigūravo globalius kintamuosius, sukūrė daugiafunkcę antraštę su meniu, sujungė Javascript failą, kad pridėtų papildomų meniu funkcijų.
Praktinė užduotis: pridėkite keisti svetainės antraštės foną slenkant puslapiu
Trečia diena
Pirmojo ekrano su pagrindiniu produktu kūrimas
- Pateikties bloko HTML struktūra
- Tinklelio sistema tinkamam elementų atvaizdavimui
- CSS nuosavybės vertės naudojant kintamuosius
- Stiliaus elementai
Pamokos rezultatas: sukūrė internetinės parduotuvės pristatymo dalį
Praktinė užduotis: sukurti internetinės parduotuvės pristatymo dalį
Ketvirta diena
Bloko su populiariais produktais kūrimas
- HTML žymėjimas blokui su produktais
- Stilius gaminių kortelėms
- Tinklelis kortelių padėties nustatymui
- Bloko stilizacija su įmonės istorija
Pamokos rezultatas: sukūrė bloką su populiariais produktais ir įmonės istorija
Praktinė užduotis: pridėti išorinį ir vidinį užpildą prie elementų bloke su įmonės istorija
6 modulis
Pirmoji diena
Slankiklio su klientų atsiliepimais kūrimas.
- Peržiūros blokas
- Slenkamų sudėtinių rodinių kūrimo būdai CSS
- scroll-behavior ir scroll-snap tipo ypatybės
- Slankiklio tvirtinimo taškai
Pamokos rezultatas: sukūrė slankiklį su klientų atsiliepimais naudojant HTML ir CSS.
Praktinė užduotis: pridėkite tvirtinimo taškus prie pagrindinių svetainės skilčių ir sukurkite automatinį slinkimą iki šių blokų, kai spustelėsite mygtuką.
Antra diena
Darbas su formomis ir vaizdo turiniu.
- HTML5 žymos, skirtos vaizdo įrašų turiniui įterpti į svetainę
- Skilties stilius su viso ekrano vaizdo klipu
- Įvesties lauko žyma -, ir jos atributai
- Žyma formoms kurti HTML
- Teksto įvesties elemento stiliaus kūrimas
Pamokos rezultatas: sukūrė skyrių su vaizdo įrašu ir bloką su atsiliepimų forma
Praktinė užduotis: sukurti grįžtamojo ryšio formą, stilizuoti elementus
Trečia diena
Atskiro galerijos puslapio kūrimas
- Pasirinktinis tinklelis galerijos puslapiui
- Blokų su vaizdais įtraukimas į tinklelį
- Pseudo elementai ir įvairios blokų animacijos su vaizdais
- CSS filtrai, skirti pagerinti galerijos vizualinį dizainą
Pamokos rezultatas: sukūrė atskirą puslapį su nuotraukų galerija
Praktinė užduotis: naudojant skirtingus pozicionavimo tipus, kad būtų sukurtas permatomas neįprastas fonas.
Ketvirta diena
Turinio pritaikymas visų tipų įrenginiams.
- Turinio pritaikymo mobiliesiems įrenginiams būdai
- Medijos užklausos, skirtos tam pačiam elementui pritaikyti skirtingas ypatybes skirtingo pločio įrenginiuose
- CSS taisyklės trijų tipų įrenginiams
Pamokos rezultatas: Svetainę pritaikėme planšetiniams kompiuteriams ir telefonams.
Praktinė užduotis: naudodami medijos užklausas, pakeiskite HTML elementų ypatybių reikšmes, kad pritaikytumėte turinį visų tipų įrenginiams
7 modulis
Pirmoji diena
Įvadas į Tailwind SS sistemą.
- Kas yra karkasai ir kaip jie pagreitina projekto kūrimo procesą?
- Tailwind CSS sistemos ir papildinių diegimas
- Tailwind CSS pagrindų koncepcijos
- Darbas su tipografija ir spalvomis naudojant Tailwind CSS
Pamokos rezultatas: sukūrė pirmąjį tinklalapį naudojant Tailwind CSS sistemą.
Praktinė užduotis: sukurti bloką su tekstu, stiliaus elementais naudojant tailwind klases.
Antra diena
Tailwind klasės, skirtos sukurti interaktyvią svetainę
- Darbas su Tailwind klasėmis kuriant interaktyvią svetainę
- Klasės, skirtos pridėti pelės žymeklio ir fokusavimo efektus
- Klasės, skirtos elementams pridėti šešėlių
- Klasės darbui su elementų dydžiais
- Klasės darbui su išoriniu ir vidiniu elementų paminkštinimu
Pamokos rezultatas: Sukūrėme prisitaikantį puslapį visų tipų įrenginiams.
Praktinė užduotis: kurti mygtukus, pridėti efektus juos spustelėjus naudojant Tailwind klases
Trečia diena
Tailwind Flex išdėstymas.
- Darbas su Tailwind Flex Layout
- Klasės, skirtos antrinių elementų lygiavimui Flex konteineryje
- Kortelės su prekės kaina sukūrimas
- Pažangos rodiklių kūrimas
- Darbas su pseudo elementais Tailwind CSS
Pamokos rezultatas: sukūrė Flex konteinerį su produktų kortelėmis
Praktinė užduotis: sukurti kortelę su prekės aprašymu.
Ketvirta diena
Tinklelio sistema Tailwind CSS.
- Eilučių tarpatramio ir tarpatramio savybės
- Savybės, skirtos automatiškai užpildyti tuščią vietą tinklelyje elementais
- Projekto komandos puslapis
Pamokos rezultatas: sukūrė adaptyvų projekto komandos puslapį naudojant Tailwind Grid sistemą.
Praktinė užduotis: pridėti efektų prie tinklelio elementų, kai užveskite pelės žymeklį virš jų
8 modulis
Pirmoji diena
Projekto sąranka
- „Tvarkyti“ taikomųjų programų svetainės projekto nustatymas
- Interaktyvios svetainės antraštės kūrimas
- „Hamburger“ meniu kūrimas naudojant „JavaScript“.
- Pristatymo skyriaus su produktu kūrimas
Pamokos rezultatas: sukūrė pirmąjį programos „Tvarkyti“ svetainės ekraną
Praktinė užduotis: pridėkite fono paveikslėlį į pirmąjį ekraną.
Antra diena
Sukurkite skyrių su programos aprašymu
- Skyrius su programos aprašymu ir jos pranašumais
- Sukurtą bloką pritaikykite visų tipų įrenginiams
- Skyrius su programos veikimu
- Vaizdui pritaikykite Tailwind filtrus
Pamokos rezultatas: sukūrė dvi svetainės skiltis „Tvarkyti“
Praktinė užduotis: sukurti papildomą skyrių su programos kūrimo istorija
Trečia diena
Skilties apie projekto komandą kūrimas
- Skyrius apie komandą
- Slankiklis naudojant Tailwind CSS ir Javascript
- Darbuotojo kortelės
Pamokos rezultatas: sukūrė skyrių apie projekto komandą
Praktinė užduotis: sukurti skyrių su raginimo veikti mygtuku
Ketvirta diena
Skilties su kainomis kūrimas
- Sukurkite skyrių su kainomis
- Sukurkite interaktyvią svetainės poraštę
- Užbaikite projektą
Pamokos rezultatas: baigė projekto darbus, sukūrė interneto svetainę programai „Tvarkyti“.
Praktinė užduotis: užbaigti projektą, įdėti svetainę į internetą
9 modulis
Pirmoji diena
Pradėkite dirbti su savo projektu.
- Pasirinkite projekto temą
- Pradėkite kurti savo svetainę
Pamokos rezultatas: pasirinkta tema ir pradėtas darbas su projektu
Praktinė užduotis: Projektinis darbas
Antra diena
Tęsiamas darbas su projektu
- Tęskite darbą su projektu
- Ištaisykite projekto klaidas
Pamokos rezultatas: svetainės puslapių kūrimas
Praktinė užduotis: Projektinis darbas
Trečia diena
Projekto pristatymo ruošimas.
- Apibūdinkite savo projektą
- Sukurkite pristatymo šabloną, kad apgintumėte savo projektą
- Užbaikite projektą
- Įdėkite svetainę į internetą
Pamokos rezultatas: parengė pristatymą ir repetavo kalbą.
Praktinė užduotis: parengti projekto pristatymą, įkelti svetainę į internetą.
Ketvirta diena
Projekto apsauga.
- Užbaikite projekto pristatymą
- Apginkite savo projektą prieš auditoriją
Pamokos rezultatas: Baigėme kurso projekto darbą ir pristatėme jį tėvams.
Praktinė užduotis: užbaigti projektą, parengti ir pravesti pristatymą.