Web Development rasprave/preporuke/problemi

bosscorelli Super ti je stranica. Ja sam tek poceo uciti javascript , i sto vise ucim vidim kolko malo znam. Dok cu naucit js , morat cu opet proc kroz css.

Hvala!
Pričaj mi, evo ja učim već 6 godina i tek sada razumijem dosta dobro neke koncepte. Najveći problem je backend/frontend .js i kako koristiti .js kad ga vrtiš kroz browser ili pod NodeJs-om. Ako imaš neka konretna pitanja, pitaj, pomognem ti da ne moraš kroz pakao kroz koji sam ja prošao.

greyback Stranica predivno izgleda i već sam dosta puta naletio na nju kad sam ukucao „trophy guide and roadmap“ za neku igru, što znači da imaš dobar SEO.

Hvala i tebi!
za SEO - radim ga sam, digao sam sam meta podatke svake stranice ovisno koje podatke stranica ima. Facebook debugger je dobar da javi što fali ako želiš link sherat tamo, a isto ima twitter i ostali servisi. Prema tome sam dodao metu koja mi je falila, a nedavno sam napravio i tagove na nekim stranicama pa obogatim SEO s tim podacima. Ne znam sad napamet kak sam to izveo, mislim da iz backenda slozim objekt metapodataka i dam fronti da renderira na vrhu, tako nekako.

greyback Sajt ti je super, brz, lijep i responzivan i svaka čast na trudu i poslu kojeg si napravio i na contentu kojeg stvaraš. Ipak, nemoj se naljutiti, ali mislim da je s marketinške strane ovo mess jer imaš u fokusu tri potpuno različite niše. Ako ti funkcionira i dovodi klijente kao portfolio super, ali mislim da je iz pozicije traffica previše toga nepovezanog izmiješano na stranici i da bi veće koristi imao da si napravio tri zasebne web stranice; za gaming, za band i za web development s kojom bi ciljao publiku u strukturiranoj niši.

Znam, ali jednostavno me ne brine marketing i taj dio priče. Moj cilj je poslodavcu dati link da vidi što sam napravio i što znam, a isto tako netko tko želi neki projekt za development može mi se javiti, ili želi biti neki suradnik za drugi content kojeg imam. Imam i bend, pa imam i taj izbor U pravu si, ali ne da mi se razdvajat stvari pa će za sada ostati tako (a bend je ionak zadnji hobi po prioritetu).

greyback Ja se ne bavim ciljano izradom stranica, znam HTML, CSS i nešto jako malo JS-a što bi mi bilo dosta za statičku, ali za dinamičnu stranicu, kao što je tvoja, morao bih koristiti WP i osloniti se na pluginove jer nemam ni približno znanja kao ti za napraviti sve od nule.

Ja sam namjerno išao na opensource rješenja bez Wordpressa i sličnih jer volim imat potpunu kontrolu nad kodom. Meni su plugovi NPM paketi, a sve ostalo slažem sam, odnosno radim sherane template HTML fajlove koji samo posloze ono što im prosljedim. Mislim da ti je najlaške naučiti kako includati .js na neki stranicu, a kad to imaš, sve ostalo su common prakse ovisno što želiš (manipulacija elementima, i doslovno sve živo što želiš).

I moram dodati da mi je design najgora strana, sve ovo gore što imam nije skroz najbolje, moram malo slike podesit za veće ekrane (negdje nisu responzivne) i ima tu posla. Nisam designer, to me najviše jebe, pa pikam kak mi izgleda ugodno i prema primjerima.

Za brzinu - mora bit brzo, nema puno contenta još. A sav content koji imam nije rezultat 1000 queryja nego većinom 1-2 čupanja iz baze i jednostavno slaganje modela JS-om prije prosljeđivanja fronti. Vidjet ćemo kad se nakoti contenta

greyback Što se tiče dizajna, nisam ekspert, ali sam prošao par tečajeva u sklopu kojih se pričalo o pravilima dizajna. Jedino što mislim da bi trebao promijeniti je koristiti veći whitespace, odnosno razmak među elementima na stranici. Na nekim dijelovima stranice je super, a negdje su ti elementi preblizu. Npr. ovdje:

Svaka čast, imaš dobro oko. Baš te neke dijelove sam radio svoj CSS jer me Materialize ubio u pojam. Moram skroz refaktorirat side menije i napravit ih tak da se skrojaju kak ti skrolas dolje (materialize me ubija s tim), i ova jebena Tweet ikona nije imala takve rubove, najednom ima, moram po novi emded code i vidjet jesam neki CSS slučajno krivo dodijelio.

Imam ideju sad prvo napravit backend i sve za komentare, složit hijerarhiju i onda se lagano bacit na breadcrumbe, malo frontu i responzivnost (jer tek pakao krene kad na mobitelu ides na sajt, moram pazit kakve klase dajem div-ovima jer prema tome slaze sirinu itd), sredit design flows... Posla kao u prici

greyback Inače, jesi li se školovao u pravcu IT-a ili si sam učio od početka?

Između ostaloga samo TVZ završih, smjer računalne mreže. Sve ostalo solo, stalno sam na računalu i stalno igram, pa kak sam krenuo sa takvih nekim poslovima, na kraju sam se opredjelio za QA Automation Engineera koji je krenuo kao QA, pa lagano kodiranje i automatiziranje fronte, pa sam radio i REST API intergracije, pa to automatizirao, pa sam smisljao strategije za testiranje, pa na kraju radim kao Automation Tech Lead i vodim sve što se tiče testiranja aplikacije i kako/što automatizirati na kojem levelu. Komplicirana i jako aktualna domena. Volim taj dio, zato ga i radim detaljno. Ovo što se sajta tiče je više hobi, ali puno dijelova hobija mi znače za development jer sve što učim na poslu/doma može se primjenit jedno na drugom i obrnuto. Dobra kombinacija za naučit

EDIT:
Uspio sam konačno dobit sticky CSS za kolone sa strane. Isto tako micem sticky kad se radi o najmanjoj rezi:

Materialize container klasa je 70% ekrana, a najmanja širina najmanje kolone preko cijelog screena je 600px. Na 601px preslažem kolone i veličine, a nikak nisam uspio dobit sticky lijevu i desno kolonu. Moralo je ići na div koji sadrže klase za kolone:

Toeto:

Jedan problem manje. Sad moram napravit te menije da na nešt liče

EDIT 2:

Dodao sam u prvi post neke security i XSS prakse i pakete.

Brijac OOP svakako (Što C# i jest), naučit kao prvo klase, vrste klasa, propertyje (private, public itd.), metode... Osnovne stvari, bez toga nećeš daleko jer sve što pišeš budeš pisao kao klasu unutar određenih namespaceova i onda pozivao odnosno instancirao istu i koristio reusabilne stvari. Ja ne znam sve napamet, ali znam što trebam za koju situaciju pa si pomognem na stack overflowu po potrebi. Kada znaš googlat problem, naći ćeš i rješenje

Preporučio bi ti Mosha:

Pogledaj što od njega ima na Udemyju ili nekom takvom sajtu, i uzmi full course, te ga prođi. Mosh je doktor za C# i objašnjava po meni najbolje od svih tih online učitelja. Mislim da ima i neke .NET projekte koje prolazi, znam da sam dizao .NET Core backend jednom prilikom, samo se ne sjećam više jel bio njegov tečaj ili neki drugi (previše sam ih prošao).

Edit:
Vidim da Traversy Media isto ima projekt, on mi je isto odličan lik (malo čudno priča, ali svi projekti su mu baš jebeni jer je sve aktualno što radi):