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