Professional Documents
Culture Documents
• Objectives:
Basic Web Application Model
Web Development Frameworks/Languages
• Resources:
Web Frameworks
Popular Frameworks
10 Things to Know
Angular
React
Knockout
• Videos:
Rest
Postman
Chrome Developer Tools
Server Client
Media
Cache
JavaScript
HTML
CSS
DOM
• Types of Frameworks
– Server Side: Django, Ruby on Rails
– Client Side: Angular, React, Vue
Framework
JavaScript
HTML
CSS
DOM
Controller
Model View
• Framework
• Testing
• Angular 1 • Angular 2
– Structured MVC Framework – Component Based UI
– Separation of HTML and Logic – More Modular Design
– Client Side Templating – TypeScript
– Backwards Compatible
– Faster
Components have:
– HTML
– CSS
– JavaScript
http://www.learn-angular.org/
http://learnangular2.com/
Controller
Model View
Data Flow
Action
Action Flow
https://www.codecademy.com/lrn/react-101
https://css-tricks.com/learning-react-redux/
Angular
Ember
Knockout
jQuery
http://learn.knockoutjs.com/#/?tutorial=intro