Getting started on web app development

Learn how to get started on web app development. The intended audience is interested in programming and may or may not know programming.

Transcript

1. @kahwee t@kw.sg Getting started on web app development Teng Kah Wee
2. @kahwee t@kw.sg Getting started on web app development 1. Use prototyping software to show ideas 2. Build it with frameworks & libraries 3. Leverage on cloud computing
3. Design prototyping
4. Axure Create Prototypes of Websites & Apps Without Coding http://www.axure.com/
5. InVision Polished interaction prototyping http://www.invisionapp.com/
6. Framer.js Framer is a new creative tool to build interaction and animation prototypes. http://framerjs.com/
7. Frameworks and Libraries
8. @kahwee t@kw.sg Frameworks and Libraries • Bootstrap • Foundation • jQuery Mobile
9. Bootstrap Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. http://getbootstrap.com/
10. Foundation Responsive design gets a whole lot faster for users. http://foundation.zurb.com/
11. jQuery Mobile A Touch-Optimized Web Framework http://jquerymobile.com/
12. @kahwee t@kw.sg Leveraging on cloud computing • Available service models 1. Infrastructure as a service (IaaS) 2. Platform as a service (PaaS) 3. Software as a service (SaaS)
13. @kahwee t@kw.sg Infrastructure as a service (IaaS) • Hosting and virtual machines • Examples: • Amazon EC2 • Google Compute Engine • Rackspace Cloud
14. @kahwee t@kw.sg Platform as a service (PaaS) • Development platforms like Azure gives you database and storage stack so you don’t have to worry about configuring those • Examples: • AWS Elastic Beanstalk • Windows Azure • Heroku, force.com
15. @kahwee t@kw.sg Software as a service (SaaS) • Most SaaS applications can be run directly from a web browser without any downloads. • Examples: • Google Gmail • Microsoft 365 • Adobe Creative Cloud
16. @kahwee t@kw.sg
17. @kahwee t@kw.sg Learn more • http://apprenda.com/library/paas/iaas-paas-saas-explained- compared/ • http://www.bootply.com/ • http://www.codecademy.com/en/tracks/htmlcss • http://learn.shayhowe.com/html-css/