Toggle navigation
TOC
Project Outline
Deliverables
Presentations
Examples
Ajax
Background
Ajax
Used to stand for “Asynchronous Javascript and XML”
Nowadays the term has gotten generic – XML is rarely involved, JSON is used instead
If it means anything it means updating a page without a visible refresh
Responsive Design
Single web site for all devices (web browser vs. mobile)
Layout changes (radically) if needed to accommodate screen size
Radically means: rearranging components, and even dropping content altogether
You’ve seen this so much, it’s more or less expected now
Famous example
Boston Globe
, was one of the earliest really responsive web pubs.
Use Cases
Asynchronous update
: page changes without the user doing anything
Typeahead
: suggested completions added to a textbox while typing
Delayed Rendering
: Result from a query comes in gradually
In Place Editing
: Forms that allow in place editing (instead of a big submit button)
Server Push
: Browser update initiated by the server!
How Ajax works
Steps
Browser makes a ‘background’ http request
Server (i.e. the controller) returns ‘data’ or ‘js code’
Browser based code (javascript) interprets that data or executes the code.
Browser changes DOM which changes what is displayed in the current page
Deeper dive
Not a toy
Javascript is a serious and very important langauge
It might be the most important language right now
Why?
Has nothing to do with Java!
Name is strictly political (back in the 80’s I think)
Browser DOM :: HTML :: CSS :: JavaScript are interlocking partners that work together
Document Object Model
DOM is a strictly a tree with the
<html></html>
at the top of the tree, assigned to variable
document
.
Each tree element is a node. Every node has exactly one parent
The DOM tree can be modified AT RUN TIME
Any change to the DOM tree is immediately reflected in the visual appearance of the page!
Demo:
Github Ajax Demo
Welcome
2018 Syllabus
Calendar of Lectures and homeworks
Resources
Lectures
Pilot Project
Welcome!
Lean Startup
Hypotheses
Working on Teams
MVP
Guest Lecture: Michael Skok
Pilot Project Conclusion
Term Project: Startup
Welcome to Term Projects!
Build Measure Learn
Project Planning
The Pivot
The Engine of Growth
Mockups & Prototypes
Testing Techniques
Term Project: Product
Product Market Fit
Jeffrey Beir: Metrics
Business Models
Pricing Models
Andy Payne: Startup Finance
Intellectual Property
Term Project: Business
Finance for Geeks
Founding a company
Real World Survival Kit
Management and Leadership
Dulcie Madden: Startup Teams
Last day converstation
Term Project
Term Project Outline
Minimum Viable Product Info
Hypotheses
Final Presentations
Background
Learning Goals
Grading
Teachers
Lexicon
Interesting links
Credits and acknowledgements