0
Views
Vietņu izkārtojums un tīmekļa izstrāde. Augstākā līmeņa Web Develop - kurss 1990 rub. no Stepika, apmācība 131 nodarbība, Datums: 2023. gada 1. decembris.
Literārs Mistrojums / / December 04, 2023
Sveiki!
Mani sauc Dima. Un es aicinu jūs ienirt mājas lapas izveides un izkārtojuma pašos dziļumos!
Šis kurss ir paredzēts tiem, kuri jau zina pamatus, bet vēlas pāriet no laba vietnes izveides līmeņa uz izcilu.
Kurss ir paredzēts tiem, kas zina HTML un CSS pamatus, bet zina, ka joprojām ir daudz paņēmienu, izstrādes paņēmienu un tehnoloģiju, ko izmanto īsti pro-izstrādātāji.
Ja tas izklausās pazīstami, tad šis kurss ir paredzēts jums)
Atdzīviniet savas vietnes ar modernām animācijām, izmantojot CSS
Mēs sāksim ar dinamikas ieviešanu mūsu vietnēs, tas ir, mēs veiksim animāciju. Mēs iemācīsimies animēt pogas, tekstus un virsrakstus, izmantojot tīru CSS, iemācīsimies izveidot kartīšu animācijas, izveidot dinamisku navigācijas izvēlni, un tas viss bez vienas JS koda rindiņas, tikai tīra CSS.
Šajā kursā ir ietverta adaptīvā dizaina paraugprakse.
Jūs uzzināsit jaunus veidus un trikus, kā pielāgot savas vietnes, izmantosit jaunas metodes multivides vaicājumu definēšanai un rakstīšanai, kā arī uzzināsit, kā pielāgojiet visus lapas elementus, mainot tikai vienu CSS rekvizītu, lai jūsu vietne jebkurā mobilajā ierīcē izskatītos labāk nekā jebkad agrāk ierīci
Uzziniet visas mūsdienu priekšprocesoru sarežģītības un priekšrocības
Jūs uzzināsit, kā vairākas reizes paātrināt vietnes izveidi, izmantojot visas SASS priekšapstrādātāja iespējas, piemēram, mixins, mainīgos un funkcijas.
Būtiski pamati NPM lietošanai
Tāpat NPM pakotnes ar katram profesionālam izstrādātājam nepieciešamajiem spraudņiem dos mums iespēju izveidot un optimizēt mājas lapas ātrāk un efektīvāk nekā jebkad agrāk.
Git versiju kontroles sistēma jums palīdzēs jūsu attīstībā
Turklāt jūs apgūsit nepieciešamos pamatus darbam ar git versiju kontroles sistēmu, lai tas jums vienmēr būtu iespēja atgriezties pie pareizās vietnes versijas neatkarīgi no tā, cik smagi jūs pēdējo reizi sabojājāt atjaunināt vietni)
Jūs veidojat 2 modernas vietnes savam portfolio
Šis kurss ir balstīts uz praksi un ir sadalīts nelielās video nodarbībās, kurās mēs soli pa solim izveidosim 2 lielus modernus projektus. uz peldošās sistēmas - lai jūs varētu atbalstīt vecos projektus un, protams, uz GRID CSS sistēmu, kas ļauj izveidot neticami sarežģītus izkārtojumus.
Un, protams, jums nebūs kauns parādīt šos projektus saviem potenciālajiem klientiem vai topošajiem darba devējiem.
Es vienmēr sazinos!
Un esiet droši, jūs nepaliksit viens, jo pēc katras mazākās nodarbības jums būs iespēja salīdzināt savu kodu ar manējo vai vienkārši uzdot jautājumu, atbildes parasti nav ilgi jāsniedz.
Naudas atdošanas garantija!
Un, ja jums joprojām ir šaubas, šis kurss sniedz iespēju 30 dienu laikā atmaksāt par to iztērēto naudu, ja jums tas nepatīk.
Pievienojies man un kopā iemācīsimies izveidot profesionālas, modernas mājas lapas.
Tiekamies klasē!
Dmitrijs Fokejevs
9
kursiEs veidoju oriģinālus tiešsaistes kursus kopš 2016. gada. Profesionāli mācu strādāt ar Adobe grafiskajiem redaktoriem, mācu dizainu un web izstrādi.
Sveiki! Mani sauc Dima! Es nevēlos lielīties, bet man tas ir jādara) savos tiešsaistes kursos esmu mācījis vairāk nekā 5000 studentu visā pasaulē. Vairāk nekā 2000 reālu atsauksmju ar vidējo vērtējumu 4,83 no 5,00! Mācu web dizainu, web izstrādi un nepieciešamo programmatūru (Photoshop Illustrator, Figma). Mana pedagoģiskā pieredze sastāv no 5 gadu ārštata apmācības, kā arī mācīšanas tiešsaistes skolās un kursos globālās tālmācības platformās. Manu kursu studenti atzīmē manas labākās īpašības tajā, kā es pasniedzu materiālu bez pieblīvēšanās, jautrā un interesantā veidā.
Sagatavošana / Atkārtošana / Pirmās animācijas
1. Sveiki!) Lejupielādējiet materiālus kursam
2. Instalējiet un konfigurējiet nepieciešamo programmatūru
3. Jauna īpašuma klipceļš. Mēs sākam izveidot vietnes pirmo sadaļu
4. Ja skautu lietotne jums nedarbojas
5. Prakse: izveidojiet savu formu, izmantojot klipu ceļu
6. Elementu izlīdzināšana vertikāli, izmantojot absolūto pozicionēšanu
7. Iepazīstieties ar @KeyFrames. Izveidosim pirmo animāciju.
8. Aizmugures redzamība un pogu izveide, izmantojot pseidoklases
9. Pogas animācija, izmantojot pseidoelementus
10. Animācijas aizpildīšanas režīms. Animācijas sākšana no noteikta punkta.
11. 3 tīmekļa izstrādes principi
12. Izmantojiet REM, nevis PX
Git un GitHub
1. Par ko ir šis bloks?
2. Pamatkomandas terminālī
3. Kā rediģēt failus, izmantojot termināli
4. Instalējiet git sistēmu mūsu datorā
5. Kā palaist git noteiktā projektā
6. Pirmās apņemšanās izveide
7. Projekta iesniegšana GitHub
8. Ja, iesniedzot projektu GitHub, rodas kļūda
9. Pieteikšanās kļūda, mēģinot virzīt projektu uz GitHub
10. Prakse: izveidojiet savu repozitoriju
11. Kā izdzēst GitHub repozitoriju
12. Kā lejupielādēt repozitorijus no GitHub
13. Mēs atdarinām 2 izstrādātāju darbu vienā repozitorijā
14. Kā terminālī parādīt informāciju par saistībām. Git žurnāls
15. Kas ir filiāles
16. Kā izveidot un pārvietoties filiālēs.
17. Atstarpi no mini kursa sākuma noslēdzam ar apzīmējumiem -u un -M
18. Nesaglabāta izpildes kļūda norēķināšanās laikā
19. Kā pārsūtīt izveidotās izmaiņas uz jaunu filiāli
20. Kā virzīt vairākas saistības jaunai filiālei
21. Kāds ir atdalītas galvas stāvoklis? Atdalīta GALVA
22. Kā atjaunot konkrētu failu no iepriekšējās darbības
23. Uzlabots git žurnāls un git šovs
24. Kā sapludināt filiāles, izmantojot Git merge. Ātrās uz priekšu metode
25. Kā izdzēst filiāles
26. Kā noņemt direktoriju failus no neizsekotā stāvokļa
27. Git atiestatīšana — grūti. Kā stingri atsaukt saistības
28. Otrais veids, kā atrast iestrēgušu apņemšanos, izmantojot ORIG_HEAD
29. Git atiestatīšana --soft
30. Git commit — labojiet, mainot iepriekšējās apņemšanās komentāru
31. Git atiestatīšana — jaukts
32. Atšķirība starp git atiestatīšanu un git atjaunošanu
33. Ievads git diff. Vairāku saistību starpības drukāšana konsolē
34. Praktisks git diff izmantošanas piemērs
35. Kā terminālī parādīt filiāles diagrammu. Git log --graph
36. Mēs apvienojam filiāles, izmantojot git merge. Metode "True Fusion"
37. Kā atgriezties pēc apvienošanas
38. Kā kopēt konkrētu apņemšanos, izmantojot git cherry-pick
39. Zaru apvienošana ar git rebase
40. Kas ir labāk git rebase vai git merge
41. Kā lietot .gitignore failu
42. Nobeiguma vārds
Uzlabots izkārtojums — CSS/SASS
1. Par ko ir šis bloks?
2. Kā darbojas SASS mainīgie
3. Kā mixins darbojas
4. Kā pievienot argumentus mixins
5. Kas ir SASS veidnes
6. Kā darbojas SASS funkcijas
7. SASS failu kārtošana lielam projektam
8. 3 veidi, kā novietot elementus
9. Kā darbojas pludiņš?
10. Mūsu pašu tīkla sistēmas izveide
11. Gradienta lietošana tekstam. Fona klips
12. Kā izveidot simbolus, izmantojot HTML
13. Otrās sadaļas animācija un pabeigšana
14. Kā izveidot savus ikonu fontus
15. Mēs izmantojam perspektīvas īpašību, lai atspoguļotu elementu perspektīvu
16. Kā sajaukšanas režīms darbojas CSS
17. Sadaļas pabeigšana ar kartēm
18. Kā noapaļot tekstu, izmantojot rekvizītu shape-outside
19. Kā darbojas CSS filtri
20. Kā lapai pievienot video
21. Iepazīšanās ar veidlapas tagu un tā saturu
22. Veidlapas animēšana
23. Izveidojiet savu radiopogu, izmantojot CSS
24. Vietnes kājenes izveide
25. Navigācijas izvēlnes izveide, izmantojot tīru CSS 1. daļu
26. Animācijas ātruma pāreju iestatīšana, izmantojot cubic-bezier
27. Animējot hamburgeru
Adaptīvs dizains
1. Par ko ir šis bloks?
2. Kā izveidot responsīvas vietnes
3. Mixina izveide ar multivides noteikumiem
4. Projekta 1. daļas pielāgošana
5. Projekta 2. daļas pielāgošana
6. Projekta 3. daļas pielāgošana
7. Kas ir atsaucīgi attēli
8. Kā pielāgot attēlus HTML
9. Pielāgosim HTML attēlus mūsu projektā
10. CSS attēlu pielāgošana
11. Daži pēdējie vietnes labojumi
Mezglu pakotņu pārvaldnieks
1. Par ko ir šis bloks?
2. Kas ir node.js un npm
3. Pirmā npm iepakojuma sagatavošana lietošanai
4. Pirmās npm pakotnes palaišana
5. Izmantojot gulp mūsu projektā
6. Kā atvērt vietni mobilajā tālrunī
Ievads CSS GRID
1. Par ko ir šis bloks?
2. Sagatavošana
3. Kā izveidot režģa veidni. Režģa veidne
4. Kā darbojas fr vienības
5. Kā pārvietot elementu uz citu šūnu
6. Vairāku vienumu ievietošana vienā šūnā
7. Prakse: izveidojiet vietnes izkārtojumu
8. Skolotāja piemērs. Izveidojiet izkārtojumu
9. Kā pārdēvēt katru režģa rindiņu
10. Kā izveidot režģa veidni, izmantojot nosaukumu piešķiršanas shēmu
11. Kas ir tiešie un netiešie režģi?
12. Kā izlīdzināt elementus šūnās
13. Kā izlīdzināt režģi konteinera iekšpusē
14. Minimālais-maksimālais saturs
15. Automātiskā aizpildīšana un automātiskā pielāgošana. Šūnu izmēri, pamatojoties uz saturu
16. Secinājums. Režģa dārzs
GRID CSS projekts
1. Par ko ir šis bloks?
2. Sagatavošana
3. Izveidojiet režģa veidnes 1. daļu
4. Izveidojiet režģa veidnes 2. daļu
5. Kā darbojas SVG spraiti
6. Mēs pabeidzam vietnes otro sadaļu
7. Sadaļas "Reklāmkarogs" izveide, 1. daļa
8. Sadaļas "Reklāmkarogs" izveide, 2. daļa
9. Sadaļas izveide ar kartēm
10. Galerijas izveide
11. Kājenes izveide
12. "Hamburgera" pagatavošana
13. Veidojot galvenes 1. daļu
14. Veidojot galvenes 2. daļu
15. Mēs pielāgojam vietni
Uz tikšanos!
1. Uz redzēšanos!
Saņemiet savu sertifikātu
1. Tests sertifikāta iegūšanai par kursu beigšanu
Abonēt
YOU MIGHT ALSO LIKE
