Učenje programiranja (Front-end)

Imam vprašanje o načinu kako se učiti..

Cilj sem si zastavil nekako takole:
1. HTML/CSS
2. Javascript + Sass
3. jQuery
4. Pri tej točki še ne vem kateri je bolj primeren --> Angular 2, AngularJS ali ReactJS (kaj priporočate --> Je kateri boljši/lažji --> primeren za začetnika)

Poleg vsega se zaradi elektro učim še c in c++.

Težave pa mi povzroča sama sintaksa. Kako se vi učite in zapomnite samo "slovnico" pri programiranju? Pojavlja se namreč težava, da pozabljam kako kaj napisati.

Obstajajo mogoče kje na kupu lepo zbrani vsi ukazi, kot neke vrste "slovarček" za JS/JQuery, ali pa CSS?

https://www.w3schools.com/

Se ene par strani za ucit se

https://www.codeschool.com/
https://laracasts.com/
https://www.codecademy.com/

Če se začenjaš učiti je zunaj že angular4 Ta se bo menda dlje obdržal in ne bo prinašal večjih sintaktičnih sprememb.

eric_cartman> Druga stvar pa.. Se torej učiti na pamet vsega tega? Mislim kakšen je najboljši način.. :)

Najboljši način za učenje programiranja je programiranje.

Napiši ReactJS vmesnik za elektronske volitve, recimo.

eric_cartman> Čemu take razlike?

Tehnologije se hitro spreminjajo. Ko nekaj dokončaš šele dobro vidiš, kje vse si zamočil in bi lahko bolje naredil drugače. Potem pa napišeš znova in upoštevaš izkušnje.

Razlike med Angular 4 in 2 skoraj ni oziroma nič kaj "breaking" sprememb. Glavna stvar je ime oziroma verzija zato da so sedaj vsi paketi na isti verziji ker je prej angular router bil na 3.x.x sedaj pa so vsi na 4.x.x

jizzer je 12. apr 2017 ob 13:02 izjavil:

(pa sem pred tem že programiral desktop aplikacije).

Trudil si se programirati.

jype je 10. apr 2017 ob 18:03 izjavil:

Napiši ReactJS vmesnik za elektronske volitve, recimo.

Recimo.

eric_cartman je 10. apr 2017 ob 17:57 izjavil:

Ampak pozabljam za nazaj določene sintakse in pravila.

Programiraj in še enkrat programiraj. In ko misliš, da že vse veš, ponovno programiraj. Ne ostani samo na tečajih ampak naredi real life app. Veliko jih začne s križci in krožci. :)

@jizzer se strinjam

Želim si narediti nek kvaliteten plan, kateremu bom lahko sledil. Torej moj začetek je naredit svojo spletno stran, kamor bom zmetal svoj celoten portfolio in CV etc.

Želim pa jo skreirat čisto po svojih idejah. Dizajn je bil vsaj do sedaj moje področje.. Sedaj pa se širim na še na programiranje. Treba napredovat z znanjem.

Kar se tiče Angular ali pa React bom še videl.. Mogoče je res brezpomensko, da že sedaj razmišljam o tem. Najprej dobro Javascript, HTML, CSS, potem pa še tole..

eric_cartman je 12. apr 2017 ob 17:31 izjavil:

@jizzer se strinjam

Želim si narediti nek kvaliteten plan, kateremu bom lahko sledil. Torej moj začetek je naredit svojo spletno stran, kamor bom zmetal svoj celoten portfolio in CV etc.

Želim pa jo skreirat čisto po svojih idejah. Dizajn je bil vsaj do sedaj moje področje.. Sedaj pa se širim na še na programiranje. Treba napredovat z znanjem.

Kar se tiče Angular ali pa React bom še videl.. Mogoče je res brezpomensko, da že sedaj razmišljam o tem. Najprej dobro Javascript, HTML, CSS, potem pa še tole..

Spletna stran brez PHP-ja ne obstaja.
Mislim, da si si postavil malo prevelik cilj (vsaj za moje pojme).
Glede na to, da želiš nekaj "not zmetat" v stran, verjetno rabiš več pod strani.

Kaj ti bo javascript na samem začetku učenja, če pa ne poznaš html, PHP in CSS.

Jaz osebno sem se učil v šoli od mojstra, ki služi na veliko s spletnim programiranjem in vedi, da vem mogoče 30% celotnega sklopa (html, CSS, PHP, jQuery in Javascript).

Chuapoiz mogoče je načel pogovor v pravo smer.. Ravno študiram in prebiram, kako se izogniti PHPju pri zapletenih spletnih straneh.. V osnovi to odsvetujejo, ker je stran težje urejati in ni tako dinamična?? Imaš pa različne workaround-e kot so HTML, Flash, nekateri omenjajo celo Ruby(--> potem je vseeno če se učim PHP).

Ampak kakšna je slabost tega, da ne uporabljaš PHP-ja? V praksi ne vem kaj pomeni, če se izogneš PHPju.

Flash, lepo vas prosim... Saj nismo leta 2003. Alternative PHP so lahko python (django), ASP.NET, RoR ipd.

Django je objektivno obupen framework. Flask, če že.

Za op pa, naj začne z javascript. Pozabi angular, to mora priti na čistem koncu, če sploh.

Noben mu ne predlaga flasha, flash je bil samo omenjen kot tehnologija, ki ne rabi PHP za interaktivno stran. Noben OP-u ne predlaga naj se ga začne učiti.

Hvala za vse nasvete.. Sicer pa, moram poskrbet, da se pred tekom naučim najprej hodit.

Me pa v osnovi zanima če je programiranje THE way to go? Se pravi.. Lahko nek samouk, ki ima že službo/podjetje in izobrazbo(sicer z druge smeri) doseže kaj tudi na tem področju? Bolj kot za redno zaposlitev se mi gre, da bi delal na kakšnih projektih(front-end) poleg tega kar že delam sedaj.

Hehehehe.. Sem se prav nasmejal, ko sem bral tole.. Ja saj tut sam počasi opažam, da to nekako tako gre tule..

eric_cartman je 13. apr 2017 ob 14:38 izjavil:

Hvala za vse nasvete.. Sicer pa, moram poskrbet, da se pred tekom naučim najprej hodit.

Me pa v osnovi zanima če je programiranje THE way to go? Se pravi.. Lahko nek samouk, ki ima že službo/podjetje in izobrazbo(sicer z druge smeri) doseže kaj tudi na tem področju? Bolj kot za redno zaposlitev se mi gre, da bi delal na kakšnih projektih(front-end) poleg tega kar že delam sedaj.

Front-end se deli na 2 dela dizajn in seveda vse skupaj sprogramirat, da dela kot si je dizajner zamislil. Če bi rad občasna dela pa boš moral oboje kolikor toliko naštudirat, da ne boš delal zmazkov. Čez palec ene 6-12 mesecev trdega popoldanskega dela ti ne uide, potem pa si moraš zrihtat primeren projekt, kakšna društva so pravi naslov, ker vedno iščejo nekoga, ki bi čim ceneje kaj naprogramiral. :)

Če bi se rad pridružil "temni strani" razmmišljaj tudi o asp mvc ali asp.net :)

Še posebej v kombinaciji s kakšnim Sharepoint-om so "denarne kompenzacije" lahko dokaj privlačne. Pa tudi VS je skupno gledano odlično razvijalsko orodje. VSeekakor, pa se poskušaj izogniti "generičnega" programiranja v najbolj popularnih tehnologijah - na trgu po celem svetu je teh profilov preveč.

scipascapa je 16. apr 2017 ob 09:39 izjavil:

Se dobi kaj materiala v knjižnicah, knjigarnah, da se ga kupi ali je vse to online?

Na Amazonu dobiš praktično vse. Nekateri knjige so tudi prevedene v kakšno nemščino, francoščino, italianščino,... če so ti omenjeni jeziki bližji.

Če bi imel kaj več časa, bi si ogledal tudi kakšno predavanje več na Pluralsight oziroma posnetek kakšne konference,..

Materiala je definitivno dovolj,...

En dober nasvet (nasplosno pri prog.). Cimvec knjiznice uporabljat (ce se le da). Ne na novo izumljati tople vode (potrata casa). Sintakse se naucis s casom ... Pac, vaja dela mojstra.

MVC - Model Viewer Controller, ti nj nekaksen (imho najboljsi) pristop k kreaciji neke aplikacije. Na grobo, bi bilo receno, da "Model" del skrbi za backend (baza), Viewer za fronted (UI), preko Controller dela, pa povezujes oboje s OOP pristopom, kar ti naredit aplikacijo zelo robustno, skalabilno, ... Jz se sucem boljkne v .Net krogih. Nevem pa kako je s tem drugje.

P.S. Nisem bral vsega zgoraj. Ce zelis, se imam zapiske od prof. Kezmaha iz FERI na to tematiko (zelo dobra razlaga - stupid proof)

P.S. #2 "temni strani" je mislil Microsoftu, ki je zadnje case (imho) dokazal, da je zelo odrastel.

eric_cartman je 16. apr 2017 ob 17:05 izjavil:

Ampak kaj je tisto, kar razlikuje dobrega in slabega programerja? Kaj so tiste ključne napake, ki jih mogoče delajo v mojem primeru samouki?

Dober programer, za razliko od slabega, ve kaj se ne da narediti...

Se strinjam. Obstaja neka meja - to da vedno uporabiš knjižnico, je slab nasvet.

DOM (js objektni model) je na nek način knjižnica. Lahko daš čez jQuery, pa je še malo bolj fensi. Gotovo obstaja še kaj, da daš še čez jQuery, da je še bolj fensi. In potem imaš spletno stran, ki rabi 1 mega javascripta, da se sploh prikaže.

Želel sem še nekaj vprašat.. Ali je bil že kdo na tečaju za web development pri recimo SmartNinja na vodenih tečajih? Ali pa kakšna alternativa?

Je kdo že šel na tak tečaj in če, katerega priporočate? (cena ni ovira --> seveda če je učenje na pravem nivoju)

Hvala

eric_cartman je 29. apr 2017 ob 17:30 izjavil:

Želel sem še nekaj vprašat.. Ali je bil že kdo na tečaju za web development pri recimo SmartNinja na vodenih tečajih? Ali pa kakšna alternativa?

Je kdo že šel na tak tečaj in če, katerega priporočate? (cena ni ovira --> seveda če je učenje na pravem nivoju)

Hvala

PO mojih izkušnjah ciljaj na tečaje, ki na koncu od tečajnika zahtevajo izdelek (prvo idejo spraviš v produkcijo kar na tečaju ali tam morda najdeš ljudi, ki isto razmišljajo kot ti) ali tečaje, ki te pripravijo na opravljanje kakšnega certifikata, da lahko pridobljeno znanje potem tudi uradno potrdiš, pa kakšen plus bo že pri iskanju nove službe.

Uporabi kar eno cloud rešitev npr.:
Github
Bitbucket
Assembla

Jst sem pri The Web Developer Bootcamp prišel sedaj do 30%. In tako..Kar se tiče osnov, boš zvedel vse, ker res lepo razlaga (Colt Steele) in dobro ma sestavljen course. Ampak nima pa nič ravno tega kar sedaj v drugi temi sprašujem. Tudi on se takoj za tem ko predelaš lekcijo za CSS in HTML posveti Bootstrapu, ki pa ga dosti ljudi odsvetuje. Če linkam odgovor iz tele teme.

Drugače pa raje kot kak bootstrap si poglej fundation5 ali skeleton ali kakšno drugo alterantivo. Bootstrap je preveč ... generičen in dologočasen :)

Pa načeloma ti css frameworki se splača uporabit šele po tem ko že poznaš osnove, ker je fajn razumeti tisto kar tam sestavljaš :)

Skratka.. Predelaš CSS ampak greš takoj po najlažji možni poti do cilja. Kar pomeni, da si CSS le polovično predelal. In sedaj sem točno pri tem bootstrap lekciji, pa čeprav še CSS-ja samega ne obvladam v nulo. Recimo stvar, ki se jih sploh ne posveti pri CSSju je ravno to kar se danes največ potrebuje. Da je stran responsive oz. prilagojena na različne velikost ekranov. Bootstrap je tukaj bližnjica, ampak v momentu, ko prestaviš na bootstrap totalno nehaš razmišljat o CSSju. Si le na malo boljšem kot če se greš Wordpress učit in se sploh ne naučiš programiranja. Se strinjam, da bi ga(Bootstrap) blo potrebno poznat, če rabiš kje kakšno bližnjico. Ampak bi moral prej CSS obvladat.

Torej osnove ti bo res lepo razložil. Imaš vaje, materiale, počasi razlaga. Ampak v detajle se pa ne spušča. Kar se tiče backend dela ne morem nič rečt. Ampak tam so spodaj napisali, da je backend del pri njemu slabši kot frontend.

Kakorkoli pa.. Da zaključim. Ali je vredno 10€? Da, vsekakor! Polne cene pa za to nebi plačeval, ker moraš poznat bistveno več stvari, da lahko temu rečeš ULTIMATE bootcamp, the only course you will ever need, kakor temu pravi on.