Rapid Web Development by Example

TechWed@CCU #1
Video: http://zh-tw.justin.tv/alan77916/b/317618710

Transcript

1. Rapid Web Development By Example Presenter: Szu-Kai Hsu (brucehsu)
2. treehole https://github.com/brucehsu/treehole http://photos.nj.com/photogallery/2010/05/squirrel_in_tree_hole.html
3. 你有聽過安X嗎？ MVC
4. Model
5. View http://www.freefoto.com/preview/19-26-9/Mountain--Carinthia--Austria
6. Controller
8. Sinatra
10. D-Live Coding
12. 宅
13. 復古、潮
14. 潮到出水
17. <this><is><html>orz</html></is></this>
18. this is html orz
21. Variables
22. Mixin =
23. D-Live Coding
27. Database?
29. SELECT isbn, title, price, price * 0.06 AS sales_tax FROM Book WHERE price > 100.00 ORDER BY title;
30. Object Relational Mapper
32. 比較表 ORM SQL 寫法 安全性 LOC 結語 OO Query 較佳 因人而異 少 多 潮 勝 回不去了 不要怕 加班
34. Define Models
35. Define Models
36. D-Live Coding
40. 不能動 不夠潮
41. JavaScript! not
42. return $('[id^=del_]').click(function(event) { var post_id; event.preventDefault(); post_id = /del_(\d+)/.exec($ (this).attr('id'))[1]; return $.ajax({ type: 'delete', url: '/delete/post/' + post_id, data: $(this).serialize(), success: function(data) { if (data['success']) { return $('.post_' + post_id).fadeOut(); } else { return alert('Failed!'); } } };
43. return $('[id^=del_]').click(function(event) { var post_id; event.preventDefault(); post_id = /del_(\d+)/.exec($ (this).attr('id'))[1]; return $.ajax({ type: 'delete', url: '/delete/post/' + post_id, data: $(this).serialize(), success: function(data) { if (data['success']) { return $('.post_' + post_id).fadeOut(); } else { return alert('Failed!'); } } });
49. D-Live Coding
51. Demo