Submit Search
Upload
Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
•
8 likes
•
2,498 views
Kuro Hsu
Follow
Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3 2016/06/28
Read less
Read more
Education
Report
Share
Report
Share
1 of 59
Download now
Download to read offline
Recommended
Frontend django, Django Web 前端探索
Frontend django, Django Web 前端探索
Tim (文昌)
Make your website 2 times faster
Make your website 2 times faster
Satoshi Kikuchi
How to Build a Bespoke Page Builder in WordPress
How to Build a Bespoke Page Builder in WordPress
Gerald Glynn
Bootstrap Workout 2015
Bootstrap Workout 2015
Rob Davarnia
Basics of Front End Web Dev PowerPoint
Basics of Front End Web Dev PowerPoint
Sahil Gandhi
Webmonkey
Webmonkey
isac Lagerblad
JimdoのTips
JimdoのTips
Hiromitsu Miyanishi
面向测试的前端知识
面向测试的前端知识
chencheng 云谦
Recommended
Frontend django, Django Web 前端探索
Frontend django, Django Web 前端探索
Tim (文昌)
Make your website 2 times faster
Make your website 2 times faster
Satoshi Kikuchi
How to Build a Bespoke Page Builder in WordPress
How to Build a Bespoke Page Builder in WordPress
Gerald Glynn
Bootstrap Workout 2015
Bootstrap Workout 2015
Rob Davarnia
Basics of Front End Web Dev PowerPoint
Basics of Front End Web Dev PowerPoint
Sahil Gandhi
Webmonkey
Webmonkey
isac Lagerblad
JimdoのTips
JimdoのTips
Hiromitsu Miyanishi
面向测试的前端知识
面向测试的前端知识
chencheng 云谦
The way to be a developer "What I Need"
The way to be a developer "What I Need"
egyappassiut
งานคอมแชมป
งานคอมแชมป
Thanawat Spdf Wongnang
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Oliver Lin
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
Smarter Grids with Sass and Susy
Smarter Grids with Sass and Susy
Michelle Barker
Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!
Michelle Barker
Web design v roku 2013
Web design v roku 2013
vibration.sk
Front End Development - Beyond Javascript (Robin Cannon)
Front End Development - Beyond Javascript (Robin Cannon)
Future Insights
JavaScript Like It’s 2013
JavaScript Like It’s 2013
OutSystems
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
Brad Frost
20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters
将一 深見
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Brad Frost
SPSUK Automated UI Testing
SPSUK Automated UI Testing
21apps
Twitter bootstrap2.0 taste
Twitter bootstrap2.0 taste
Tencent
Static Websites - The Final Frontier
Static Websites - The Final Frontier
Juho Vepsäläinen
Drupal and the Future of the Web
Drupal and the Future of the Web
John Albin Wilkins
Bootstrap vs. Skeleton
Bootstrap vs. Skeleton
Juho Vepsäläinen
Prototyping and Wireframing tools
Prototyping and Wireframing tools
Damian T. Gordon
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
Brad Frost
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
Kuro Hsu
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
Kuro Hsu
鐵道女孩向前衝-RubyKaigi心得分享
鐵道女孩向前衝-RubyKaigi心得分享
Yu-Chen Chen
More Related Content
What's hot
The way to be a developer "What I Need"
The way to be a developer "What I Need"
egyappassiut
งานคอมแชมป
งานคอมแชมป
Thanawat Spdf Wongnang
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Oliver Lin
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
Smarter Grids with Sass and Susy
Smarter Grids with Sass and Susy
Michelle Barker
Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!
Michelle Barker
Web design v roku 2013
Web design v roku 2013
vibration.sk
Front End Development - Beyond Javascript (Robin Cannon)
Front End Development - Beyond Javascript (Robin Cannon)
Future Insights
JavaScript Like It’s 2013
JavaScript Like It’s 2013
OutSystems
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
Brad Frost
20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters
将一 深見
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Brad Frost
SPSUK Automated UI Testing
SPSUK Automated UI Testing
21apps
Twitter bootstrap2.0 taste
Twitter bootstrap2.0 taste
Tencent
Static Websites - The Final Frontier
Static Websites - The Final Frontier
Juho Vepsäläinen
Drupal and the Future of the Web
Drupal and the Future of the Web
John Albin Wilkins
Bootstrap vs. Skeleton
Bootstrap vs. Skeleton
Juho Vepsäläinen
Prototyping and Wireframing tools
Prototyping and Wireframing tools
Damian T. Gordon
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
Brad Frost
What's hot
(19)
The way to be a developer "What I Need"
The way to be a developer "What I Need"
งานคอมแชมป
งานคอมแชมป
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Smarter Grids with Sass and Susy
Smarter Grids with Sass and Susy
Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!
Web design v roku 2013
Web design v roku 2013
Front End Development - Beyond Javascript (Robin Cannon)
Front End Development - Beyond Javascript (Robin Cannon)
JavaScript Like It’s 2013
JavaScript Like It’s 2013
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
SPSUK Automated UI Testing
SPSUK Automated UI Testing
Twitter bootstrap2.0 taste
Twitter bootstrap2.0 taste
Static Websites - The Final Frontier
Static Websites - The Final Frontier
Drupal and the Future of the Web
Drupal and the Future of the Web
Bootstrap vs. Skeleton
Bootstrap vs. Skeleton
Prototyping and Wireframing tools
Prototyping and Wireframing tools
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
Viewers also liked
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
Kuro Hsu
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
Kuro Hsu
鐵道女孩向前衝-RubyKaigi心得分享
鐵道女孩向前衝-RubyKaigi心得分享
Yu-Chen Chen
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
Kuro Hsu
[JSDC 2015] Turf.js - 地理資訊的分析與地圖視覺化
[JSDC 2015] Turf.js - 地理資訊的分析與地圖視覺化
Kuro Hsu
Vue js 大型專案架構
Vue js 大型專案架構
Hina Chen
工程師必備第一工具 - Git
工程師必備第一工具 - Git
Alan Tsai
Ruby on Rails为什么这么红?
Ruby on Rails为什么这么红?
Nathan Chen
Slack 基本功能介紹
Slack 基本功能介紹
Chih-cheng Wang
專業前端 都如何管理 CSS
專業前端 都如何管理 CSS
Chih-cheng Wang
深入淺出RWD自適應網頁設計
深入淺出RWD自適應網頁設計
Marie Chang
[朝陽科大] D3.js 資料視覺化入門
[朝陽科大] D3.js 資料視覺化入門
Kuro Hsu
沒有 GUI 的 Git
沒有 GUI 的 Git
Chia Wei Tsai
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
Will Huang
豆瓣数据架构实践
豆瓣数据架构实践
Xupeng Yun
MySQL技术分享:一步到位实现mysql优化
MySQL技术分享:一步到位实现mysql优化
Jinrong Ye
改變行為的設計:一些理論
改變行為的設計:一些理論
Vivian Chen
Python的50道陰影
Python的50道陰影
Tim (文昌)
簡報製作心法1
簡報製作心法1
Cheng-Hsien Huang
柔道影片
柔道影片
駿國 陳
Viewers also liked
(20)
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
鐵道女孩向前衝-RubyKaigi心得分享
鐵道女孩向前衝-RubyKaigi心得分享
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
[JSDC 2015] Turf.js - 地理資訊的分析與地圖視覺化
[JSDC 2015] Turf.js - 地理資訊的分析與地圖視覺化
Vue js 大型專案架構
Vue js 大型專案架構
工程師必備第一工具 - Git
工程師必備第一工具 - Git
Ruby on Rails为什么这么红?
Ruby on Rails为什么这么红?
Slack 基本功能介紹
Slack 基本功能介紹
專業前端 都如何管理 CSS
專業前端 都如何管理 CSS
深入淺出RWD自適應網頁設計
深入淺出RWD自適應網頁設計
[朝陽科大] D3.js 資料視覺化入門
[朝陽科大] D3.js 資料視覺化入門
沒有 GUI 的 Git
沒有 GUI 的 Git
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
豆瓣数据架构实践
豆瓣数据架构实践
MySQL技术分享:一步到位实现mysql优化
MySQL技术分享:一步到位实现mysql优化
改變行為的設計:一些理論
改變行為的設計:一些理論
Python的50道陰影
Python的50道陰影
簡報製作心法1
簡報製作心法1
柔道影片
柔道影片
Similar to Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
Social Media Shortcuts to More Sales, Security, and Success - National Speake...
Social Media Shortcuts to More Sales, Security, and Success - National Speake...
Doug Devitre
Blogs 101 and Websites for Free
Blogs 101 and Websites for Free
cat509
Twitter Start Guide : 초보자를 위한 트위터 완전정복 가이드
Twitter Start Guide : 초보자를 위한 트위터 완전정복 가이드
Jinho Jung
Twitter start guide for brandream
Twitter start guide for brandream
Home
Weather for Grade 2
Weather for Grade 2
Jamie Martha Munoz
how to compose blog
how to compose blog
burin rujjanapan
ใบงานที่ 2
ใบงานที่ 2
'Ibanez Fender
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8
noeiinoii
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8 แก้แล้ว
noeiinoii
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8
noeiinoii
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8 แก้แล้ว
noeiinoii
Sources
Sources
Kelly Carroll
Social Analytics Reporting Workshop - Dallas Digital Summit 2014
Social Analytics Reporting Workshop - Dallas Digital Summit 2014
Eric Swayne
0utils seo
0utils seo
Digiconsult
Twitter bootstrap入門 #twtr_hack
Twitter bootstrap入門 #twtr_hack
Toshiaki Maki
Choose Your Own Adventure: SEO For Web Developers | Unified Diff
Choose Your Own Adventure: SEO For Web Developers | Unified Diff
Steve Morgan
普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方
普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方
Atsushi Harada
Www.shoes cheaper.com
Www.shoes cheaper.com
carl
Eight Ways to Engage Your Audience Using Social Media
Eight Ways to Engage Your Audience Using Social Media
Alberta Geological Survey
Building online learning communities kristin
Building online learning communities kristin
ksigovich
Similar to Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
(20)
Social Media Shortcuts to More Sales, Security, and Success - National Speake...
Social Media Shortcuts to More Sales, Security, and Success - National Speake...
Blogs 101 and Websites for Free
Blogs 101 and Websites for Free
Twitter Start Guide : 초보자를 위한 트위터 완전정복 가이드
Twitter Start Guide : 초보자를 위한 트위터 완전정복 가이드
Twitter start guide for brandream
Twitter start guide for brandream
Weather for Grade 2
Weather for Grade 2
how to compose blog
how to compose blog
ใบงานที่ 2
ใบงานที่ 2
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8 แก้แล้ว
Sources
Sources
Social Analytics Reporting Workshop - Dallas Digital Summit 2014
Social Analytics Reporting Workshop - Dallas Digital Summit 2014
0utils seo
0utils seo
Twitter bootstrap入門 #twtr_hack
Twitter bootstrap入門 #twtr_hack
Choose Your Own Adventure: SEO For Web Developers | Unified Diff
Choose Your Own Adventure: SEO For Web Developers | Unified Diff
普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方
普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方
Www.shoes cheaper.com
Www.shoes cheaper.com
Eight Ways to Engage Your Audience Using Social Media
Eight Ways to Engage Your Audience Using Social Media
Building online learning communities kristin
Building online learning communities kristin
Recently uploaded
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
dhanalakshmis0310
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
Poonam Aher Patil
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
VishalSingh1417
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
MaryamAhmad92
Spatium Project Simulation student brief
Spatium Project Simulation student brief
Association for Project Management
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
VishalSingh1417
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
Poh-Sun Goh
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
Celine George
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Maksud Ahmed
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
Nguyen Thanh Tu Collection
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Denish Jangid
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
Association for Project Management
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University of Engineering & Technology, Jamshoro
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptx
Amita Gupta
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
pradhanghanshyam7136
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
Celine George
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
TechSoup
Recently uploaded
(20)
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
Spatium Project Simulation student brief
Spatium Project Simulation student brief
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptx
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
1.
Rails Girls Weekly -
week 3 Kuro Hsu 2016/06/28
2.
about me • Kuro
Hsu • • kurotanshi [at] gmail.com • http://kuro.tw
3.
4.
https://jsbin.com/ JS BIN
5.
Bootstrap
6.
Bootstrap ? • Bootstrap •
Twitter • RWD • jQuery •
7.
Bootstrap
8.
http://goo.gl/qSYNPq class
9.
10.
11.
12.
13.
14.
15.
CDN
16.
Bootstrap CSS, JS Bootstrap HTML
17.
18.
19.
20.
21.
12 http://goo.gl/kFdYGd
22.
?
23.
24.
?
25.
26.
? ? ?
27.
28.
29.
30.
.col-xs-* .col-sm-* .col-md-* .col-lg-*
31.
32.
http://www.w3schools.com/bootstrap/bootstrap_theme_me.asp
33.
http://goo.gl/SEdQqT
34.
• • • • • • • • http://getbootstrap.com/css/
35.
• • • • Hover • • • http://getbootstrap.com/css/#tables
36.
• • • • • http://getbootstrap.com/css/#buttons
37.
• • • •
38.
39.
40.
Boostrap jQuery
41.
42.
43.
44.
45.
https://goo.gl/UlcqJV http://goo.gl/k2KETo
46.
http://www.w3schools.com/bootstrap/bootstrap_theme_me.asp
47.
• Bootstrap • Bootstrap
HTML / CSS • Bootstrap jQuery Plugins • Bootstrap
48.
49.
http://getbootstrap.com/
50.
https://kkbruce.tw/bs3
51.
http://www.w3schools.com/bootstrap/default.asp
52.
53.
54.
55.
56.
57.
58.
59.
Thanks
Download now