front-end web development - moje izkušnje wclj
TRANSCRIPT
![Page 1: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/1.jpg)
3fs.si@ 3fs
@ 3fslabs
![Page 2: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/2.jpg)
Front-end web developmentMoje izku nješ
![Page 3: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/3.jpg)
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
![Page 4: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/4.jpg)
Nekaj projektov
Prenova Stripgenerator.com
Prenova 3delavnica.com (Petek™ prihaja ;))
Razvijalec.si
Skrci.me
![Page 5: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/5.jpg)
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
![Page 6: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/6.jpg)
Moje znanje danesOb utno bolj e :)č š
![Page 7: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/7.jpg)
Najve je te aveč ž
- Ekipno delo
- Strah in premalo samozavesti
- Kje dobiti potrebno znanje?
- Semantika in bolezni
- Neznanje (triki)
- Organiziranost
![Page 8: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/8.jpg)
Potrebno je samo zastaviti pravo vpra anješ
Ekipno delo
![Page 9: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/9.jpg)
Nih e ni popolnč
Strah
![Page 10: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/10.jpg)
Google ve veliko, a ne isto vsegač
Kje dobiti potrebno znanje?
![Page 11: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/11.jpg)
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
![Page 12: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/12.jpg)
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
![Page 13: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/13.jpg)
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)
![Page 14: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/14.jpg)
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,...
![Page 15: Front-end web development - moje izkušnje WCLJ](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a060f91a28ab3c2e8b4793/html5/thumbnails/15.jpg)
3fs.siDavid Panzalović
@ LouDk