Download as PDF, PPTX
Uploaded byAndrey Listochkin
Java script и frontend завтра - Kharkiv JS 2013
Документ представляет собой хронологический обзор развития JavaScript и фронтенд-технологий с 1989 по 2014 год. Он освещает ключевые события, инструменты и библиотеки, которые повлияли на веб-разработку, такие как появление AJAX, JSON, Node.js и CSS. Кроме того, документ обсуждает современные требования к фронтенд-разработчикам и проблемы, с которыми они сталкиваются.
Java script и frontend завтра - Kharkiv JS 2013
- 1. JavaScript и Frontend завтра АндрейЛисточкин
- 4.
- 7.
- 8.
- 9. 1995 - JavaScript,Internet Explorer, SSL
- 10.
- 11. 1996 - CSS,Opera
- 12.
- 13. 2000 - XHTML, OperaMobile
- 14. 2001 - SVG,JSON, Venkman
- 15. 2002 - Firefox,jsLint
- 16. 2003 - Safari, OperaPlatform
- 18. 2004 - Dojo,Gmail, Web 2.0, E4X, WHAT WG, Ruby on Rails
- 19. 2005 - Prototype, CouchDB, GoogleMaps, Opera Mini
- 20. 2006 - GWT,YUI, jQuery, Ext JS, Firebug, Widgets
- 21. 2007 - iOSSafari, Sass, Caja, OpenSocial
- 22. 2008 - QUnit,YQL, Raphaёl, Dragonfly, TraceMonkey, Chrome
- 24. 2009 - CommonJS, Narwhal,NodeJS, npm, MongoDB, PhoneGap, Underscore, CoffeeScript, Less, SPDY, WebSockets, EcmaScript 5
- 25. 2010 - SocketIO, Knockout, Backbone, Require JS
- 26. 2011 - Ember,IE9, Dart, Twitter Bootstrap, d3, Grunt, Brunch, Browserify, Skybreak
- 27. 2012 - TypeScript, Yeoman,Component, Windows 8
- 28. 2013 - FirefoxOS, asm.js, Polymer
- 30.
- 31. Модули module 'MyComponent' { import{ dep } from 'https://dep.io/dep.js' // Your Code export // Exports }
- 32. TC39: EcmaScript 6 ● ● ● ● ● ● ● ● ● Модули Proxy let => destructuringassignment генераторы rest параметры classes ...
- 34. HTML Web Components ● ● ● ● ShadowDOM Custom Tags Templates HTML Imports
- 35.
- 38. Мы где-то встречались CustomTags, Shadow DOM, Web Components xml:ns, widgets, iframes local CSS reset Object.observe Getters/Setters CSS SVG
- 39.
- 40. http://www.w3.org/People/howcome/p/cascade.html 1994-10-10 font.size = 12pt h1.font.size= font.size * 3 h2.font.size = font.size * 2.5 h3.font.size = font.size * 2
- 41.
- 42.
- 46. Сложности ● ● ● ● Выбор инструментов Движение технологий Росттребований к фронтенд инженеру Веб-ожирение
- 47. Underscore JS, jQuery,Modernizr, es5-shim, Backbone, Chaplin, Grunt, Karma, Mocha, ChaiJS, Node.js, PhantomJS, CoffeeScript, Compass, jsHint, Bootstrap...
- 48.
- 49.
- 50. Кое-что мы ужеделаем правильно ● ● ● ● Мы не бежим от JavaScript'а Мы стараемся использовать CSS Мы строим архитектуру Мы пишем тесты
- 51. Но кое-что ещенет ● ● ● ● ● WebSocket по-умолчанию No frameworks по-умолчанию URL для всего по умолчанию Красивый и удобный UI по умолчанию Не суппортить IE < 9/10
- 52.
- 53. HTTP ● параметры, запрос,ответ, cookie, headers, подпись запросов Basic, oAuth, HMAC, CSRF ● keep-alife, streaming ● cache, ETags, CORS, ● REST, JSON API: Authorization, Sideloading, schema ● WebSockets
- 54.
- 55.
- 56. Браузеры ● ● ● ● IE8, Opera Mini,Screen Readers Апрель 2014 IE10 для Windows 7 devices
- 57.
- 58.
- 59. Engineering ● ● ● ● ● ● tests Karma, Selenium??? Билд >0.1 секунды - долгий отдельный client build monitoring profiling
- 60. Худеем: ● Polyfills >>Libraries: es5 Array extras vs. Underscore ● jQuery? custom builds ● Modernizr? ● Ext, GWT
- 61. Не делаем глупостей: Изпушки по воробьям d3 ● IcedCoffeeScript ●
- 62. Здравый смысл: if (array.hasOwnProperty(index)) {get fullName: ... } ; ● AMD и билд??? ● ● ●
- 63. Помогаем другим: jQuery Plugin npm,component, bower ● бонус: SourceLabs, ci.testling.com, TravisCI ● ●
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 72.
- 73. + Bootstrap +Grunt 2011
- 75.
- 76.
- 77. Я не осилилCSS, поэтому я frontend developer