3fs.si@ 3fs
@ 3fslabs
Front-end web developmentMoje izku nješ
Kdo?David Panzalović
- Del Front-end ekipe @ 3fs d.o.o.V kateri sta tudi:
Frenk Ten Sedmak Nahtigal (HTML, CSS)
in Matej Keglevič (JS)- Podjetnik in freelancer
- Del ekipe slovenskega URL skraj evalnika š
SKRCI.ME
- Razvijalec.* ;)
http://twitter.com/LouDk
Nekaj projektov
Prenova Stripgenerator.com
Prenova 3delavnica.com (Petek™ prihaja ;))
Razvijalec.si
Skrci.me
Moje znanje na za etku čletaMislil sem:
- da imam dobro znanje HTML- da imam dobro znanje CSS- da imam kot freelancer dovolj
izku enj za ve je projekteš č
Realnost:
- moje znanje HTML in CSS je bilo pomankljivo
- bolehal sem za tipi nimi č“boleznimi” kot sta divitis in classitis
- brez pravega ob utka za ekipno čdelo
Moje znanje danesOb utno bolj e :)č š
Najve je te aveč ž
- Ekipno delo
- Strah in premalo samozavesti
- Kje dobiti potrebno znanje?
- Semantika in bolezni
- Neznanje (triki)
- Organiziranost
Potrebno je samo zastaviti pravo vpra anješ
Ekipno delo
Nih e ni popolnč
Strah
Google ve veliko, a ne isto vsegač
Kje dobiti potrebno znanje?
Semantika- Upo tevajte standrdeš
- Za vsako nalogo obstaja element (skoraj)
- Premisli preden narediš
- Lep a in preglednej a kodaš š
- Va a koda bo ozdravelaš
- SEO
Neznanje (triki)- Uporabljajte primerna orodja (Firebug, HTML Validator,...)
- Uporabljajte JS knji njice (jQuery, Mootools, Dojo,...)ž
- Uporabljajte Sprite (http://skrci.me/sprite)
- Vedno in povsod: CSS Reset (http://skrci.me/reset)
- e je potrebno, uporabljajte povsem lo ene stile za IEČ č<!--[if IE 7]><link rel="stylesheet" href=“/css/ie/layout.css" type="text/css" media="screen" /><![endif]-->
- Izogibajte se CSS hackom
- Uporabljajte napredne CSS selectorje (siblings, next,...)
- Minify
Organiziranost- Organizirano delovno
mesto
- POIMENOVANJE!
- Ne tla ite vse CSS ali JS č
kode v eno datoteko
- Smiselna struktura map in datotek
- Komentirajte (CSS in JS)
Kaj pa prihodnost?- HTML 5
article, aside, audio, canvas, details, dialog, embed, footer, header, mark, nav, progress, section, source, time, video, form validation, draggable,...
- CSS 3ve nastavitev za border, mo nost ve ih background-ov, č ž č
naprednej i selektorji (tudi po atributih), ve nastavitev za š č
besedila (shadow, word-wrap,...), mo nost uporabe ž
nestandrdnih fontov,...
3fs.siDavid Panzalović
@ LouDk