Submit Search
Upload
Using Yeoman to develop Web App
•
5 likes
•
812 views
Hsuan Fu Lien
Follow
介紹如何利用 Yeoman 來開發 Web App,以及一些開發 Web App 的心得
Read less
Read more
Software
Report
Share
Report
Share
1 of 17
Download now
Download to read offline
Recommended
Anchors of reality
Anchors of reality
Keerthi Kiran K
Community Mill: Data, Media & Communities
Community Mill: Data, Media & Communities
University of Central Lancashire
Directo y sin escalas
Directo y sin escalas
lmuia
0752168 Renewable Energy
0752168 Renewable Energy
Ali G
Crowdfunding introductie KvK en Livewire
Crowdfunding introductie KvK en Livewire
Ronald Kleverlaan
Designing Seamless Mobile Augmented Reality Location Based Game Interfaces
Designing Seamless Mobile Augmented Reality Location Based Game Interfaces
University of Central Lancashire
Samen mogelijk maken - Nationaal Crowdfunding Onderzoek 2013
Samen mogelijk maken - Nationaal Crowdfunding Onderzoek 2013
Ronald Kleverlaan
Using NFC to Crowd Curate Music Preferences
Using NFC to Crowd Curate Music Preferences
University of Central Lancashire
Recommended
Anchors of reality
Anchors of reality
Keerthi Kiran K
Community Mill: Data, Media & Communities
Community Mill: Data, Media & Communities
University of Central Lancashire
Directo y sin escalas
Directo y sin escalas
lmuia
0752168 Renewable Energy
0752168 Renewable Energy
Ali G
Crowdfunding introductie KvK en Livewire
Crowdfunding introductie KvK en Livewire
Ronald Kleverlaan
Designing Seamless Mobile Augmented Reality Location Based Game Interfaces
Designing Seamless Mobile Augmented Reality Location Based Game Interfaces
University of Central Lancashire
Samen mogelijk maken - Nationaal Crowdfunding Onderzoek 2013
Samen mogelijk maken - Nationaal Crowdfunding Onderzoek 2013
Ronald Kleverlaan
Using NFC to Crowd Curate Music Preferences
Using NFC to Crowd Curate Music Preferences
University of Central Lancashire
A jelszó hasznalatáról háziasszonyoknak
A jelszó hasznalatáról háziasszonyoknak
pappet
Christmas Lights Up
Christmas Lights Up
Billen
How to access to capitol
How to access to capitol
Andrea Zeller-Nield
Traditional Art
Traditional Art
theworldbeginswithme
Cos brabant - crowdfunding
Cos brabant - crowdfunding
Ronald Kleverlaan
La ideologia homosexual
La ideologia homosexual
Nicolas Ordonez
TEDxThe HagueLIVE Sponsor Presentation
TEDxThe HagueLIVE Sponsor Presentation
earlybird44
EPiServer Update October 2013
EPiServer Update October 2013
Eric Reiss
Crowdfunding – Naar een duurzame sector (Anne Hakvoort)
Crowdfunding – Naar een duurzame sector (Anne Hakvoort)
Ronald Kleverlaan
15 Kuulsust
15 Kuulsust
margenj
Rba Final
Rba Final
guest55fb
Social Media in Crisis Management: ISCRAM Summer School 2011
Social Media in Crisis Management: ISCRAM Summer School 2011
Connie White
HMT EU Negotiations Seminar
HMT EU Negotiations Seminar
Alejandro Ribó Labastida
Platform Healthblockchain NL MedicalPHIT Piet Hein Zwaal
Platform Healthblockchain NL MedicalPHIT Piet Hein Zwaal
Piet Hein Zwaal
Crowdfunding Workshop Kennisfestival Delft
Crowdfunding Workshop Kennisfestival Delft
Ronald Kleverlaan
Do 16 35
Do 16 35
m.oostrik
Learning Styles Presentation By The Yellow Team
Learning Styles Presentation By The Yellow Team
guest110fc8
so{new}today
so{new}today
University of Central Lancashire
WIAD Budapest 2014
WIAD Budapest 2014
Eric Reiss
Users, experience, and beyond
Users, experience, and beyond
Eric Reiss
The Ideas of Clojure - Things I learn from Clojure
The Ideas of Clojure - Things I learn from Clojure
Hsuan Fu Lien
Django Girls 2015 - CSS
Django Girls 2015 - CSS
Hsuan Fu Lien
More Related Content
Viewers also liked
A jelszó hasznalatáról háziasszonyoknak
A jelszó hasznalatáról háziasszonyoknak
pappet
Christmas Lights Up
Christmas Lights Up
Billen
How to access to capitol
How to access to capitol
Andrea Zeller-Nield
Traditional Art
Traditional Art
theworldbeginswithme
Cos brabant - crowdfunding
Cos brabant - crowdfunding
Ronald Kleverlaan
La ideologia homosexual
La ideologia homosexual
Nicolas Ordonez
TEDxThe HagueLIVE Sponsor Presentation
TEDxThe HagueLIVE Sponsor Presentation
earlybird44
EPiServer Update October 2013
EPiServer Update October 2013
Eric Reiss
Crowdfunding – Naar een duurzame sector (Anne Hakvoort)
Crowdfunding – Naar een duurzame sector (Anne Hakvoort)
Ronald Kleverlaan
15 Kuulsust
15 Kuulsust
margenj
Rba Final
Rba Final
guest55fb
Social Media in Crisis Management: ISCRAM Summer School 2011
Social Media in Crisis Management: ISCRAM Summer School 2011
Connie White
HMT EU Negotiations Seminar
HMT EU Negotiations Seminar
Alejandro Ribó Labastida
Platform Healthblockchain NL MedicalPHIT Piet Hein Zwaal
Platform Healthblockchain NL MedicalPHIT Piet Hein Zwaal
Piet Hein Zwaal
Crowdfunding Workshop Kennisfestival Delft
Crowdfunding Workshop Kennisfestival Delft
Ronald Kleverlaan
Do 16 35
Do 16 35
m.oostrik
Learning Styles Presentation By The Yellow Team
Learning Styles Presentation By The Yellow Team
guest110fc8
so{new}today
so{new}today
University of Central Lancashire
WIAD Budapest 2014
WIAD Budapest 2014
Eric Reiss
Users, experience, and beyond
Users, experience, and beyond
Eric Reiss
Viewers also liked
(20)
A jelszó hasznalatáról háziasszonyoknak
A jelszó hasznalatáról háziasszonyoknak
Christmas Lights Up
Christmas Lights Up
How to access to capitol
How to access to capitol
Traditional Art
Traditional Art
Cos brabant - crowdfunding
Cos brabant - crowdfunding
La ideologia homosexual
La ideologia homosexual
TEDxThe HagueLIVE Sponsor Presentation
TEDxThe HagueLIVE Sponsor Presentation
EPiServer Update October 2013
EPiServer Update October 2013
Crowdfunding – Naar een duurzame sector (Anne Hakvoort)
Crowdfunding – Naar een duurzame sector (Anne Hakvoort)
15 Kuulsust
15 Kuulsust
Rba Final
Rba Final
Social Media in Crisis Management: ISCRAM Summer School 2011
Social Media in Crisis Management: ISCRAM Summer School 2011
HMT EU Negotiations Seminar
HMT EU Negotiations Seminar
Platform Healthblockchain NL MedicalPHIT Piet Hein Zwaal
Platform Healthblockchain NL MedicalPHIT Piet Hein Zwaal
Crowdfunding Workshop Kennisfestival Delft
Crowdfunding Workshop Kennisfestival Delft
Do 16 35
Do 16 35
Learning Styles Presentation By The Yellow Team
Learning Styles Presentation By The Yellow Team
so{new}today
so{new}today
WIAD Budapest 2014
WIAD Budapest 2014
Users, experience, and beyond
Users, experience, and beyond
More from Hsuan Fu Lien
The Ideas of Clojure - Things I learn from Clojure
The Ideas of Clojure - Things I learn from Clojure
Hsuan Fu Lien
Django Girls 2015 - CSS
Django Girls 2015 - CSS
Hsuan Fu Lien
Django Girls 2015 - HTML
Django Girls 2015 - HTML
Hsuan Fu Lien
React.JS Conf & F8
React.JS Conf & F8
Hsuan Fu Lien
Immutable, performance and components communication
Immutable, performance and components communication
Hsuan Fu Lien
Introduce Flux & react in practices (KKBOX)
Introduce Flux & react in practices (KKBOX)
Hsuan Fu Lien
What is the next step for a front end beginner
What is the next step for a front end beginner
Hsuan Fu Lien
Understand front end developer
Understand front end developer
Hsuan Fu Lien
Introduce flux & react in practice
Introduce flux & react in practice
Hsuan Fu Lien
UI Engineering Introduction
UI Engineering Introduction
Hsuan Fu Lien
More from Hsuan Fu Lien
(10)
The Ideas of Clojure - Things I learn from Clojure
The Ideas of Clojure - Things I learn from Clojure
Django Girls 2015 - CSS
Django Girls 2015 - CSS
Django Girls 2015 - HTML
Django Girls 2015 - HTML
React.JS Conf & F8
React.JS Conf & F8
Immutable, performance and components communication
Immutable, performance and components communication
Introduce Flux & react in practices (KKBOX)
Introduce Flux & react in practices (KKBOX)
What is the next step for a front end beginner
What is the next step for a front end beginner
Understand front end developer
Understand front end developer
Introduce flux & react in practice
Introduce flux & react in practice
UI Engineering Introduction
UI Engineering Introduction
Using Yeoman to develop Web App
1.
使用Yeoman 開發 Web
App @randylien Wednesday, July 31, 13
2.
Randy Lien @randylien 敦化南路 T
公司上班 Wednesday, July 31, 13
3.
Wednesday, July 31,
13
4.
Wednesday, July 31,
13
5.
Wednesday, July 31,
13
6.
yeoman • Yo • Grunt •
Bower • Yeoman 1.0 Backbone RequireJS • 四個月之間比較穩定,Grunt 文件必讀 Wednesday, July 31, 13
7.
Bower • 好棒呀 • 元件
!== 原始碼 (issue 46, issue 88 ) • 區分原始碼跟元件的存放位置(內部整合) • grunt-bower-task / bower-installer Wednesday, July 31, 13
8.
grunt • grunt-shell 幫忙整合原先的開發流程 •
scp uploading • 一個存 -> compile JS/CSS, livereload, regenerate documents Wednesday, July 31, 13
9.
Promise • 太多內部服務要溝通 (License,
Popup...etc) • 執行順序 • 規格改變 • Callback hells Wednesday, July 31, 13
10.
Architecture • MVW (Marionette.js) •
將以往設計的 Class 跟 JavaScript 行為的 Class 分開,善用 data attribute 如 data-js • 監控你的 UI Model,而非你的 DOM • Modelbinder, Backbone.stickit Wednesday, July 31, 13
11.
Backbone.js/Marionette • 使用外部 templates,而非直接從
CSS selector 來取得 • 善用 Marionette.js 的 Layout/Region 來組 織你的元件,而非 el 來定義。 • 元件化,將來有助單元測試與重構 Wednesday, July 31, 13
12.
i18n • 產品一次要出 5
國語系 (中中日英法) • i18next.com • online translation UI • post missing resources to server • localStorage • jQuery function Wednesday, July 31, 13
13.
CSS • 用資料夾來整理你的 Less/Sass
原始碼 • 元件的思維,重覆使用性,擴充性 • 建立自已的 UI Pattern Wednesday, July 31, 13
14.
Style Guide • 文件,重複使用 •
跨部門 Review,給Vendor,Outsourcing • Contribution Wednesday, July 31, 13
15.
Screenshots • Marketing,內部 Review,簡報 •
Casper.js,grunt-casper • casper.wait(6000) 等待動畫,XHR 完。 Wednesday, July 31, 13
16.
Deployment grunt build Wednesday, July
31, 13
17.
Thanks Wednesday, July 31,
13
Download now