Post on 15-Jul-2015
transcript
Chris Heilmann (@codepo8) - Codemotion, Rome, March 2015
NO MORE EXCUSES!LET’S BUILD BEAUTIFUL THINGS ON THE WEB
THE WEB AS WE KNOW IT IS IN DANGER…
•Native apps on monolithic, closed systems
•Browser dependencies •Government control and
lockout •Corporate lockout •Walled content gardens
EVERYBODY ALREADY HAS A…
•iPhone/iPad/iWatch •State of the Art Android
phone •Retina Macbook Pro •2 gigabit connection without
data limits
TO BE A “MODERN” FULL STACK DEVELOPER YOU NEED TO USE…
• Task runners • CSS preprocessors • Package managers • MVC Frameworks • Unit tests • A “modern” development environment with
live reload and 360° inspection.
“Magical Framework and modern solution to everything and more” of this month.
or…
FRAMEWORKS RESULT IN PERFORMING SOLUTIONS!
http://www.webpagetest.org/video/view.php?id=150314_Q2_DEY.1.0Tested From: Virginia USA - EC2 - Firefox - Cable
WELL, PROBABLY ON MOBILE, RIGHT?
http://www.webpagetest.org/video/view.php?id=150314_7R_DTG.1.0Tested From: Dulles, VA - Nexus 5 - Chrome
BY FAR THE #1 REASON I GOT FROM WEB DEVELOPERS NOT EMBRACING HTML5:
WE NEED TO SUPPORT INTERNET EXPLORER!
•Out-of-the-box browser on Windows 10
•Evergreen browser = independent of Windows version/update
•Excellent standards support •Leading in ES6 compliance •Fully hardware accelerated •Desktop/Mobile/Tablet
REQUEST FEATURES!
https://wpdev.uservoice.com/forums/257854-internet-explorer-platform
CHROME TO IMPLEMENT MICROSOFT’S POINTER EVENTS
https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/ODWmcKNQl0I
ANGULAR 2 POWERED BY MICROSOFT TYPESCRIPT(TO EASE INTO ES6/ES2015)
http://blogs.msdn.com/b/typescript/archive/2015/03/05/angular-2-0-built-on-typescript.aspx
MICROSOFT IMPLEMENTING ADOBE’S BLEND MODES FOR SVG + CSS.
http://blogs.msdn.com/b/ie/archive/2015/03/23/partnering-with-adobe-on-new-contributions-to-our-web-platform.aspx
READ UP-TO-DATE INFORMATION AND LEARN INSTEAD OF COPY AND PASTE!
https://developer.mozilla.org/
SINS OF WEB DEVELOPERS THAT NEED TO STOP.
•User Agent sniffing •Reliance on experimental
features (-webkit-, -moz-, -ms-…)
•Badly designed dependency management (“this needs jQuery 1.02”)
•Undocumented and badly organised products.