0
Ogledov
Postavitev in spletni razvoj spletnih strani. Napredna raven Web Develop - tečaj 1990 rub. iz Stepika, trening 131 učnih ur, Datum: 1.12.2023.
Miscellanea / / December 04, 2023
Zdravo!
Moje ime je Dima. In vabim vas, da se potopite v same globine ustvarjanja in postavitve spletnih strani!
Ta tečaj je namenjen tistim, ki že poznate osnove, vendar želite napredovati z dobre ravni izdelave spletnih strani na odlično.
Tečaj je namenjen tistim, ki poznajo osnove HTML in CSS, vendar vedo, da obstaja še veliko tehnik, razvojnih tehnik in tehnologij, ki jih uporabljajo pravi pro-razvijalci.
Če se to sliši znano, potem je ta tečaj za vas)
Poživite svoja spletna mesta s sodobnimi animacijami prek CSS
Začeli bomo z vnašanjem dinamike v naše strani, torej delali bomo animacijo. Naučili se bomo animirati gumbe, besedila in naslove s čistim CSS-jem, naučili se bomo ustvarjati animacije kartic, ustvarjati dinamični navigacijski meni in vse to brez ene same vrstice kode JS, samo čisti CSS.
Ta tečaj vsebuje najboljše prakse odzivnega oblikovanja.
Naučili se boste novih načinov in trikov za odzivno oblikovanje svojih spletnih mest, uporabili nove tehnike za definiranje in pisanje medijskih poizvedb ter se naučili, kako prilagodite vse elemente strani tako, da spremenite samo eno lastnost CSS, da bo vaše spletno mesto na kateri koli mobilni napravi videti bolje kot kdaj koli prej napravo
Spoznajte vse podrobnosti in prednosti sodobnih predprocesorjev
Naučili se boste, kako večkratno pospešiti izdelavo vaše spletne strani z uporabo vseh zmožnosti predprocesorja SASS, kot so miksini, spremenljivke in funkcije.
Bistvene osnove za uporabo NPM
Poleg tega nam bodo paketi NPM z vtičniki, potrebnimi za vsakega profesionalnega razvijalca, omogočili ustvarjanje in optimizacijo spletnih mest hitreje in učinkoviteje kot kdaj koli prej.
Sistem za nadzor različic Git vam bo pomagal pri razvoju
Poleg tega se boste naučili potrebnih osnov za delo s sistemom za nadzor različic git, tako da boste vedno imeli možnost, da se vrnete na pravilno različico svojega spletnega mesta, ne glede na to, kako močno ste nazadnje zamočili posodobite spletno mesto)
Ustvarjate 2 sodobni spletni strani za svoj portfelj
Ta tečaj temelji na praksi in je razdeljen na majhne video lekcije, v katerih bomo korak za korakom ustvarili 2 velika sodobna projekta, ki temeljita na na float sistemu - da lahko podpirate stare projekte in seveda na sistemu GRID CSS, ki vam omogoča ustvarjanje postavitev neverjetne kompleksnosti.
In seveda vas ne bo sram pokazati te projekte vašim potencialnim strankam ali bodočim delodajalcem.
Vedno sem v stiku!
In bodite prepričani, da ne boste ostali sami, saj boste po vsaki majhni lekciji imeli priložnost primerjati svojo kodo z mojo ali preprosto postaviti vprašanje; odgovori običajno ne trajajo dolgo, da pridejo.
Garancija vračila denarja!
In če še vedno dvomite, ta tečaj ponuja možnost, da vrnete denar, porabljen zanj, če vam ni všeč v 30 dneh.
Pridruži se mi in skupaj se bomo naučili izdelati profesionalne, moderne spletne strani.
Se vidimo v razredu!
Dmitrij Fokejev
9
tečajiOd leta 2016 ustvarjam izvirne spletne tečaje. Profesionalno poučujem delo z grafičnimi urejevalniki Adobe, poučujem oblikovanje in razvoj spletnih strani.
Zdravo! Moje ime je Dima! Nočem se hvaliti, vendar se moram) V svojih lastniških spletnih tečajih sem poučeval več kot 5000 študentov po vsem svetu. Več kot 2000 resničnih ocen s povprečno oceno 4,83 od 5,00! Predavam spletno oblikovanje, razvoj spletnih strani in potrebno programsko opremo (Photoshop Illustrator, Figma). Moje izkušnje s poučevanjem obsegajo 5 let samostojnega poučevanja, pa tudi poučevanje prek spletnih šol in tečajev na globalnih platformah za učenje na daljavo. Študenti mojih predmetov opažajo moje najboljše lastnosti v tem, kako snov podajam brez napenjanja, na zabaven in zanimiv način.
Priprava / Ponovitev / Prve animacije
1. Pozdravljeni!) Prenesite gradiva za tečaj
2. Namestite in konfigurirajte potrebno programsko opremo
3. Nova pot posnetka lastnosti. Začnemo ustvarjati prvi del spletnega mesta
4. Če vam skavtska aplikacija ne deluje
5. Vaja: ustvarite svojo obliko z uporabo Clip-path
6. Navpično poravnavanje elementov z uporabo absolutnega pozicioniranja
7. Spoznajte @KeyFrames. Ustvarimo prvo animacijo.
8. Vidnost hrbtne strani in ustvarjanje gumbov prek psevdorazredov
9. Animiranje gumba z uporabo psevdoelementov
10. Način polnjenja animacije. Začetek animacije z določene točke.
11. 3 načela spletnega razvoja
12. Uporabite REM namesto PX
Git in GitHub
1. O čem govori ta blok?
2. Osnovni ukazi v terminalu
3. Kako urejati datoteke prek terminala
4. Namestite sistem git na naš računalnik
5. Kako zagnati git v določenem projektu
6. Ustvarjanje prve objave
7. Oddaja projekta na GitHub
8. Če imate pri oddaji projekta na GitHub napako
9. Napaka pri prijavi pri poskusu potiskanja projekta na GitHub
10. Vaja: ustvarite lastno skladišče
11. Kako izbrisati repozitorij GitHub
12. Kako prenesti repozitorije iz GitHub
13. Posnemamo delo 2 razvijalcev na enem repozitoriju
14. Kako prikazati informacije o objavah v terminalu. Dnevnik Git
15. Kaj so veje
16. Kako ustvariti veje in krmariti po njih.
17. Vrzel z začetka mini tečaja zapolnimo z zapisoma -u in -M
18. Napaka neshranjene objave med zaključkom nakupa
19. Kako potiskati ustvarjene spremembe v novo vejo
20. Kako potisniti več potrditev v novo vejo
21. Kakšno je stanje ločene glave? Odstranjena GLAVA
22. Kako obnoviti določeno datoteko iz prejšnje objave
23. Napredni git log in git show
24. Kako združiti veje z Git merge. Metoda hitrega premikanja naprej
25. Kako izbrisati veje
26. Kako odstraniti datoteke imenika iz nesledenega stanja
27. Git reset --hard. Kako težko povrniti objavo
28. Drugi način za iskanje zastale objave z uporabo ORIG_HEAD
29. Git reset --soft
30. Git commit --amend spreminjanje komentarja prejšnje objave
31. Git reset --mixed
32. Razlika med git reset in git restore
33. Uvod v git diff. Tiskanje razlike več potrditev na konzolo
34. Praktični primer uporabe git diff
35. Kako prikazati diagram veje v terminalu. Git log --graph
36. Veje združujemo z git merge. Metoda "Prava fuzija"
37. Kako se vrniti nazaj po združitvi
38. Kako kopirati določeno objavo z uporabo git cherry-pick
39. Spajanje vej z git rebase
40. Kateri je boljši git rebase ali git merge
41. Kako uporabljati datoteko .gitignore
42. Končna beseda
Napredna postavitev - CSS/SASS
1. O čem govori ta blok?
2. Kako delujejo spremenljivke SASS
3. Kako delujejo miksini
4. Kako dodati argumente mešanicam
5. Kaj so predloge SASS
6. Kako deluje SASS
7. Organiziranje datotek SASS za velik projekt
8. 3 načini pozicioniranja elementov
9. Kako deluje float?
10. Ustvarjanje lastnega mrežnega sistema
11. Uporaba preliva na besedilo. Posnetek za ozadje
12. Kako ustvariti simbole z uporabo HTML
13. Animiranje in zaključek drugega dela
14. Kako ustvariti lastne pisave ikon
15. Lastnost perspektive uporabljamo za odražanje perspektive elementov
16. Kako način mešanja deluje v CSS
17. Zaključek dela s kartami
18. Kako zaokrožiti besedilo z lastnostjo shape-outside
19. Kako delujejo filtri CSS
20. Kako dodati video na stran
21. Spoznavanje obrazca in njegove vsebine
22. Animiranje obrazca
23. Izdelava lastnega izbirnega gumba s pomočjo CSS
24. Izdelava noge spletne strani
25. Ustvarjanje navigacijskega menija z uporabo čistega CSS part-1
26. Nastavitev hitrostnih prehodov animacije s pomočjo cubic-bezierja
27. Animiranje hamburgerja
Prilagodljiv dizajn
1. O čem govori ta blok?
2. Kako ustvariti odzivna spletna mesta
3. Ustvarjanje mešanice z medijskimi pravili
4. Prilagoditev projekta 1. del
5. Prilagoditev projekta 2. del
6. Prilagoditev projekta 3. del
7. Kaj so odzivne slike
8. Kako prilagoditi slike v HTML
9. Prilagodimo slike HTML v našem projektu
10. Prilagoditev slik CSS
11. Nekaj končnih popravkov spletnega mesta
Upravitelj paketov vozlišča
1. O čem govori ta blok?
2. Kaj je node.js in npm
3. Priprava prvega paketa npm za uporabo
4. Zagon prvega paketa npm
5. Uporaba gulp v našem projektu
6. Kako odpreti spletno stran na mobilnem telefonu
Uvod v CSS GRID
1. O čem govori ta blok?
2. Priprava
3. Kako ustvariti predlogo mreže. Mrežna predloga
4. Kako delujejo fr enote
5. Kako premakniti element v drugo celico
6. Postavitev več predmetov v eno celico
7. Vaja: Ustvarite postavitev spletne strani
8. Primer učiteljice. Ustvarite postavitev
9. Kako preimenovati vsako vrstico v mreži
10. Kako ustvariti mrežno predlogo z uporabo sheme poimenovanja
11. Kaj so eksplicitne in implicitne mreže?
12. Kako poravnati elemente znotraj celic
13. Kako poravnati mrežo znotraj vsebnika
14. Min-Max vsebina
15. Samodejno izpolnjevanje in samodejno prilagajanje. Velikosti celic glede na vsebino
16. Zaključek. Mrežni vrt
Projekt GRID CSS
1. O čem govori ta blok?
2. Priprava
3. Ustvarite 1. del predloge mreže
4. Ustvarite mrežno predlogo, 2. del
5. Kako delujejo spriti SVG
6. Končujemo drugi del spletnega mesta
7. Ustvarjanje razdelka "Pasica", 1. del
8. Ustvarjanje razdelka "Pasica", 2. del
9. Ustvarjanje razdelka s kartami
10. Ustvarjanje galerije
11. Ustvarjanje noge
12. Priprava "hamburgerja"
13. Ustvarjanje glave 1. dela
14. Ustvarjanje glave 2. dela
15. Stran prilagodimo
Se vidiva!
1. Adijo!
Pridobite svoj certifikat
1. Test za pridobitev potrdila o opravljenem tečaju
Prijavite
YOU MIGHT ALSO LIKE