Prikaz jedne poruke
Stara 4.9.2020, 1:35   #19
Neutrino
Deo inventara foruma
 
Član od: 17.6.2011.
Poruke: 7.336
Zahvalnice: 94
Zahvaljeno 3.334 puta na 2.010 poruka
Određen forumom Re: Put učenja HTML/CSS

Citat:
doctor kaže: Pregled poruke
Pre par meseci sam za jedan lagani radni dan sa Grid + Flexbox napravio custom responzivan grid koji je stao u nekih 60-70 linija LESS koda sa nekoliko mixinova. Fleksibilnost je fantastična.
LESS je godinama unazad praktično mrtav i sada se koristi skoro isključivo u procesu održavanja već postojećih projekata koji ga koriste. SASS je danas suvereni vladar CSS preprocesora, sa podrškom za dve sintakse, Sass i SCSS (link) i gomilom naprednih funkcionalnosti koje LESS nikada nije imao.
Citat:
doctor kaže: Pregled poruke
Za početak - sa flexboxom može da se uradi faktički sve i za početnike je odličan, kad se savlada flexbox može da se baci na grid. Bitan je način razmišljanja, analiziranje layouta i rastavljanje na elemente, i odabir pristupa.
Pa ne bih rekao da može baš sve, tj. može ali sa krajnim rezultatom koji na kraju može da bude dosta komplikovaniji i od klasičnog "čistog" CSS-a, jer je Flexbox po prirodi jednodimenzionalan.

To u praksi znači da za razliku od recimo CSS Grid-a koji nudi punu podršku za postavljanje layouta u dve dimenzije (po "x" i "y" osi, tj. širini i visini) Flexbox može da radi samo sa jednom dimenzijom (tzv. "main axis") dok je podrška za drugu (poprečnu) tj. tzv. "cross axis" dimenziju dosta limitirana.
Citat:
doctor kaže: Pregled poruke
Generalno, @OP, HTML i CSS možeš da savladaš u roku od 2-3 meseca sasvim dovoljno da nakon toga možeš da kreneš dalje sa Javascriptom - samo se mani starih tutorijala, nađi moderne i nove članke i koristi reputabilne izvore da proveravaš informacije i cepaj. Neutrino ti je već išibao silne linkove...
Nisam ostavio resurse za Javascript jer je originalno pitanje bilo vezano za HTML i CSS a i veliki broj početnika već u samom startu odbije njegova priroda prototipskog nasleđivanja (prototypical inheritence).

Plus, učenje Javascripta kao ubedljivo najpopularnijeg jezika za izradu interaktivnih aplikacija otvara vrata u daleko uzbudljiviji ekosistem u kojem vladaju Node.js, Deno pa i izuzetno popularne biblioteke i framework sistemi kao što su Angular, React, Vue itd.
Citat:
doctor kaže: Pregled poruke
A što se responzivnog dizanja tiče - prvo pravilo koje početnici uvek nekako zaobiđu a koje je ključno: uvek kodiraj prvo za najmanji ekran koji treba da podržiš - posle ćeš lako da dopišeš CSS za veće ekrane.
Pričaš o tzv. "mobile-first" pristupu koji je na početku responsive revolucije pre nekih pet-šest godina praktično bio Sveto pismo u web dizajnu.

Međutim, u poslednjih nekoliko godina "mobile first" pristup se sve više zamenjuje sa tzv. "journey driven" dizajnom koji umesto generalizovanja sadržaja, na kojem "mobile first" princip praktično insistira uvodi nešto što taj pristup nikada nije imao - kontekst.

Journey driven dizajn se u prevodi specifično koncentriše na jedan zadatakm na jednu priču, na jedno "putovanje". To u praksi znači da umesto recimo klasičnog "mobile first" dizajna koji je prepucan sadržajem koji niko neće da čita (ko je ikada čitao "About" sekciju kompanija?) i koji treba da bude dostupan na što je moguće većem broju uređaja, "journey driven" dizajn se fokusira na recimo jednu jedinu stranicu sa formom, ukoliko se "putovanje" stranice zasniva na tome da stranica treba da proda nekakav proizvod. To takođe znači da ako je pirmarni cilj usluga koja je recimo dostupna isključivo na mobilnim uređajima (nekakav SaaS i sl.) fokus u dizajnu je skoro potpun na mobilne uređaje.
Neutrino je offline   Odgovor sa citatom ove poruke