Your SlideShare is downloading. ×
0
3fs.si @3fs @3fslabs
<ul><li>Moje izkušnje </li></ul>Front-end web development
Kdo? <ul><li>David Panzalović </li></ul><ul><li>Del Front-end ekipe @ 3fs d.o.o. V kateri sta tudi: Frenk Ten Sedmak Nahti...
Nekaj projektov <ul><li>Prenova  Stripgenerator.com </li></ul><ul><li>Prenova  3delavnica.com  (Petek™ prihaja ;)) </li></...
Moje znanje na začetku leta <ul><li>Mislil sem: </li></ul><ul><li>da imam dobro znanje HTML </li></ul><ul><li>da imam dobr...
Moje znanje danes <ul><li>Občutno boljše :) </li></ul>
Največje težave <ul><li>Ekipno delo </li></ul><ul><li>Strah in premalo samozavesti </li></ul><ul><li>Kje dobiti potrebno z...
<ul><li>Potrebno je samo zastaviti pravo vprašanje </li></ul>Ekipno delo
<ul><li>Nihče ni popoln </li></ul>Strah
<ul><li>Google ve veliko, a ne čisto vsega </li></ul>Kje dobiti potrebno znanje?
Semantika <ul><li>Upoštevajte standrde </li></ul><ul><li>Za vsako nalogo obstaja element (skoraj) </li></ul><ul><li>Premis...
Neznanje (triki) <ul><li>Uporabljajte primerna orodja (Firebug, HTML Validator,...) </li></ul><ul><li>Uporabljajte JS knji...
Organiziranost <ul><li>Organizirano delovno mesto </li></ul><ul><li>POIMENOVANJE! </li></ul><ul><li>Ne tlačite vse CSS ali...
Kaj pa prihodnost? <ul><li>HTML 5 article, aside, audio, canvas, details, dialog, embed, footer, header, mark, nav, progre...
3fs.si David Panzalović @LouDk
Upcoming SlideShare
Loading in...5
×

Front-end web development - moje izkušnje WCLJ

632

Published on

Moje predavanje o mojih izkušnjah z fron-end razvojem na letošnjem webcampu v Ljubljani.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
632
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Front-end web development - moje izkušnje WCLJ"

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

    Clipping is a handy way to collect important slides you want to go back to later.

×