├── README.md
├── frontend-evolution.png
└── title.png


/README.md:
--------------------------------------------------------------------------------
  1 | # ![Frontend Evolution (1995-2019)](title.png)
  2 | 
  3 | [![Frontend Evolution Timeline](frontend-evolution.png)](frontend-evolution.png?raw=true)
  4 | 
  5 | ### 🌐 Browsers
  6 | 
  7 | - [1994] Netscape Navigator [http://browser.netscape.com/](https://web.archive.org/web/20070630143634/http://browser.netscape.com/)
  8 | - [1995] Internet Explorer <https://www.microsoft.com/es-es/download/internet-explorer.aspx>
  9 | - [1995] Opera <https://www.opera.com/es>
 10 | - [2002] Mozilla Firefox <https://www.mozilla.org/en-US/firefox/new/>
 11 | - [2003] Apple Safari <https://www.apple.com/safari/>
 12 | - [2008] Google Chrome <https://www.google.com/chrome/>
 13 | - [2015] Microsoft Edge <https://www.microsoft.com/en-us/windows/microsoft-edge>
 14 | 
 15 | ## 🏷️ HTML Ecosystem
 16 | 
 17 | ### HTML Markup
 18 | 
 19 | - [1997] HTML4 <https://www.w3.org/TR/html401/>
 20 | - [2000] XHTML <https://www.w3.org/TR/xhtml1/>
 21 | - [2004] Markdown <https://daringfireball.net/projects/markdown/>
 22 | - [2006] HAML <http://haml.info/>
 23 | - [2010] Handlebars <https://handlebarsjs.com/>
 24 | - [2010] JADE <https://pugjs.org/>
 25 | - [2012] HTML5 (*Candidate Recommendation*) <https://www.w3.org/TR/html5/>
 26 | - [2014] JSX <https://facebook.github.io/jsx/>
 27 | - [2015] PugJS (*Previous JADE*) <https://pugjs.org/>
 28 | - [2017] Lit-HTML <https://lit-html.polymer-project.org/>
 29 | 
 30 | ## 🎨 CSS Ecosystem
 31 | 
 32 | ### CSS Language & Interaction
 33 | 
 34 | - [1996] CSS1 <https://www.w3.org/TR/REC-CSS1/>
 35 | - [1999] CSS3 <https://www.w3.org/TR/CSS/>
 36 | - [1996] Flash <https://www.adobe.com/es/products/flashplayer.html>
 37 | 
 38 | ### CSS Preprocessors
 39 | 
 40 | - [2006] Sass <https://sass-lang.com/>
 41 | - [2009] LESS <http://lesscss.org/>
 42 | - [2010] Sass (SCSS) <https://sass-lang.com/>
 43 | - [2010] Stylus <http://stylus-lang.com/>
 44 | 
 45 | ### JS Tools & CSS-in-JS
 46 | 
 47 | - [2013] PostCSS <https://postcss.org/>
 48 | - [2014] Autoprefixer <https://autoprefixer.github.io/>
 49 | - [2014] Browserslist <https://browserl.ist/>
 50 | - [2014] JSS <https://cssinjs.org/>
 51 | - [2015] CSS Modules <https://github.com/css-modules/css-modules>
 52 | - [2016] Styled Components <https://www.styled-components.com/>
 53 | - [2017] Emotion <https://emotion.sh/>
 54 | 
 55 | ### CSS Methodologies
 56 | 
 57 | - [2009] OOCSS <http://oocss.org/>
 58 | - [2011] SMACSS <http://smacss.com/>
 59 | - [2012] BEM <http://getbem.com/>
 60 | - [2013] ACSS <https://acss.io/>
 61 | - [2016] ITCSS <https://itcss.io/>
 62 | 
 63 | ### CSS Frameworks
 64 | 
 65 | - [2006] YUI <https://yui.github.io/yui2/>
 66 | - [2011] Twitter Bootstrap <https://getbootstrap.com/>
 67 | - [2011] Foundation <https://foundation.zurb.com/>
 68 | - [2012] Pure CSS <https://purecss.io/>
 69 | - [2013] Semantic UI <https://semantic-ui.com/>
 70 | - [2013] Materialize CSS <https://materializecss.com/>
 71 | - [2014] Tachyons <https://tachyons.io/>
 72 | - [2015] Milligram <https://milligram.io/>
 73 | - [2015] Bulma <https://bulma.io/>
 74 | - [2015] UIKit <https://getuikit.com/>
 75 | - [2017] Tailwind CSS <https://tailwindcss.com/>
 76 | 
 77 | ## 💻 Javascript Ecosystem
 78 | 
 79 | ### Third-party & Others
 80 | 
 81 | - [1995] Java Applets* <https://www.java.com/es/>
 82 | - [1996] ActiveX [http://activex.microsoft.com/](http://web.archive.org/web/20050930205552/http://activex.microsoft.com/)
 83 | - [1996] XML <https://www.w3.org/XML/>
 84 | - [1997] ActionScript <https://www.adobe.com/devnet/actionscript.html>
 85 | - [2004] Adobe Flex <https://www.adobe.com/es/products/flex.html>
 86 | - [2007] Silverlight <https://www.microsoft.com/silverlight/>
 87 | - [2008] Adobe AIR <https://www.adobe.com/products/air.html>
 88 | - [2011] WebGL <https://www.khronos.org/webgl/>
 89 | - [2015] WebAssembly <https://webassembly.org/>
 90 | 
 91 | \* *Not Javascript*
 92 | 
 93 | ### Javascript vanilla
 94 | 
 95 | - [1995] Javascript *Not standard yet*
 96 | - [1997] Javascript [ES1 Edition](https://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%201st%20edition,%20June%201997.pdf)
 97 | - [1999] Javascript [ES3 Edition](https://www-archive.mozilla.org/js/language/E262-3.pdf)
 98 | - [2001] JSON <https://json.org/>
 99 | - [2009] Javascript [ES5 Edition](https://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262%205th%20edition%20December%202009.pdf)
100 | - [2015] Javascript [ES2015/ES6 Edition](https://www.ecma-international.org/ecma-262/6.0/index.html)
101 | - [2016] Javascript [ES2016/ES7 Edition](https://www.ecma-international.org/ecma-262/7.0/index.html)
102 | - [2015] Javascript [ES2017/ES8 Edition](https://www.ecma-international.org/ecma-262/8.0/index.html)
103 | - [2016] Javascript [ES2018/ES9 Edition](https://www.ecma-international.org/ecma-262/9.0/index.html)
104 | - [2017] Javascript [ES2019/ES10 Edition](https://www.ecma-international.org/publications/standards/Ecma-262.htm)
105 | 
106 | ### JS libraries
107 | 
108 | - [2004] Dojo toolkit <https://dojotoolkit.org/>
109 | - [2005] Prototype <http://prototypejs.org/>
110 | - [2006] jQuery <https://jquery.com/>
111 | - [2006] ExtJS <https://www.sencha.com/products/extjs/>
112 | - [2007] MooTools <https://mootools.net/>
113 | - [2009] Underscore <https://underscorejs.org/>
114 | - [2012] Lodash <https://lodash.com/>
115 | 
116 | ### JS superlanguage & transpilers
117 | 
118 | - [2009] CoffeeScript <https://coffeescript.org/>
119 | - [2009] Closure Compiler <https://developers.google.com/closure/compiler/>
120 | - [2011] Traceur <https://github.com/google/traceur-compiler>
121 | - [2012] Elm <https://elm-lang.org/>
122 | - [2012] 6to5 transpiler <https://github.com/6to5>
123 | - [2012] Typescript <https://www.typescriptlang.org/>
124 | - [2015] BabelJS (*previous 6to5*) <https://babeljs.io/>
125 | 
126 | ### JS Frameworks
127 | 
128 | - [2010] Knockout <https://knockoutjs.com/>
129 | - [2010] Backbone <https://backbonejs.org/>
130 | - [2010] AngularJS <https://angularjs.org/>
131 | - [2011] EmberJS <https://emberjs.com/>
132 | - [2013] RiotJS <https://riot.js.org/>
133 | - [2013] React <https://reactjs.org/>
134 | - [2014] Aurelia <https://aurelia.io/>
135 | - [2014] Mithril <https://mithril.js.org/>
136 | - [2014] Marko <https://markojs.com/>
137 | - [2015] Vue <https://vuejs.org/>
138 | - [2015] Preact <https://preactjs.com/>
139 | - [2016] HyperApp <https://github.com/JorgeBucaran/hyperapp>
140 | - [2016] Angular <https://angular.io/>
141 | - [2016] Svelte <https://svelte.dev/>
142 | 
143 | ### Mobile JS Frameworks
144 | 
145 | - [2013] Ionic <https://ionicframework.com/>
146 | - [2014] Native Script <https://www.nativescript.org/>
147 | - [2015] React Native <https://facebook.github.io/react-native/>
148 | - [2018] Vue Native <https://vue-native.io/>
149 | 
150 | ### Web Components Ecosystem
151 | 
152 | - [2011] WebComponents v0
153 | - [2014] Polymer <https://www.polymer-project.org/>
154 | - [2016] HybridsJS <https://hybrids.js.org/>
155 | - [2017] WebComponents v1 <https://www.webcomponents.org/>
156 | - [2018] Lit-Element <https://lit-element.polymer-project.org/>
157 | 
158 | ### Build/Bundler Tools
159 | 
160 | - [2010] NPM <https://www.npmjs.com/>
161 | - [2010] Browserify <http://browserify.org/>
162 | - [2012] Bower <https://bower.io/>
163 | - [2012] Grunt <https://gruntjs.com/>
164 | - [2013] Webpack <https://webpack.js.org/>
165 | - [2014] Gulp <https://gulpjs.com/>
166 | - [2015] Rollup <https://rollupjs.org/>
167 | - [2016] Yarn <https://yarnpkg.com/>
168 | - [2017] Parcel <https://parceljs.org/>
169 | 
170 | ## 👨‍💻 Author
171 | 
172 | - 🐦 <https://twitter.com/Manz>
173 | - 🏷️ <https://lenguajehtml.com/>
174 | - 🎨 <https://lenguajecss.com/>
175 | - 💻 <https://lenguajejs.com/>
176 | - 🖥️ <https://terminaldelinux.com/>
177 | - ⚡ <https://manzdev.github.io/>


--------------------------------------------------------------------------------
/frontend-evolution.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ManzDev/frontend-evolution/081d1ce60cf2593845e620737ac1d800590ac75c/frontend-evolution.png


--------------------------------------------------------------------------------
/title.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ManzDev/frontend-evolution/081d1ce60cf2593845e620737ac1d800590ac75c/title.png


--------------------------------------------------------------------------------