The document discusses the evolution of modern web application architecture from static websites to more complex dynamic and database-driven applications. It begins by describing static websites and then covers good-looking static sites using HTML, CSS and JS. It moves onto simple dynamic sites that can change based on user input, then stateful websites that remember changes across requests like blogs. Database performance led to caching being introduced. Frameworks like MVC were created and applications became more data-centric. Key lessons are using the right tool, separation of concerns, replacing components while maintaining interfaces, and embracing change.

1. ARCHITECTURE OF MODERN
WEB APPLICATIONS
Mahmoud M. Jalajel

2. WHO AM I?
• Started as a full stack web developer.
• Later specialized in Data Science.
• Now heading Data Science Labs in Blue Kangaroo.
• Active JOSA Member.

3. THE MINIMAL WEBSITE
• We called these Static Websites
• Web Server + Information
presented inText/HTML Page
• Example: http://bit.ly/1ZCo9KX

4. GOOD LOOKING STATIC
SITES
• Still a simple, static website
• Web Server + Content
• Content = HTML + CSS + JS
• dataScience.JordanOpenSource.org

5. SIMPLE DYNAMIC SITES
• Dynamic = Change
depends on something (e.g.
user input)
• Operation is to be made on
the server
• data.JordanOpenSource.org

6. STATEFUL WEBSITES
• Remembers changes across
requests
• Can change content based
on new values
• Simple blogs and magazines
• JordanOpenSource.org

7. DATABASETOO SLOW?
• Introduce Caching to http, db, browser
• Cache invalidation!
• Web/App servers merged for simplicity
• HighTraffic Websites
• JordanOpenSource.org

8. MVC FRAMEWORK

9. DATA-CENTRIC APP

10. TAKE-OUTS
• “If your only tool is a hammer, every problem will look
like a nail”
• Components are black boxes (separation of concerns)
• You can replace anything as long as you maintain the
interface (Design by contract)
• Change is the only constant, learn a new tool everyday!

11. From: http://bit.ly/1PxKtT7 (by Yousef Wadi)
Recommended:A JOSATechTalk on Web Scalability

12. @mjalajel
Questions?
I’m always one tweet away!