狠狠撸

狠狠撸Share a Scribd company logo
BOWER.IO
Streamlining front-end web workflow
ABOUT ME
Dhruv Patel
?Designer / User experience designer / Front-
end designer / Conversion optimization
expert
?Founder of Convrrt and Omazing
Creations, LLC
?Twitter handle: @sylphdesign
?Love to talk about making web more
accessible for everyone, playing cricket,
partying, *spraying champagne bottles*
@sylphdesign
dhruv@convrrt.com
www.convrrt.com
www.omazingcreations.com
WHY BOWER?
? A solution to the problem of front-end package management
? Avoid repetition for downloading libraries
? Make sharing your app simple with bower.json
? Common commands
? Installing packages
? Version control
? Building custom scripts
EASY TO INSTALL
npm install -g bower
(try “sudo npm install -g bower” if above command doesn't work)
DONE
EASY TO USE
? Installing common dependencies - bower install [name]
? List installed components - bower list
? List Paths - bower list --paths
? Uninstall dependencies - bower uninstall [name]
? Install specific versions of libraries - bower install [name]#[version]
EASY TO USE - CONT.
? Create package file - bower init
? Install bower.json - bower install
? Github for private repos - bower install [githubURL]
? Save dependencies to json file - bower install [name] -S
? Strategy for deploying and registering with Github:
1. Commit to Github
? bower register [somename]
? Update libraries - bower update
? Search dependencies - bower search [name]
MY FRONT-END WORKFLOW
? Yeoman
? GulpJs
? Bower Components
SAMPLE LANDING PAGE
Requirements
?Bootstrap
?LESS/SASS
?jQuery
?RetinaJS
?Font-awesome
?Entypo Fonts
?FitVidsJS
?Animate.css
?InView.js
Ad

Recommended

Standards.next: HTML - Are you mything the point?
Standards.next: HTML - Are you mything the point?
brucelawson
?
Meguro.dev でのLT資料
Meguro.dev でのLT資料
yusato14
?
WordPress "No-Duhs" at Las Vegas WordCamp 2010
WordPress "No-Duhs" at Las Vegas WordCamp 2010
Chelsea Otakan
?
Keeping Local, Staging & Production Sites In Sync
Keeping Local, Staging & Production Sites In Sync
David Wang
?
WP-CLI Talk from WordCamp Montreal
WP-CLI Talk from WordCamp Montreal
Shawn Hooper
?
Productivity 101: Making a Easily Re-deployable Dev Environment with Subversion
Productivity 101: Making a Easily Re-deployable Dev Environment with Subversion
ryanduff
?
WP-CLI - WordCamp Miami 2015
WP-CLI - WordCamp Miami 2015
Shawn Hooper
?
Gestione avanzata di WordPress con WP-CLI - WordCamp Torino 2017 - Andrea Car...
Gestione avanzata di WordPress con WP-CLI - WordCamp Torino 2017 - Andrea Car...
Andrea Cardinali
?
Installing WP-CLI locally
Installing WP-CLI locally
Jason Yingling
?
Extending Your WordPress Toolbelt with WP-CLI
Extending Your WordPress Toolbelt with WP-CLI
ryanduff
?
Extending your WordPress Toolbelt with WP-CLI - WordCamp Austin 2014
Extending your WordPress Toolbelt with WP-CLI - WordCamp Austin 2014
ryanduff
?
Ryan Duff 2015 WordCamp US HTTP API
Ryan Duff 2015 WordCamp US HTTP API
ryanduff
?
Making Magic with WP-CLI
Making Magic with WP-CLI
ryanduff
?
Professional WordPress Development with Vagrant - Andrea Cardinali - WordCam...
Professional WordPress Development with Vagrant - Andrea Cardinali - WordCam...
Andrea Cardinali
?
Web development-work space
Web development-work space
chawlan
?
Baltimore PHP - October 2013- Development Environments Made Easy
Baltimore PHP - October 2013- Development Environments Made Easy
Chris Stone
?
Command Line WordPress with WP-CLI - WordPress Perth User Group
Command Line WordPress with WP-CLI - WordPress Perth User Group
James Collins
?
Command Line WordPress with WP-CLI
Command Line WordPress with WP-CLI
James Collins
?
Accelerating Custom Development with Dynamic Scaffolding and WP-CLI
Accelerating Custom Development with Dynamic Scaffolding and WP-CLI
drywallbmb
?
WordCamp Birmingham 2015 - Theme building workshop
WordCamp Birmingham 2015 - Theme building workshop
Jonny Allbut
?
Web Velocity - Seaside Accelerated
Web Velocity - Seaside Accelerated
ESUG
?
No more “cowboy coding”
No more “cowboy coding”
Jim True
?
SydPHP Presentation
SydPHP Presentation
Steven Cooper
?
Ako na vlastne WP temy
Ako na vlastne WP temy
Juraj Kiss
?
WordCamp Sheffield 2014 Theme Workflow Presentation
WordCamp Sheffield 2014 Theme Workflow Presentation
Jonny Allbut
?
A crash course in scaling wordpress
A crash course in scaling wordpress
GovLoop
?
Minimal responsive blog theme
Minimal responsive blog theme
Jenifer Angle
?
WP-CLI - A Good Friend of Developer
WP-CLI - A Good Friend of Developer
Chandra Patel
?
Yeoman - Santa Barbara JavaScript Meetup
Yeoman - Santa Barbara JavaScript Meetup
Tim Doherty
?
Stress Free Deployment - Confoo 2011
Stress Free Deployment - Confoo 2011
Bachkoutou Toutou
?

More Related Content

What's hot (20)

Installing WP-CLI locally
Installing WP-CLI locally
Jason Yingling
?
Extending Your WordPress Toolbelt with WP-CLI
Extending Your WordPress Toolbelt with WP-CLI
ryanduff
?
Extending your WordPress Toolbelt with WP-CLI - WordCamp Austin 2014
Extending your WordPress Toolbelt with WP-CLI - WordCamp Austin 2014
ryanduff
?
Ryan Duff 2015 WordCamp US HTTP API
Ryan Duff 2015 WordCamp US HTTP API
ryanduff
?
Making Magic with WP-CLI
Making Magic with WP-CLI
ryanduff
?
Professional WordPress Development with Vagrant - Andrea Cardinali - WordCam...
Professional WordPress Development with Vagrant - Andrea Cardinali - WordCam...
Andrea Cardinali
?
Web development-work space
Web development-work space
chawlan
?
Baltimore PHP - October 2013- Development Environments Made Easy
Baltimore PHP - October 2013- Development Environments Made Easy
Chris Stone
?
Command Line WordPress with WP-CLI - WordPress Perth User Group
Command Line WordPress with WP-CLI - WordPress Perth User Group
James Collins
?
Command Line WordPress with WP-CLI
Command Line WordPress with WP-CLI
James Collins
?
Accelerating Custom Development with Dynamic Scaffolding and WP-CLI
Accelerating Custom Development with Dynamic Scaffolding and WP-CLI
drywallbmb
?
WordCamp Birmingham 2015 - Theme building workshop
WordCamp Birmingham 2015 - Theme building workshop
Jonny Allbut
?
Web Velocity - Seaside Accelerated
Web Velocity - Seaside Accelerated
ESUG
?
No more “cowboy coding”
No more “cowboy coding”
Jim True
?
SydPHP Presentation
SydPHP Presentation
Steven Cooper
?
Ako na vlastne WP temy
Ako na vlastne WP temy
Juraj Kiss
?
WordCamp Sheffield 2014 Theme Workflow Presentation
WordCamp Sheffield 2014 Theme Workflow Presentation
Jonny Allbut
?
A crash course in scaling wordpress
A crash course in scaling wordpress
GovLoop
?
Minimal responsive blog theme
Minimal responsive blog theme
Jenifer Angle
?
WP-CLI - A Good Friend of Developer
WP-CLI - A Good Friend of Developer
Chandra Patel
?
Installing WP-CLI locally
Installing WP-CLI locally
Jason Yingling
?
Extending Your WordPress Toolbelt with WP-CLI
Extending Your WordPress Toolbelt with WP-CLI
ryanduff
?
Extending your WordPress Toolbelt with WP-CLI - WordCamp Austin 2014
Extending your WordPress Toolbelt with WP-CLI - WordCamp Austin 2014
ryanduff
?
Ryan Duff 2015 WordCamp US HTTP API
Ryan Duff 2015 WordCamp US HTTP API
ryanduff
?
Making Magic with WP-CLI
Making Magic with WP-CLI
ryanduff
?
Professional WordPress Development with Vagrant - Andrea Cardinali - WordCam...
Professional WordPress Development with Vagrant - Andrea Cardinali - WordCam...
Andrea Cardinali
?
Web development-work space
Web development-work space
chawlan
?
Baltimore PHP - October 2013- Development Environments Made Easy
Baltimore PHP - October 2013- Development Environments Made Easy
Chris Stone
?
Command Line WordPress with WP-CLI - WordPress Perth User Group
Command Line WordPress with WP-CLI - WordPress Perth User Group
James Collins
?
Command Line WordPress with WP-CLI
Command Line WordPress with WP-CLI
James Collins
?
Accelerating Custom Development with Dynamic Scaffolding and WP-CLI
Accelerating Custom Development with Dynamic Scaffolding and WP-CLI
drywallbmb
?
WordCamp Birmingham 2015 - Theme building workshop
WordCamp Birmingham 2015 - Theme building workshop
Jonny Allbut
?
Web Velocity - Seaside Accelerated
Web Velocity - Seaside Accelerated
ESUG
?
No more “cowboy coding”
No more “cowboy coding”
Jim True
?
Ako na vlastne WP temy
Ako na vlastne WP temy
Juraj Kiss
?
WordCamp Sheffield 2014 Theme Workflow Presentation
WordCamp Sheffield 2014 Theme Workflow Presentation
Jonny Allbut
?
A crash course in scaling wordpress
A crash course in scaling wordpress
GovLoop
?
Minimal responsive blog theme
Minimal responsive blog theme
Jenifer Angle
?
WP-CLI - A Good Friend of Developer
WP-CLI - A Good Friend of Developer
Chandra Patel
?

Similar to Bower Phoenix Javascript meetup (20)

Yeoman - Santa Barbara JavaScript Meetup
Yeoman - Santa Barbara JavaScript Meetup
Tim Doherty
?
Stress Free Deployment - Confoo 2011
Stress Free Deployment - Confoo 2011
Bachkoutou Toutou
?
Standardizing and Managing Your Infrastructure - MOSC 2011
Standardizing and Managing Your Infrastructure - MOSC 2011
Brian Ritchie
?
Hacking on WildFly 9
Hacking on WildFly 9
Virtual JBoss User Group
?
August Webinar - Water Cooler Talks: A Look into a Developer's Workbench
August Webinar - Water Cooler Talks: A Look into a Developer's Workbench
Howard Greenberg
?
eZ Platform Cloud and eZ Launchpad: Don’t Host, Don’t Deploy, Don’t Install—J...
eZ Platform Cloud and eZ Launchpad: Don’t Host, Don’t Deploy, Don’t Install—J...
eZ Systems
?
eZ Platform Cloud and eZ Launchpad: Don’t Host, Don’t Deploy, Don’t Install—J...
eZ Platform Cloud and eZ Launchpad: Don’t Host, Don’t Deploy, Don’t Install—J...
Sébastien Morel
?
Containers #101 : Docker ONBUILD triggers and Introduction to Docker Compose
Containers #101 : Docker ONBUILD triggers and Introduction to Docker Compose
Raziel Tabib (Join our team)
?
Reactive summit 2020 microsoft orleans the easy way
Reactive summit 2020 microsoft orleans the easy way
John Azariah
?
Drone CI
Drone CI
Thomas Boerger
?
Continuous Integration with Open Source Tools - PHPUgFfm 2014-11-20
Continuous Integration with Open Source Tools - PHPUgFfm 2014-11-20
Michael Lihs
?
Journey to Docker Production: Evolving Your Infrastructure and Processes - Br...
Journey to Docker Production: Evolving Your Infrastructure and Processes - Br...
Docker, Inc.
?
Modern Web Application Development Workflow - EclipseCon US 2014
Modern Web Application Development Workflow - EclipseCon US 2014
Stéphane Bégaudeau
?
Pimp your Continuous Delivery Pipeline with Jenkins workflow (W-JAX 14)
Pimp your Continuous Delivery Pipeline with Jenkins workflow (W-JAX 14)
CloudBees
?
Altoros Cloud Foundry Training: hands-on workshop for DevOps, Architects and ...
Altoros Cloud Foundry Training: hands-on workshop for DevOps, Architects and ...
Manuel Garcia
?
The development environment
The development environment
Lee Pelser
?
Modernizing .NET Apps with Docker
Modernizing .NET Apps with Docker
Docker
?
Production ready word press
Production ready word press
Edmund Turbin
?
SenchaCon 2016: Develop, Test & Deploy with Docker - Jonas Schwabe
SenchaCon 2016: Develop, Test & Deploy with Docker - Jonas Schwabe
Sencha
?
Don't worry with bower
Don't worry with bower
Frank van der Linden
?
Yeoman - Santa Barbara JavaScript Meetup
Yeoman - Santa Barbara JavaScript Meetup
Tim Doherty
?
Stress Free Deployment - Confoo 2011
Stress Free Deployment - Confoo 2011
Bachkoutou Toutou
?
Standardizing and Managing Your Infrastructure - MOSC 2011
Standardizing and Managing Your Infrastructure - MOSC 2011
Brian Ritchie
?
August Webinar - Water Cooler Talks: A Look into a Developer's Workbench
August Webinar - Water Cooler Talks: A Look into a Developer's Workbench
Howard Greenberg
?
eZ Platform Cloud and eZ Launchpad: Don’t Host, Don’t Deploy, Don’t Install—J...
eZ Platform Cloud and eZ Launchpad: Don’t Host, Don’t Deploy, Don’t Install—J...
eZ Systems
?
eZ Platform Cloud and eZ Launchpad: Don’t Host, Don’t Deploy, Don’t Install—J...
eZ Platform Cloud and eZ Launchpad: Don’t Host, Don’t Deploy, Don’t Install—J...
Sébastien Morel
?
Containers #101 : Docker ONBUILD triggers and Introduction to Docker Compose
Containers #101 : Docker ONBUILD triggers and Introduction to Docker Compose
Raziel Tabib (Join our team)
?
Reactive summit 2020 microsoft orleans the easy way
Reactive summit 2020 microsoft orleans the easy way
John Azariah
?
Continuous Integration with Open Source Tools - PHPUgFfm 2014-11-20
Continuous Integration with Open Source Tools - PHPUgFfm 2014-11-20
Michael Lihs
?
Journey to Docker Production: Evolving Your Infrastructure and Processes - Br...
Journey to Docker Production: Evolving Your Infrastructure and Processes - Br...
Docker, Inc.
?
Modern Web Application Development Workflow - EclipseCon US 2014
Modern Web Application Development Workflow - EclipseCon US 2014
Stéphane Bégaudeau
?
Pimp your Continuous Delivery Pipeline with Jenkins workflow (W-JAX 14)
Pimp your Continuous Delivery Pipeline with Jenkins workflow (W-JAX 14)
CloudBees
?
Altoros Cloud Foundry Training: hands-on workshop for DevOps, Architects and ...
Altoros Cloud Foundry Training: hands-on workshop for DevOps, Architects and ...
Manuel Garcia
?
The development environment
The development environment
Lee Pelser
?
Modernizing .NET Apps with Docker
Modernizing .NET Apps with Docker
Docker
?
Production ready word press
Production ready word press
Edmund Turbin
?
SenchaCon 2016: Develop, Test & Deploy with Docker - Jonas Schwabe
SenchaCon 2016: Develop, Test & Deploy with Docker - Jonas Schwabe
Sencha
?
Ad

Recently uploaded (20)

cybercrime investigation and digital forensics
cybercrime investigation and digital forensics
goverdhankumar137300
?
CBUSDAW - Ash Lewis - Reducing LLM Hallucinations
CBUSDAW - Ash Lewis - Reducing LLM Hallucinations
Jason Packer
?
ChatGPT_and_Its_Uses_Presentationss.pptx
ChatGPT_and_Its_Uses_Presentationss.pptx
Neha Prakash
?
Transmission Control Protocol (TCP) and Starlink
Transmission Control Protocol (TCP) and Starlink
APNIC
?
TCP/IP presentation SET2- Information Systems
TCP/IP presentation SET2- Information Systems
agnesegtcagliero
?
Dark Web Presentation - 1.pdf about internet which will help you to get to kn...
Dark Web Presentation - 1.pdf about internet which will help you to get to kn...
ragnaralpha7199
?
inside the internet - understanding the TCP/IP protocol
inside the internet - understanding the TCP/IP protocol
shainweniton02
?
原版一样(滨厂惭毕业证书)德国多特蒙德国际管理学院毕业证多少钱
原版一样(滨厂惭毕业证书)德国多特蒙德国际管理学院毕业证多少钱
taqyed
?
Lecture 3.1 Analysing the Global Business Environment .pptx
Lecture 3.1 Analysing the Global Business Environment .pptx
shofalbsb
?
3 years of Quarkus in production, what have we learned - Devoxx Polen
3 years of Quarkus in production, what have we learned - Devoxx Polen
Jago de Vreede
?
BroadLink Cloud Service introduction.pdf
BroadLink Cloud Service introduction.pdf
DevendraDwivdi1
?
Top Mobile App Development Trends Shaping the Future
Top Mobile App Development Trends Shaping the Future
ChicMic Studios
?
COMPUTER ETHICS AND CRIME.......................................................
COMPUTER ETHICS AND CRIME.......................................................
FOOLKUMARI
?
Topic 2 - Cloud Computing Basics,,,.pptx
Topic 2 - Cloud Computing Basics,,,.pptx
oneillp100
?
BASICS OF SAP _ ALL ABOUT SAP _WHY SAP OVER ANY OTHER ERP SYSTEM
BASICS OF SAP _ ALL ABOUT SAP _WHY SAP OVER ANY OTHER ERP SYSTEM
AhmadAli716831
?
最新版美国威斯康星大学绿湾分校毕业证(鲍奥骋叠毕业证书)原版定制
最新版美国威斯康星大学绿湾分校毕业证(鲍奥骋叠毕业证书)原版定制
Taqyea
?
Paper: The World Game (s) Great Redesign.pdf
Paper: The World Game (s) Great Redesign.pdf
Steven McGee
?
PROCESS FOR CREATION OF BUSINESS PARTNER IN SAP
PROCESS FOR CREATION OF BUSINESS PARTNER IN SAP
AhmadAli716831
?
Global Networking Trends, presented at the India ISP Conclave 2025
Global Networking Trends, presented at the India ISP Conclave 2025
APNIC
?
Make DDoS expensive for the threat actors
Make DDoS expensive for the threat actors
APNIC
?
cybercrime investigation and digital forensics
cybercrime investigation and digital forensics
goverdhankumar137300
?
CBUSDAW - Ash Lewis - Reducing LLM Hallucinations
CBUSDAW - Ash Lewis - Reducing LLM Hallucinations
Jason Packer
?
ChatGPT_and_Its_Uses_Presentationss.pptx
ChatGPT_and_Its_Uses_Presentationss.pptx
Neha Prakash
?
Transmission Control Protocol (TCP) and Starlink
Transmission Control Protocol (TCP) and Starlink
APNIC
?
TCP/IP presentation SET2- Information Systems
TCP/IP presentation SET2- Information Systems
agnesegtcagliero
?
Dark Web Presentation - 1.pdf about internet which will help you to get to kn...
Dark Web Presentation - 1.pdf about internet which will help you to get to kn...
ragnaralpha7199
?
inside the internet - understanding the TCP/IP protocol
inside the internet - understanding the TCP/IP protocol
shainweniton02
?
原版一样(滨厂惭毕业证书)德国多特蒙德国际管理学院毕业证多少钱
原版一样(滨厂惭毕业证书)德国多特蒙德国际管理学院毕业证多少钱
taqyed
?
Lecture 3.1 Analysing the Global Business Environment .pptx
Lecture 3.1 Analysing the Global Business Environment .pptx
shofalbsb
?
3 years of Quarkus in production, what have we learned - Devoxx Polen
3 years of Quarkus in production, what have we learned - Devoxx Polen
Jago de Vreede
?
BroadLink Cloud Service introduction.pdf
BroadLink Cloud Service introduction.pdf
DevendraDwivdi1
?
Top Mobile App Development Trends Shaping the Future
Top Mobile App Development Trends Shaping the Future
ChicMic Studios
?
COMPUTER ETHICS AND CRIME.......................................................
COMPUTER ETHICS AND CRIME.......................................................
FOOLKUMARI
?
Topic 2 - Cloud Computing Basics,,,.pptx
Topic 2 - Cloud Computing Basics,,,.pptx
oneillp100
?
BASICS OF SAP _ ALL ABOUT SAP _WHY SAP OVER ANY OTHER ERP SYSTEM
BASICS OF SAP _ ALL ABOUT SAP _WHY SAP OVER ANY OTHER ERP SYSTEM
AhmadAli716831
?
最新版美国威斯康星大学绿湾分校毕业证(鲍奥骋叠毕业证书)原版定制
最新版美国威斯康星大学绿湾分校毕业证(鲍奥骋叠毕业证书)原版定制
Taqyea
?
Paper: The World Game (s) Great Redesign.pdf
Paper: The World Game (s) Great Redesign.pdf
Steven McGee
?
PROCESS FOR CREATION OF BUSINESS PARTNER IN SAP
PROCESS FOR CREATION OF BUSINESS PARTNER IN SAP
AhmadAli716831
?
Global Networking Trends, presented at the India ISP Conclave 2025
Global Networking Trends, presented at the India ISP Conclave 2025
APNIC
?
Make DDoS expensive for the threat actors
Make DDoS expensive for the threat actors
APNIC
?
Ad

Bower Phoenix Javascript meetup

  • 2. ABOUT ME Dhruv Patel ?Designer / User experience designer / Front- end designer / Conversion optimization expert ?Founder of Convrrt and Omazing Creations, LLC ?Twitter handle: @sylphdesign ?Love to talk about making web more accessible for everyone, playing cricket, partying, *spraying champagne bottles* @sylphdesign dhruv@convrrt.com www.convrrt.com www.omazingcreations.com
  • 3. WHY BOWER? ? A solution to the problem of front-end package management ? Avoid repetition for downloading libraries ? Make sharing your app simple with bower.json ? Common commands ? Installing packages ? Version control ? Building custom scripts
  • 4. EASY TO INSTALL npm install -g bower (try “sudo npm install -g bower” if above command doesn't work) DONE
  • 5. EASY TO USE ? Installing common dependencies - bower install [name] ? List installed components - bower list ? List Paths - bower list --paths ? Uninstall dependencies - bower uninstall [name] ? Install specific versions of libraries - bower install [name]#[version]
  • 6. EASY TO USE - CONT. ? Create package file - bower init ? Install bower.json - bower install ? Github for private repos - bower install [githubURL] ? Save dependencies to json file - bower install [name] -S ? Strategy for deploying and registering with Github: 1. Commit to Github ? bower register [somename] ? Update libraries - bower update ? Search dependencies - bower search [name]
  • 7. MY FRONT-END WORKFLOW ? Yeoman ? GulpJs ? Bower Components