Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Rapid Web Development by Example

Avatar for Szu-Kai Hsu (brucehsu) Szu-Kai Hsu (brucehsu)
May 09, 2012
Programming
3.2k
3

Rapid Web Development by Example

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

Avatar for Szu-Kai Hsu (brucehsu)

Szu-Kai Hsu (brucehsu)

May 09, 2012

More Decks by Szu-Kai Hsu (brucehsu)

See All by Szu-Kai Hsu (brucehsu)
Running Life Lean
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
190
Core Unleashed Part II: Introduction to GobiesVM (and STM) @ RubyKaigi 2014
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
2.2k
[RubyConf.tw 2014] Cores unleashed - Exploiting Parallelism in Ruby with STM
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
2.3k
用 Go 打造程式語言執行環境：實例剖析 [OSDC.tw 2014]
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
3
2.4k
pickbox @ OSDC.tw 2013 Lightning Talk
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
0
130
Building Web 2.0 APIs
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
1
170
由Spanner來看Google資料庫的前世今生
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
4
350
TechWed@CCU #0
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
2
590
Chromium OS
Avatar for Szu-Kai Hsu (brucehsu) brucehsu
2
240

Other Decks in Programming

See All in Programming
UPDATE をやめる — EF Core でマスタをバージョン管理する
Avatar for HideyukiKitao panda728
PRO
0
910
setup-vp GitLab対応の裏側
Avatar for Naoki Haba naokihaba
0
140
The Rails Doctrine Decade
Avatar for Koichi ITO koic
2
410
SONY CISC-NEWS NWS-1750 + NWB-225 フレームバッファの NetBSD/news68k ドライバ実装 / OSC2026Hiroshima
Avatar for Izumi Tsutsui tsutsui
0
150
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
1.3k
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
18
18k
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
180
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
Avatar for Takahiro Kubo icoxfog417
PRO
3
390
AWS DevOps Agentで インシデント対応をAIに任せたい
Avatar for HonMarkHunt honmarkhunt
7
3.3k
モバイル交通系ICへのチャージ実例から考える、クロスプラットフォーム開発におけるiOS実機テスト設計とCI運用
Avatar for Yu Sugawara yusuga
1
550
テストを司るデーモンに会いに行く 〜隔離した仮想マシンでテストを通すまで〜
Avatar for Hidemune Takahashi h1d3mun3
1
590
【高い買い物LT会】初任給で話題の国産フィジカルAIを買った話
Avatar for 赤神青空 akagami
PRO
0
170

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
370
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.3k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
480
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
35
2.9k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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

  7. None

  8. Sinatra

  9. None

  10. D-Live Coding

  11. None

  12. 宅

  13. 復古、潮

  14. 潮到出水

  15. None
  16. None

  17. <this><is><html>orz</html></is></this>

  18. this is html orz

  19. None
  20. None

  21. Variables

  22. Mixin =

  23. D-Live Coding

  24. None
  25. None
  26. None

  27. Database?

  28. None

  29. SELECT isbn, title, price, price * 0.06 AS sales_tax FROM

    Book WHERE price > 100.00 ORDER BY title;

  30. Object Relational Mapper

  31. None

  32. 比較表 ORM SQL 寫法 安全性 LOC 結語 OO Query 較佳

    因人而異 少 多 潮 勝 回不去了 不要怕 加班
  33. None

  34. Define Models

  35. Define Models

  36. D-Live Coding

  37. None
  38. None
  39. None

  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!'); } } });
  44. None
  45. None
  46. None
  47. None
  48. None

  49. D-Live Coding

  50. None

  51. Demo