Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

The history of Javascript frameworks: changes i...

kkeeth
March 29, 2024

The history of Javascript frameworks: changes in front-end design philosophy

kkeeth

March 29, 2024
Tweet

More Decks by kkeeth

Other Decks in Programming

Transcript

  1. THE HISTORY OF JAVASCRIPT FRAMEWORKS: CHANGES IN FRONT-END DESIGN PHILOSOPHY

    29, Mar, 2024 Design Conference extends OOC @kkeeth @kuwahara_jsri @kkeeth
  2. INITIAL(≒OLD) FRONT-END ➤ Only HTML ➤ Emergence of CSS ➤

    Emergence of JavaScript ➤ DHTML Concepts and Ajax ➤ Browser Compatibility Issues ➤ Emergence of jQuery
  3. INITIAL(≒OLD) FRONT-END ➤ Only HTML ➤ Emergence of CSS ➤

    Emergence of JavaScript ➤ DHTML Concepts and Ajax ➤ Browser Compatibility Issues ➤ Emergence of jQuery
  4. jQuery ➤ made by John Resig ➤ $ ➤ jQeury

    is NOT FRAMEWORK but is one of libraries ➤ There are no opinion of entire application design
  5. MVC, MVVM Controller View Model input input ViewModel View Model

    manipulates data data data binding manipulates fires events MVC MVVM fires events
  6. OLD 3 MAJOR JAVASCRIPT FRAMEWORKS Architechture IMO Backbone.js MVC 👍

    minimal, most fl exible 😢 Over-speci fi ed for small projects, tends to be complex Angular.js (AngularJS) MVC + MVVM 👍 full-stack, various API 😢 but high lerning cost, tends to be chaotic Knockout.js MVVM 👍 simplest and minimal, 😢 Whatever we do, we do it ourselves
  7. IN THE LAST ➤ Little by little, it's getting more

    structured ➤ Logic is kept in the front end ➤ Separation of duties and interests (Modularization) ➤ One package vs. eco-system ➤ WebAssembly, serverless, JAMstack, AI/ML integration…etc