Internet Explorer 10 - san kojije postao java
• Internet Explorer 10• Standardizacija WebKit aplikacija• Biblioteke i objava u Windows StoreSadržaj
2011 2012 2013
• Metro verzija sučelja• Adobe Flash Player na Windowsima 8• Dodana provjera pravopisa i korekcije• Pamti otvorene tabove•...
• User agent• Chakra JavaScript engine je još više ubrzan• HTML5• CSS3Što je novo(2)Mozilla/5.0 (compatible; MSIE 10.0; Wi...
Demo• Minesweeper• Vektorska grafika• CSS text-shadow
PointeriPointerMišOlovkaDodir• MSPointerDown• MSPointerMove• MSPointerUp• MSPointerOver• MSPointerOut• MSPointerHover
function handleEvent(event) {switch (event.pointerType) {}}<script>if (window.navigator.msPointerEnabled) {canvas.addEvent...
Demo• Pointeri
• Uvjetni komentari• DirectX bazirani filteriČega više nema<!--[if lte IE 7]>kod samo za IE7 ili starije<![endif]-->/* IE6...
WebKit render engine
Standardizacija - problem• Dokumenti u draft statusu• Različite implementacije istog standarda• Finalna verzija 2022 godin...
Standardizacija - problem• Gradijent od bijele do crne.gradient {background: -moz-linear-gradient(top, #FFFFFF 0%, ... /* ...
IE10 koristi W3C format ako je...• ... specifikacija stabilna i ne očekuju se promjene• ... podržana u drugim browserima• ...
CSS3• Bez prefiksa: • Ostaje prefiks -ms-:Točna specifikacija svih promjena
Demo• jQTouch• Prilagodba CSSa
JavaScript• webkitAnimationEnd > animationend• webkitTransitionEnd > transitionend• obj.webkitTransitionDuration > obj.tra...
Demo• Prilagodba JavaScripta
Dobro je znati...• Podrška za standarde• CSS -webkit-tap-highlight-color: ...<!DOCTYPE html><meta http-equiv="x-ua-compati...
Gotove biblioteke(kitchen sink)
Što dalje?Windows Store certifikacijaBesplatna knjiga
Microsoft edukacija obuhvaća proces učenja kroz specijalističke treninge opostojećim i novim Microsoftovim tehnologijama. ...
• MOC 20480 Programming in HTML5 with JavaScript and CSS3• MOC 20481 Essentials of Developing Windows Store Apps UsingHTML...
Hvala!
WinDays 13 - Internet Explorer 10 - san koji je postao java
WinDays 13 - Internet Explorer 10 - san koji je postao java
WinDays 13 - Internet Explorer 10 - san koji je postao java
WinDays 13 - Internet Explorer 10 - san koji je postao java
WinDays 13 - Internet Explorer 10 - san koji je postao java
Upcoming SlideShare
Loading in …5
×

WinDays 13 - Internet Explorer 10 - san koji je postao java

219 views
173 views

Published on

Novi Internet Explorer 10 koji dolazi sa Windows 8 i Windows phone 8 predstavlja uistinu veliki korak naprijed u svakom pogledu. Osim značajnog povećanja performansi i sigurnosti, ono što zaista oduševljava je konačno potpuna podrška za zaslone osjetljive na dodir i implementacija svih naprednijih CSS3 funkcionalnosti. Mogućnosti novog preglednika se naslućuju i u tome što je jedan od načina izrade nativnih aplikacija za Windows 8 i pomoću HTML5, CSS3 i JavaScripta. Prvi, kraći dio predavanja sadržavati će pregled novosti bitnih za programere dok će ostatak predavanja biti posvećen problemu iz stvarnog života. Pokazat će se kako postojeću web aplikaciju optimiranu za WebKit preglednike jednostavno prilagoditi web standardima kako bi bila potpuno funkcionalna i na Internet Exploreru 10. Time se ostvaruje i dobra polazišna točka za njeno daljnje pakiranje u Windows 8 aplikaciju i objavu u Windows Storeu ukoliko se pokaže potreba.

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

  • Be the first to like this

No Downloads
Views
Total views
219
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • IE9 – ozujak 2011IE10 win server 2012 – rujan 2012IE10 win 8 – kraj listopada 2012IE10 win 7 – kraj veljace, oni s IE9 &gt; high prio updatePP platform preview, DP developer preview, CP consumer preview, RP release preview
  • SUCELJE – skoro isto kao IE9, ali plosnatije, manje gradijenata, novi dizajn scroll barova
  • FLIP AHEAD – i metro i desktop, po defaultu iskljuceno jer se history salje u MS da bi radilo, zahtijeva promjene na nekim siteovima da bi radilo OK, samo na METROFLASH – prvo white compatibility list pa od ozujka black list (manje od 4%)
  • [platform token] – nista 32bit win, WOW64 32bit IE na 64bit win, Win64; x64; 64bit IE na 64 bit win, ARM win RTCHAKRA – manje instrukcija nakon kompajliranja &gt; manje memorije i ubrzanje, optimiran za puno malih funkcija tipicnih za OOP, floating point math (IE9 brz samo s integerima, IE10 i sa float), bolji garbage collection (pauzira do neaktivnosti)HTML5 – video tag (orijentacija, track element za titlove captione itd.), input spellcheck attribute, iFrame sandbox attribute
  • [platform token] – nista 32bit win, WOW64 32bit IE na 64bit win, Win64; x64; 64bit IE na 64 bit win, ARM win RTCHAKRA – manje instrukcija nakon kompajliranja &gt; manje memorije i ubrzanje, optimiran za puno malih funkcija tipicnih za OOP, floating point math (IE9 brz samo s integerima, IE10 i sa float), bolji garbage collection (pauzira do neaktivnosti)HTML5 – video tag (orijentacija, track element za titlove captione itd.), input spellcheck attribute, iFrame sandbox attribute
  • -ms-touch-action: none; &gt; znaci da ce se dodir obraditi u JavaScriptu, defaultno ponasanje ugaseno
  • FLIP AHEAD – i metro i desktop, po defaultu iskljuceno jer se history salje u MS da bi radilo, zahtijeva promjene na nekim siteovima da bi radilo OK
  • STABILNA – ne ocekuju se promjene u funkcionalnosti i nazivuPODRZANA – u bar dva mainstream browseraKONZISTENTNA - da se uglavnom jednako ponasa u svim browserimaVec je netko koristi u tom oblikuIma W3C status u tom casu ili tijekom 2012
  • Viewport
  • Bilo koji drugi doctype ne radiu lokalnom nacinu rada fallbacka na backward-compatible mod rada
  • 50 000 aplikacija u win store, 700 000 u android market i iOS app storeCertifikacija – donose dodatnu vrijednost, ne smiju biti samo frame za neki website, predvidljive, globalizirane
  • WinDays 13 - Internet Explorer 10 - san koji je postao java

    1. 1. Internet Explorer 10 - san kojije postao java
    2. 2. • Internet Explorer 10• Standardizacija WebKit aplikacija• Biblioteke i objava u Windows StoreSadržaj
    3. 3. 2011 2012 2013
    4. 4. • Metro verzija sučelja• Adobe Flash Player na Windowsima 8• Dodana provjera pravopisa i korekcije• Pamti otvorene tabove• Flip AheadŠto je novo(1)<link rel="next" href="/vijesti/clanak2.aspx"/><link rel="prev" href="/vijesti/clanak1.aspx"/>
    5. 5. • User agent• Chakra JavaScript engine je još više ubrzan• HTML5• CSS3Što je novo(2)Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; [platform token] Trident/6.0; Touch)
    6. 6. Demo• Minesweeper• Vektorska grafika• CSS text-shadow
    7. 7. PointeriPointerMišOlovkaDodir• MSPointerDown• MSPointerMove• MSPointerUp• MSPointerOver• MSPointerOut• MSPointerHover
    8. 8. function handleEvent(event) {switch (event.pointerType) {}}<script>if (window.navigator.msPointerEnabled) {canvas.addEventListener("MSPointerMove", mojHandler, false);}</script><style>html {-ms-touch-action: none;}</style>case event.MSPOINTER_TYPE_TOUCH:// Dodirbreak;case event.MSPOINTER_TYPE_PEN:// Olovkabreak;case event.MSPOINTER_TYPE_MOUSE:// Mišbreak;
    9. 9. Demo• Pointeri
    10. 10. • Uvjetni komentari• DirectX bazirani filteriČega više nema<!--[if lte IE 7]>kod samo za IE7 ili starije<![endif]-->/* IE6 & IE7 */filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000,endColorstr=#FFF);/* IE8 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000,endColorstr=#FFF)";
    11. 11. WebKit render engine
    12. 12. Standardizacija - problem• Dokumenti u draft statusu• Različite implementacije istog standarda• Finalna verzija 2022 godine• Različiti prefiksi:
    13. 13. Standardizacija - problem• Gradijent od bijele do crne.gradient {background: -moz-linear-gradient(top, #FFFFFF 0%, ... /* FF3.6+ */background: -webkit-gradient(linear, left top, left... /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #FFFFFF 0... /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #FFFFFF 0%,#29... /* Opera 11.10+ */background: -ms-linear-gradient(top, #FFFFFF 0%, #... /* IE10+ */background: linear-gradient(to bottom, #FFFFFF 0%,... /* W3C */filter: progid:DXImageTransform.Microsoft.gradient(... /* IE6-9 */}
    14. 14. IE10 koristi W3C format ako je...• ... specifikacija stabilna i ne očekuju se promjene• ... podržana u drugim browserima• ... konzistentna u drugim preglednicima• ... u statusu Candidate Recommendation.gradient {/* IE10+ */background: linear-gradient(to bottom, #FFFFFF 0%, #000000 100%);}
    15. 15. CSS3• Bez prefiksa: • Ostaje prefiks -ms-:Točna specifikacija svih promjena
    16. 16. Demo• jQTouch• Prilagodba CSSa
    17. 17. JavaScript• webkitAnimationEnd > animationend• webkitTransitionEnd > transitionend• obj.webkitTransitionDuration > obj.transitionDuration• touchStart i ostali eventi > MSPointerDown i ostali
    18. 18. Demo• Prilagodba JavaScripta
    19. 19. Dobro je znati...• Podrška za standarde• CSS -webkit-tap-highlight-color: ...<!DOCTYPE html><meta http-equiv="x-ua-compatible" content="IE=edge" /><meta name="msapplication-tap-highlight" content="no" />
    20. 20. Gotove biblioteke(kitchen sink)
    21. 21. Što dalje?Windows Store certifikacijaBesplatna knjiga
    22. 22. Microsoft edukacija obuhvaća proces učenja kroz specijalističke treninge opostojećim i novim Microsoftovim tehnologijama. Učenje se odvija kroz službenetečajeve, hands-on labove, simulacije i praktičnu primjenu stečenog znanja, što jekvalitetna priprema za stjecanje Microsoftovih certifikata za pojedine tehnologije.Microsoft certifikacija odraz je vaše stručnosti u poznavanju Microsoftovihtehnologija. Kao Microsoftov certificirani profesionalac (MCP) možete pristupatiresursima i alatima zajednice MCP-ova, što vam omogućuje razmjenu ideja skolegama, povećanje znanja i vještina te otvaranje novih prilika za vaš daljnjiprofesionalni napredak.Za više informacija o mogućnostima edukacije i certifikacije iz područja kojeje obrađivalo ovo predavanje obratite se Microsoftovim edukacijskim partnerima,nositeljima kompetencije Microsoft Learning Partner.Microsoftovi treninzi icertifikacije
    23. 23. • MOC 20480 Programming in HTML5 with JavaScript and CSS3• MOC 20481 Essentials of Developing Windows Store Apps UsingHTML5 and JavaScript• MOC 20482 Advanced Windows Store App Development UsingHTML5 and JavaScript• MOC 20484 Essentials of Developing Windows Store Apps Using C#• MOC 20486 Developing ASP.NET MVC 4 Web ApplicationsSlužbeni Microsoft seminari kojiobrađuju tematiku predavanja su:
    24. 24. Hvala!

    ×