Jak se zlepšovat ve front-endu?

24. 10. 2018 19:22:32

Ahoj,

nedavno jsem se zacal ucit "kodovat". Takze klasicky jsem si otevrel textak a ucim se HTML a CSS.

Problem je v tom, ze uz zkratka nevim jak pokracovat dale a zlepsovat se. Jde mi o to, ze z pocatku jde vsechno velmi rychle a vsude je doslova na prvni kliknuti dostatek informaci.

To plati ovsem pouze z pocatku, kdy se clovek seznami se syntaxi, vytvori prvni dokument, stranku s clankem, tabulkou atp.

Pak vytvori nejakou hlavicku a paticku, pouzije styly a ma svoji prvni webovou stranku.

To ovsem odpovida predstave webu pred vice nez 20 lety. Bohuzel vubec netusim jak systematicky jako samouk pokracovat dale, abych dosahl vyssi urovne, nez prectenim uvodniku, kterych je plny internet...

24. 10. 2018 19:22:32

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371023

Smazany ucet 218

(10 hodnocení)

24. 10. 2018 19:24:20

udelej si printscreen nejakeho stredne sloziteho webu a prekoduj ho :) pak to cele smaz a budes na tom o xxx% lepe... kodovat, kodovat, kodovat

24. 10. 2018 19:24:20

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371022

DanielRuszIT

(3 hodnocení)

24. 10. 2018 19:25:54

Jak říká mánička .. najdi si propracovanější web .. zkus udělat to samé .. nebo se rozvíjej dále .. zkus třeba přidat něco z PHP ..

24. 10. 2018 19:25:54

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371021

Zacinajicifrontendista

24. 10. 2018 22:46:17

Dekuji za radu. Jen nemam moc zkusenosti, takze netusim co je pro kodera "stredne slozity web" (jak jsem psal, prozatim jsem vytvoril uplne nejednodussi web "bez nejakych vychytavek").

Co se tyce PHP, tak beck-end se mi zda jako velky skok. Spise se mi zda aktualne logictejsim krokem pokracovat pozdeji JavaScriptem.

Co se tyce souvisejicich technologii napada me jeste predtim responzivni webdesign a nejake dalsi veci ohledne webdesignu a webovych technologii obecne. Co jsem tak cetl, tak to dost usnadnuji frameworky (zatim nemam zkusenost), nicmene nekteri je naopak hani a uprednostnuji "cisty kod" a optimalizaci mobile first pristupu a to stejne u grafiky od zakladu. Byl by nekdo tak hodny a mohl napsat vlastni zkusenost ci me odkazat na dalsi zdroje? Jde mi predevsim o to, ze samozrejme jako kazdy zacinajici amater jsem to nejak neoptimalizoval pro ruzna zarizeni ani nepremyslel nad navrhem a chtel bych porozumet tomu procesu vyvoje webu od profesionalu nebo si precist nejake pokrocilejsi a polopaticke partie jak to byva u prvnich webu, kde se zacina elementem nejak se jednoduse ostyluje ale je to v podstate stale temer uplne jednoduchy dokument, i kdyz to uz ale vypada jako web a ja bych rad sel dal no...

24. 10. 2018 22:46:17

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371020

David Musil

(68 hodnocení)

24. 10. 2018 23:20:07

Ach ten stale stejny slovosled, obraty a stylistika.

Vitek zpet, KrucianoPanv

24. 10. 2018 23:20:07

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371019

Zacinajicifrontendista

24. 10. 2018 23:28:05

Napsal musil.david;1491621
Ach ten stale stejny slovosled, obraty a stylistika.
Vitek zpet, KrucianoPanv

A co by jste mi poradil, kdyz uz ma ten webik z uvodniku? Rad bych se rozvijel...

Zasekl jsem se u jednoducheho webu, kde mam napriklad nejakou hlavicku, navigaci vytvorenou pres seznam + mam nastylizovanou vysku, barvu a okraje, ale nevim jak na mobile first pristup, tedy co mam dopsat za kod do zdrojaku dale, aby se to prizpusobilo ruznym velikosti zarizeni

No a v podobnem duchu je cely web a ma uroven, kde jsem nacetl uvodniky a umim vytvorit web, ale jsem daleko od front-end profesionala, tedy co s tim (co nastudovat dale apod)?

24. 10. 2018 23:28:05

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371018

node

(5 hodnocení)

25. 10. 2018 06:55:23

Ak si zacal s front-endom tak by som ti odporucil kaslat na back-end a ostat na FE. Presiel by som na ucenie reactu alebo vue. React je viac ziadany kvoli tomu ze vela firiem na nom uz ma postavene veci, ale osobne preferujem Vue ktory je popularenejsi. Samozrejme aj ekosystem okolo(redux/vuex..). Dnes uz je front-end dost silny, pracovne, a je brutalne ziadany... a casto uz zarobis viac nez ako backendak jr alebo grafik ... a na nauctenie je to nasobne lahsie nez backend.

Ked zmaknes reaktivny framework ako spominany react alebo vue tak po case(rok-dva) ked naberies prax budes chciet skusat zase nove veci a az potom by som riesil backend. Budes uz mat slusne zaklady programovania z javascriptu takze backend bude uz dost jednoduche sa naucit pre teba. Najskor zasnes s NodeJS kedze je to stale JS a potom asi klasika ako PHP(na python a ruby sa vykasli) a eventuelne nejaky kompilovany jazyk(java, go, c#).

25. 10. 2018 06:55:23

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371017

Aleš Kopecký

(4 hodnocení)

25. 10. 2018 07:30:05

Ačkoli už delší dobu pozoruju rozličné (občas pochybné) diskuze tohoto účtu a podobných (najemnybloger atp.), tak mi toto téma docela dává smysl.

Já jsem se prakticky vypracoval od samouka až po zaměstnání, s mezi zastávkou na volné noze. Takže to jde, ale zabere to dost velké množství času (a peněz v ušlém zisku).

Začínal jsem tak, že jsem potřeboval vyrobit web pro jedno ubytování, ten byl čistě v html a css, pak jsem pokračoval přes další odobné pokusy a stále jsem měl vizi, že jednou budu vyrábět tak krásný weby, co jsem viděl od různých českých firem. Takže jsem se vždycky pokoušel stvořit něco obdobného tomu, co jsem obdivoval. Podle mě každý profík má nějakou metu (třeba i nedosažitelnou), za kterou ho to táhne a to ho celkem jasně navádí, co je třeba se naučit.

Když to vezmu stručně, tak jako kodér dostaneš .psd návrh webu, časový rozpočet a jedeš. Nauč se CSS preprocesory, minifikaci, optimalizaci pro mobily, základy SEO (musíš mít trochu přesah). Takže si najdi na webu .psd, které je lehce nad tvé možnosti a vymysli jak ho nakódovat (a nakóduj ho :-) ).

Tohle párkrát opakuj, pak vezmi pár zakázek na kódování, tím si ověříš, jestli tě to opravdu baví dělat za peníze, protože to tomu dává trochu jiný nádech než když si to člověk kóduje sám doma pro sebe. No a pak uvidíš :)

25. 10. 2018 07:30:05

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371016

Zacinajicifrontendista

25. 10. 2018 11:18:36

Dekuji za rady.

Casem tedy zacnu az se lepe seznamim s JS s nejakym jeho knihovnou.

Co se tyce toho presahu, tak jake nastroje pouzivate na mimifikaci? A co se tyce responzivniho webdesignu nechavate to take na nejakem frameworku jako napriklad Boostrapu nebo si pisete "cisty kod"?

25. 10. 2018 11:18:36

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371015

Aleš Kopecký

(4 hodnocení)

25. 10. 2018 11:41:48

Ohledně té minifikace mám vyzkoušený gulp. Responzivita se dá řešit kombinací frameworku, který řeší základní věci (třeba rozložení prvků na stránce - grid v bootstrapu) a pak si člověk individuálně dostyluje co kde potřebuje a jak potřebuje.

25. 10. 2018 11:41:48

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371014

Zacinajicifrontendista

25. 10. 2018 16:26:56

Jinak jsem narazil na zajimavou myslenku jednoho zabanovaneho uzivatele ohledne webdesignu: https://webtrh.cz/391365-pocita-jiz-webdesign-novymi-technologiemi?highlight=Hdr

Zajimalo by me jak to v tomto smeru pokrocilo? Protoze muj mobil i TV zvlada jiz HDR a tak by me zajimalo jestli s tim webdesigneri pracuji pouze pres API v HTML5 videu nebo uz pocitaji s podporou zobrazovadel kompletne? Kdyz jsme u te podpory (ted myslim prohlizece) mate nejaky zdroj na overeni optimalizace podle podporovanych standardu k ruznym verzim?

25. 10. 2018 16:26:56

https://webtrh.cz/diskuse/jak-se-zlepsovat-ve-front-endu/#reply1371013

Pro odpověď se přihlašte.

Přihlásit