1. A Firefox-on tl is

2. Magyarorszgi Web Konferencia 2013 Budapest 2013. november 9.A Firefox-on tl isSzalai KAMI Klmn Mozilla Reps kami911@gmail.com 3. A Firefox-on tl is 4. Mi a Mozilla? 5. Irnyelvek Nyltsg Nylt szabvnyok, nylt forrskd Innovci Elremutat megoldsok, ksrleti projektek Lehet sg Mindenki rszt vehet munknkbanMozilla kiltvny https://www.mozilla.org/about/manifesto.hu.html11/11/13 6. Mitl ms a Mozilla? 7. A Mozilla (nem csak) Firefox I AlaptvnyKzssg Fejlesztk, Biztonsgi szakemberek, Tervezk, Tesztelk, Dokumentci ksztk, Kiegszt fejlesztk, Kiegszt jvhagyk, WebApp fejlesztk, WebApp jvhagyk, Honostk, Npszerstk, Felhasznlk MozilliansSzabad szoftverek Firefox, Firefox for Android, Firefox OS, Thunderbird, Bugzilla, SeaMonkey, Lightning, Marketplace, Firebug 8. A Mozilla (nem csak) Firefox II Fejleszti kzssg Developer NetworkEszkzkDokumentciPublikus repository-kQMOMozilla Support (SuMo)Crash statsGraphsWebFWD WebMakerKsrleti labor Jetpack: Add-ons Builder, SDKChromeless BrowserAir MozillaOpen BadgesWikiBlogok / PlanetDrumbeatEmscriptenASM.jsGaming Test PilotACE SkyWriter BespinBrowser ID PersonaPDF.js 9. Sync BiztonsgosSzinkronizls Knyvjelzkrlapadatok Helyrellt kulcs EgyszerstettJelszavakBelltsokBngszprofilok Asztali FirefoxKiterjesztsekFirefox for AndroidLapokElzmnyek 10. MemShrink Clja: Memriahasznlat jelzse (about:memory)Jobb JavaScript heap menedzsmentBngsz memriaszivrgsnak javtsa Bngsz memriaigny cskkentseKiterjesztsek memriaszivrgsnak kezelseEszkzk https://areweslimyet.com/ Dark Matter DetectorInfo Nicholas Nethercote blogja https://blog.mozilla.org/nnethercote/ 11. MemShrink 12. WebRTC Vals idej, P2P kommunikci HangVideMozilla, Chrome, Opera tmogatsvalSzabvnyosts folyamatbanAdatJavaScript APIwww.webrtc.org/demoNylt megoldswww.webrtc.orgNylt codecek 13. Rust I Graydon Hoare kezdte el fejleszteni 2006-tlMozilla 2009C++ szer, elre fordt nyelvtbbszrs paradigmaEls fordt Ocaml nyelvenLegjabb verzi: 0.8Linux, Mac OS X, Windows, FreeBSD Apache License 2.0 vagy MIT Licensepure-functional, concurrentactor, imperativeprocedural, object-oriented BiztonsgosNagyfok prhuzamossgHatkony nyelv 14. Rust II Kikszbli:Tpus biztonsgdouble freesMemria biztonsgmemory leaksPrhuzamossgbuffer overflowsTeljestmnynull pointer dereference 15. Rust III C++ immron felntt, elvgezte az egyetemet, a Haskell-lel randizik s az Erlang-gal dolgozik egy irodbanhttp://smallcultfollowing.com/babysteps/pubs/2013.07.1 7-NEU.pdfdev.unhandledexpression.com/slides/rust-scalaiogithub.com/mozilla/rust/wiki/Docswww.rust-lang.org 16. Servo Prhuzamos bngsz motor (prototpus)KeresztplatformosHatkonyHardware-gyorsts kihasznlsaRust nyelv hasznlata 17. Emscripten JavaScript szabvnyos, elterjedtGyors?Bngszben fut natv appokForrskd LLVM Emscripten JavaScript Portols ignyel C, C++, Python, Java, C#, Objective-C, Ruby, ...Aszinkron (WebWorker), WebGL, stb.github.com/kripken/emscripten/wiki 18. Emscripten mr JavaScript Epic Citadel (Unreal Engine 3) 4 nap alatt [40 FPS 60 FPS; 20s 10 s]BrBoom (Doom clone)UnigineOpenDune (Dune II)BananaBread (Sauerbraten/Cube 2)ScummVMGnuPGOpenSCADText-to-Speech (eSpeak)Ogg.jsLZMASQLite 19. Emscripten 20. ASM.js A JavaScript rszhalmazaElkerli a lassan fut megoldsokatAlacsony szint assembly szer mveletekA meglv motorok optimalizlhatk hozzEmscripten fordtsi paramter: ASM_JS=1Java, C#: A teljes VM lefordtsa lehet a leghatkonyabb 21. ASM.jsEmscripten benchmark suite (VMs and Emscripten from Sep 13 2013, run on 64-bit ubuntu 12.04) 22. ASM.js 23. ASM.js A natv kdhoz kpes feles sebessggel futNhny tlet a sebessg nvelshez 32 bites lebegpontos szmok 10-20% sebessg nvekeds Most minden reprezentci 64 bitesES6 Math.froundSIMD (Single Instruction, Multiple Data) SSE, NEON300% sebessg nvekeds egyes esetekben 24. BrowserID Persona I Azonosts hitelestett emailcm segtsgvel s jelszvalBrowserID-t tmogat webhelyen belps: emailcmmelElnyk Egyszer hasznlat Biztonsg (emailcm azonostsa, digitlis alrs s nyilvnos kulcs titkosts)DecentralizltBngszfggetlenAdatvdelem (nincs felhasznlkvets)Segthetsz: npszersts 25. BrowserID Persona II 26. BrowserID Persona III 27. Open Badges Jelvnygyjtsi rendszerBrowserID alap megoldsKiszolgl infrastruktraOpen Badges felptse: Jelvny killtkHitelestett jelvnyekTanulJelvny htizskMegjelent helyek 28. Shumway SWF (Flash) kdot fordt JavaScriptreKiterjesztsknt rhet elSWF tartalmak biztonsgos megjelentseFlash tmogats ott, ahol nincs Flash playerFirefox (27) Nighty-ba integrlva letiltvagithub.com/mozilla/shumway 29. Firefox Marketplace Firefox Marketplace https://marketplace.firefox.com/Open Web-bl felptett alkalmazsokFirefox OS, mobil Firefox, Firefox s ms bngszkNyitott koszisztma Segthetsz: fejleszts, webapp kszts, npszersts, tesztels, fordts, webapp jvhagys, mobilizer csapat 30. Thunderbird s Lightning Asztali levelezkliensKnnyen kezelhet s hatkonyGecko bngszmotor Firefoxszal megegyez alaprendszer jdonsgokA Mozilla nem vesz rszt mr a fejlesztsben, csak a j krlmnyeket biztostja42 hetes (Mozilla ltal koordinlt) kiadsi ciklusokkalLightning: naptrkiterjeszts a levelezprogramhozSegthetsz: fejleszts, kiterjeszts fordts, npszersts, tesztels 31. SeaMonkey Asztali bngszprogram, levelezkliens s weboldalkszt alkalmazs, amolyan svjci bicska Sok funkcit nyjt Gecko bngszmotor Firefoxszal megegyez alaprendszer jdonsgok A Mozilla nem vesz rszt mr a fejlesztsben, csak a j krlmnyeket biztostja6 hetes (kzssgi) kiadsi ciklusokkalSegthetsz: fordts, npszersts, tesztels 32. Firefox Webfejleszt eszkzk Page InspectorDeveloper ToolbarWeb ConsoleError ConsoleStyle Editor3D ViewJavaScript DebuggerFirefox OS SimulatorJavaScript ProfilerKls kiterjesztsekNetwork MonitorFirebugRemote DebuggingDOM InspectorScratchpadWeb DeveloperResponsive Design ViewWebMaker (az j genercinak) 33. WebFWD Van egy j tleted? Valstsd meg a Mozillval! Mentorlsi program Workshopok a fejlesztshez szksges tmkbanMozilla technikai eszkzk s infrastruktra hasznlataKonzultci a Mozilla kulcsembereivelIndul projekt menedzsmentjeAz elkszlt termk szabad szoftver zleti alkalmazs emellett is lehetsges (pl.: SaaS) 34. WebMaker Neveljk fel internet-tudatos aktvan kzremkd kvetkez genercit https://webmaker.org/ Popcorn Maker a videzs j korszaka Thimble weboldalkszthttp://hackasaurus.org/ X-Ray Goggles elkszlt weboldalak megvizsglsaSegthetsz: WebMaker oldal fordtsa, fiatalok oktatsa 35. Workshop ingyenes Idpont: 2013. november 23.Helyszn: USTREAMTma WebApp fejlesztsKzs hackelsFejleszti tallkozHozd magaddal: laptop, WebApp (kezdemny/tlet)Regsitrci: bit.ly/FxOSAppWorkshop_BUD 36. Ksznm a figyelmet! Krdsek? szrevtelek? Rszt vennl? Szalai KAMI Klmn kami911@gmail.com @kami911kami linkedin.com/in/kami911Magyarorszgi Web Konferencia 2013 Budapest