Understanding Web Apps

An Introduction to Software Engineering & Best Practices on Designing & Developing a Web Application

http://railsgirls.com/manila

Transcript

1. UNDERSTANDING WEB APPS UNDERSTANDING WEB APPS and and tips on creating your own tips on creating your own using Ruby on RAILS
2. Maricris Nonato Maricris Nonato WELL SEASONED RoR WELL SEASONED RoR DEVELOPER and IT MANAGER DEVELOPER and IT MANAGER @maricris_sn
3. What is a WEB Application? What is a WEB Application? A web application is an application utilizing web and [web] browser technologies to accomplish one or more tasks over a network, typically through a [web] browser.
4. Bento Box Bento Box
6. APPLICATION SOFTWARE APPLICATION SOFTWARE (LOGIC)
8. Benefits in using RoR Benefits in using RoR
10. Convention over Configuration
12. TOO MUCH MAGIC! TOO MUCH MAGIC!
14. RAKE ROUTES RAKE ROUTES
15. Structured code and neat markup
16. MVC MVC = MODEL MODEL VIEW VIEW CONTROLLER CONTROLLER
17. SOURCE: Wikipedia
18. Database Agnostic (STORAGE)
19. INTERBASE SQLITE POSTGRESQL MySQL MS SQL ORACLE MongoDB CouchDB CASSANDRA RIAK REDIS TOKYO TYRANT
21. Benefits of RDBMS Benefits of RDBMS Durability Consistency Guarantees atomicity Data portability Powerful, customizeable SQL queries
22. Benefits of a NoSQL DB Benefits of a NoSQL DB Faster queries Store massive data Better scaling
23. SERVER SIDE (INFRASTRUCTURE)
24. LIGHTTPD NGINX / UNICORN APACHE / PASSENGER MONGREL THIN
25. REST REST Re - Representational S - State T - transfer
26. HTTP for everything HTTP for everything postdata , read data, and delete data
27. CRUD CRUD Create / Read / Update / Delete
28. Style and Structure (FRONT END FRAMEWORKS)
29. HTML + CSS + JAVASCRIPT HTML + CSS + JAVASCRIPT
30. HTML HTML
31. HAML / ERB / SLIM HAML / ERB / SLIM aids faster development on RoR views forces beautiful code
32. CSS CSS
33. SASS / LESS SASS / LESS allows for some programmatic computations, mixins, nested rules-- in short, some form of intelligence to CSS See comparison of SASS vs LESS: http://wrangl.com/sass-v-less
34. JAVASCRIPT JAVASCRIPT
35. JQUERY JQUERY MOBILE COFFEESCRIPT MODERNIZR HANDLEBARS BACKBONE SPINE
36. HTML + CSS + JS HTML + CSS + JS COMBO!!!
37. HTML5 BOILERPLATE TWITTER BOOTSTRAP ZURB FOUNDATION