0
views
Veebilehtede küljendus ja veebiarendus. Kõrgtasemel Web Develop - kursus 1990 hõõruda. Stepikust, koolitus 131 õppetundi, Kuupäev: 01.12.2023.
Varia / / December 04, 2023
Tere!
Minu nimi on Dima. Ja kutsun teid üles sukelduma veebisaidi loomise ja paigutuse sügavustesse!
See kursus on mõeldud neile, kes juba teavad põhitõdesid, kuid soovivad liikuda heal tasemel veebisaidi loomisel suurepärasele tasemele.
Kursus on mõeldud neile, kes tunnevad HTML-i ja CSS-i põhitõdesid, kuid teavad, et endiselt on palju tehnikaid, arendustehnikaid ja tehnoloogiaid, mida kasutavad tõelised arendajate pooldajad.
Kui see kõlab tuttavalt, siis see kursus on teile)
Muutke oma veebisaitidele elu CSS-i kaudu moodsate animatsioonidega
Alustuseks tutvustame oma saitidele dünaamikat, see tähendab, et teeme animatsiooni. Õpime animeerima nuppe, tekste ja pealkirju kasutades puhast CSS-i, õpime looma kaardianimatsioone, looma dünaamilist navigeerimismenüüd ja seda kõike ilma ühegi JS-koodireata, ainult puhast CSS-i.
See kursus sisaldab tundliku disaini parimaid tavasid.
Saate teada uusi viise ja nippe, kuidas oma saite reageerivalt kujundada, kasutada uusi tehnikaid meediapäringute määratlemiseks ja kirjutamiseks ning õppida, kuidas kohandage kõiki leheelemente, muutes vaid ühte CSS-i atribuuti, nii et teie sait näeb üheski mobiilseadmes parem kui kunagi varem seade
Õppige kõiki kaasaegsete eelprotsessorite nõtkusi ja eeliseid
Saate teada, kuidas oma veebisaidi loomist mitu korda kiirendada, kasutades SASS-i eelprotsessori kõiki võimalusi, nagu miksinid, muutujad ja funktsioonid.
NPM-i kasutamise põhitõed
Samuti annavad igale professionaalsele arendajale vajalike pluginatega NPM-paketid meile võimaluse luua ja optimeerida veebisaite kiiremini ja tõhusamalt kui kunagi varem.
Giti versioonikontrollisüsteem aitab teid teie arendamisel
Lisaks saate selgeks git versioonikontrollisüsteemiga töötamiseks vajalikud põhitõed, et teil oleks alati olemas võimalus naasta oma saidi õige versiooni juurde, olenemata sellest, kui palju sa eelmisel korral sassi ajasid värskendage saiti)
Loote oma portfelli jaoks 2 kaasaegset veebisaiti
See kursus on üles ehitatud praktikale ja on jagatud väikesteks videotundideks, mille käigus loome samm-sammult 2 suurt kaasaegset projekti. ujukisüsteemil – et saaksid toetada vanu projekte ja loomulikult GRID CSS süsteemil, mis võimaldab luua uskumatu keerukusega paigutusi.
Ja loomulikult ei häbene te neid projekte oma potentsiaalsetele klientidele või tulevastele tööandjatele näidata.
Olen alati ühenduses!
Ja võite olla kindel, et teid ei jäeta üksi, sest pärast iga väikest õppetundi on teil võimalus võrrelda oma koodi minu koodiga või lihtsalt esitada küsimus, vastuste saabumine ei võta tavaliselt kaua aega.
Raha tagasi garantii!
Ja kui teil on endiselt kahtlusi, annab see kursus võimaluse 30 päeva jooksul kulutatud raha tagastada, kui see teile ei meeldi.
Liituge minuga ja koos õpime looma professionaalseid ja kaasaegseid veebisaite.
Kohtumiseni klassis!
Dmitri Fokejev
9
kursusedOlen loonud originaalseid veebikursusi alates 2016. aastast. Õpetan professionaalselt töötamist Adobe graafiliste redaktoritega, õpetan disaini ja veebiarendust.
Tere! Minu nimi on Dima! Ma ei taha kiidelda, aga ma pean) Olen õpetanud rohkem kui 5000 õpilast üle maailma oma patenteeritud veebikursustel. Üle 2000 tõelise arvustuse keskmise hinnanguga 4,83/5,00! Õpetan veebidisaini, veebiarendust ja vajalikku tarkvara (Photoshop Illustrator, Figma). Minu õpetamiskogemus koosneb 5-aastasest vabakutselisest juhendamisest, samuti õpetamisest veebikoolide ja -kursuste kaudu ülemaailmsetel kaugõppeplatvormidel. Minu kursuste üliõpilased märgivad minu parimaid omadusi selles, kuidas ma esitan materjali ummistamata, lõbusalt ja huvitavalt.
Ettevalmistus / Kordamine / Esimesed animatsioonid
1. Tere!) Laadige alla kursuse materjalid
2. Installige ja konfigureerige vajalik tarkvara
3. Uus vara lõiketee. Alustame saidi esimese jaotise loomist
4. Kui scout-rakendus teie jaoks ei tööta
5. Harjutamine: looge lõiketee abil oma kujund
6. Elementide vertikaalne joondamine absoluutse positsioneerimise abil
7. Saage tuttavaks @KeyFrames. Loome esimese animatsiooni.
8. Tagakülje nähtavus ja nuppude loomine pseudoklasside kaudu
9. Nupu animeerimine pseudoelementide abil
10. Animatsiooni täitmise režiim. Animatsiooni alustamine konkreetsest punktist.
11. 3 veebiarenduse põhimõtet
12. Kasutage PX-i asemel REM-i
Git ja GitHub
1. Millest see blokk räägib?
2. Põhikäsud terminalis
3. Kuidas terminali kaudu faile redigeerida
4. Installige meie arvutisse git-süsteem
5. Kuidas käivitada git konkreetses projektis
6. Esimese kohustuse loomine
7. Projekti esitamine GitHubile
8. Kui teil on projekti GitHubile esitamisel viga
9. Sisselogimisviga projekti GitHubi edastamisel
10. Praktika: looge oma hoidla
11. Kuidas kustutada GitHubi hoidla
12. Kuidas GitHubist hoidlaid alla laadida
13. Emuleerime 2 arendaja tööd ühes hoidlas
14. Kuidas kuvada terminalis teavet kohustuste kohta. Git logi
15. Mis on oksad
16. Kuidas filiaale luua ja navigeerida.
17. Vähendame minikursuse algusest tekkinud lünka märgetega -u ja -M
18. Salvestamata sooritamise viga kassasse
19. Kuidas lükata loodud muudatused uude harusse
20. Kuidas lükata mitu kohustust uude haru
21. Mis on eraldatud pea seisund? Eraldunud PEA
22. Kuidas taastada konkreetne fail eelmisest kinnipidamisest
23. Täiustatud git log ja git show
24. Kuidas liita filiaale kasutades Git Merge. Edasikerimise meetod
25. Kuidas filiaale kustutada
26. Kataloogifailide eemaldamine jälgimata olekust
27. Git reset -- raske. Kuidas kohustust raskelt tagasi võtta
28. Teine viis kinnijäänud kohustuse leidmiseks ORIG_HEAD abil
29. Git reset -- soft
30. Git commit -- muutke eelmise sissekande kommentaari muutmine
31. Git reset --mixed
32. Giti lähtestamise ja giti taastamise erinevus
33. Sissejuhatus git diff. Mitme kohustuse erinevuse trükkimine konsooli
34. Praktiline näide git diff kasutamisest
35. Kuidas kuvada hargnemisskeemi terminalis. Git log --graph
36. Ühendame filiaalid git merge abil. Meetod "Tõeline fusioon"
37. Kuidas pärast ühendamist tagasi pöörata
38. Kuidas kopeerida konkreetset kohustust git cherry-picki abil
39. Filiaalide ühendamine git rebase'iga
40. Kumb on parem, git rebase või git merge
41. Kuidas kasutada faili .gitignore
42. Lõppsõna
Täpsem paigutus – CSS/SASS
1. Millest see blokk räägib?
2. Kuidas SASS-i muutujad töötavad
3. Kuidas segud töötavad
4. Kuidas miksinidele argumente lisada
5. Mis on SASS-i mallid
6. Kuidas SASS-i funktsioonid töötavad
7. SASS-failide korraldamine suure projekti jaoks
8. 3 võimalust elementide paigutamiseks
9. Kuidas ujuk töötab?
10. Oma võrgusüsteemi loomine
11. Tekstile gradiendi rakendamine. Taustaklipp
12. Kuidas luua sümboleid HTML-i abil
13. Teise lõigu animeerimine ja lõpetamine
14. Kuidas luua oma ikoonifonte
15. Elementide perspektiivi kajastamiseks kasutame perspektiivi omadust
16. Kuidas segamisrežiim CSS-is töötab
17. Lõigu viimistlus kaartidega
18. Teksti ümardamine, kasutades atribuuti shape-outside
19. Kuidas CSS-filtrid töötavad
20. Kuidas lehele videot lisada
21. Vormisildi ja selle sisuga tutvumine
22. Vormi animeerimine
23. Oma raadionupu loomine CSS-i abil
24. Veebisaidi jaluse loomine
25. Navigeerimismenüü loomine puhta CSS-i osa 1 abil
26. Animatsiooni kiiruse üleminekute seadistamine cubic-bezieri abil
27. Hamburgeri animeerimine
Adaptiivne disain
1. Millest see blokk räägib?
2. Kuidas luua responsiivseid veebisaite
3. Meediumireeglitega miksini loomine
4. Projekti 1. osa kohandamine
5. Projekti 2. osa kohandamine
6. Projekti 3. osa kohandamine
7. Mis on reageerivad pildid
8. Kuidas kohandada pilte HTML-is
9. Kohandagem oma projektis HTML-pilte
10. CSS-piltide kohandamine
11. Mõned saidi viimased muudatused
Sõlme paketihaldur
1. Millest see blokk räägib?
2. Mis on node.js ja npm
3. Esimese npm-paketi ettevalmistamine kasutamiseks
4. Esimese npm paketi käivitamine
5. Kasutades meie projektis gulpi
6. Kuidas mobiiltelefonis veebisaiti avada
Sissejuhatus CSS GRID-i
1. Millest see blokk räägib?
2. Ettevalmistus
3. Kuidas luua ruudustiku malli. Ruudustiku mall
4. Kuidas fr-ühikud töötavad
5. Kuidas elementi teise lahtrisse teisaldada
6. Mitme üksuse paigutamine ühte lahtrisse
7. Harjutamine: Looge veebisaidi kujundus
8. Näide õpetajast. Loo paigutus
9. Kuidas ruudustiku iga rida ümber nimetada
10. Kuidas luua ruudustiku malli, kasutades nimetamisskeemi
11. Mis on eksplitsiitsed ja kaudsed ruudud?
12. Kuidas joondada elemente rakkude sees
13. Kuidas joondada ruudustikku konteineri sees
14. Min-Max sisu
15. Automaatne täitmine ja automaatne sobitamine. Lahtrite suurused põhinevad sisul
16. Järeldus. Võreaed
GRID CSS projekt
1. Millest see blokk räägib?
2. Ettevalmistus
3. Looge ruudustiku malli 1. osa
4. Looge ruudustiku malli 2. osa
5. Kuidas SVG spraidid töötavad
6. Lõpetame saidi teise osa
7. Jaotise "Bänner" loomine, 1. osa
8. Jaotise "Bänner" loomine, 2. osa
9. Kaartidega sektsiooni loomine
10. Galerii loomine
11. Jaluse loomine
12. "Hamburgeri" valmistamine
13. Päise 1. osa loomine
14. 2. osa päise loomine
15. Kohandame saiti
Kohtumiseni jälle!
1. Hüvasti!
Hankige oma sertifikaat
1. Test kursuse läbimise tunnistuse saamiseks
Subscribe
YOU MIGHT ALSO LIKE