SlideShare a Scribd company logo
1 of 29
Download to read offline
How to create
Chrome’s Extensions
Luis Alfredo Porras P. @lporras16
About Me
Rubyist
Colombian
Continuum
Your Friend
Applications that run inside the Chrome
browser and provide additional
functionality, and customized browsing
experiences.
WHAT ARE EXTENSIONS?
Chrome extensions dev Intro
We have to learn a new
language?
“Extensions are written using the
same standard web technologies that
developers use to create websites.”
Examples
Popular Extensions
Synced Todo List - WunderList
Save your Links - Pocket
Download Music! - Grooveshark Downloader
Building an Extension
Chrome.* APIs
Chrome provides APIs such as chrome.
bookmarks and chrome.tab so that
extensions can interact with the browser.
The Manifest
Browser UI
Browser Actions Add icons to the toolbar (extensions only)
Desktop
Notifications
Notify users of important events
Omnibox Add a keyword to the address bar
Options Pages Let users customize your extension
Override Pages Implement your own version of standard browser pages such as
the New Tab page
Page Actions Add temporary icons inside the address bar (extensions only)
Themes Change the overall appearance of the browser
Browser Action
Desktop Notifications
Page Actions
OmniBox
Override Pages
Debugging
Load unpacked Extension - Developer Mode
Developer Mode ON
DEMO TIME
My Yify-plugin
Yify-plugin In Action
Manifest
Folder Structure
Background page | app.html
GitHub Repo
https://github.com/lporras/yify-plugin
THANKS

More Related Content

What's hot

Installing Extensions in Joomla! 2.5
Installing Extensions in Joomla! 2.5Installing Extensions in Joomla! 2.5
Installing Extensions in Joomla! 2.5Vishwash Gaur
 
JSN Tendo Customization Manual
JSN Tendo Customization ManualJSN Tendo Customization Manual
JSN Tendo Customization ManualJoomlaShine
 
Orange is the new blue: How to port Chrome Extension to Firefox Extension
Orange is the new blue: How to port Chrome Extension to Firefox ExtensionOrange is the new blue: How to port Chrome Extension to Firefox Extension
Orange is the new blue: How to port Chrome Extension to Firefox Extensionchaykaborya
 
Quick introduction to joomla
Quick introduction to joomlaQuick introduction to joomla
Quick introduction to joomlaSabuj Kundu
 
Modules and Components Introduction in Joomla! 2.5
Modules and Components Introduction in Joomla! 2.5Modules and Components Introduction in Joomla! 2.5
Modules and Components Introduction in Joomla! 2.5Vishwash Gaur
 
Joomla 3.6 - The revolution in Joomla User Experience
Joomla 3.6 - The revolution in Joomla User ExperienceJoomla 3.6 - The revolution in Joomla User Experience
Joomla 3.6 - The revolution in Joomla User ExperienceJoomlaShine
 
Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5studiokandm
 
How to install joomla 2.5
How to install joomla 2.5How to install joomla 2.5
How to install joomla 2.5Kamis Kalees
 
Group 2 macromedia flash
Group 2   macromedia flashGroup 2   macromedia flash
Group 2 macromedia flashMark Eneria
 
Advantages And Disadvantages Of Joomla
Advantages And Disadvantages Of JoomlaAdvantages And Disadvantages Of Joomla
Advantages And Disadvantages Of Joomlatradocaj
 
Overview of CMS and Joomla!
Overview of CMS and Joomla!Overview of CMS and Joomla!
Overview of CMS and Joomla!Vishwash Gaur
 
Effective TDD - Less is more
Effective TDD - Less is moreEffective TDD - Less is more
Effective TDD - Less is moreBen Lau
 
Comparing Blogger And Wordpress
Comparing Blogger And WordpressComparing Blogger And Wordpress
Comparing Blogger And Wordpressigorgentry
 
Learning Joomla! In 30 Days
Learning Joomla! In 30 DaysLearning Joomla! In 30 Days
Learning Joomla! In 30 Daysanxiouslanguage
 

What's hot (20)

Joomla Basics
Joomla BasicsJoomla Basics
Joomla Basics
 
Installing Extensions in Joomla! 2.5
Installing Extensions in Joomla! 2.5Installing Extensions in Joomla! 2.5
Installing Extensions in Joomla! 2.5
 
JSN Tendo Customization Manual
JSN Tendo Customization ManualJSN Tendo Customization Manual
JSN Tendo Customization Manual
 
Develop Chrome Extension
Develop Chrome ExtensionDevelop Chrome Extension
Develop Chrome Extension
 
Orange is the new blue: How to port Chrome Extension to Firefox Extension
Orange is the new blue: How to port Chrome Extension to Firefox ExtensionOrange is the new blue: How to port Chrome Extension to Firefox Extension
Orange is the new blue: How to port Chrome Extension to Firefox Extension
 
Quick introduction to joomla
Quick introduction to joomlaQuick introduction to joomla
Quick introduction to joomla
 
Modules and Components Introduction in Joomla! 2.5
Modules and Components Introduction in Joomla! 2.5Modules and Components Introduction in Joomla! 2.5
Modules and Components Introduction in Joomla! 2.5
 
Joomla 3.6 - The revolution in Joomla User Experience
Joomla 3.6 - The revolution in Joomla User ExperienceJoomla 3.6 - The revolution in Joomla User Experience
Joomla 3.6 - The revolution in Joomla User Experience
 
Presentation joomla-introduction
Presentation joomla-introductionPresentation joomla-introduction
Presentation joomla-introduction
 
Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5
 
How to install joomla 2.5
How to install joomla 2.5How to install joomla 2.5
How to install joomla 2.5
 
Group 2 macromedia flash
Group 2   macromedia flashGroup 2   macromedia flash
Group 2 macromedia flash
 
Advantages And Disadvantages Of Joomla
Advantages And Disadvantages Of JoomlaAdvantages And Disadvantages Of Joomla
Advantages And Disadvantages Of Joomla
 
Social website
Social websiteSocial website
Social website
 
Overview of CMS and Joomla!
Overview of CMS and Joomla!Overview of CMS and Joomla!
Overview of CMS and Joomla!
 
Fastest web browser
Fastest web browserFastest web browser
Fastest web browser
 
Prezi final
Prezi   finalPrezi   final
Prezi final
 
Effective TDD - Less is more
Effective TDD - Less is moreEffective TDD - Less is more
Effective TDD - Less is more
 
Comparing Blogger And Wordpress
Comparing Blogger And WordpressComparing Blogger And Wordpress
Comparing Blogger And Wordpress
 
Learning Joomla! In 30 Days
Learning Joomla! In 30 DaysLearning Joomla! In 30 Days
Learning Joomla! In 30 Days
 

Similar to Chrome extensions dev Intro

Web browser extensions development
Web browser extensions developmentWeb browser extensions development
Web browser extensions developmentdragoslargu
 
Chrome Extension Develop Starts
Chrome Extension Develop StartsChrome Extension Develop Starts
Chrome Extension Develop Startstaobao.com
 
Fast & Furious Responsive Design in Chrome DevTools
Fast & Furious Responsive Design in Chrome  DevToolsFast & Furious Responsive Design in Chrome  DevTools
Fast & Furious Responsive Design in Chrome DevToolsTony Jessup
 
Joomla
JoomlaJoomla
Joomlasahil
 
DF17 - Build your own jaw-dropping Salesforce Chrome Extension
DF17 - Build your own jaw-dropping Salesforce Chrome ExtensionDF17 - Build your own jaw-dropping Salesforce Chrome Extension
DF17 - Build your own jaw-dropping Salesforce Chrome ExtensionEnrico Murru
 
An overview on Developing Chrome Extensions
An overview on Developing Chrome ExtensionsAn overview on Developing Chrome Extensions
An overview on Developing Chrome ExtensionsAces Mndr
 
Building & distributing chrome extensions and web apps
Building & distributing chrome extensions and web appsBuilding & distributing chrome extensions and web apps
Building & distributing chrome extensions and web appsRoel Palmaers
 
test
testtest
testdpd
 
Tutorial 1 - Browser Basics
Tutorial 1 - Browser BasicsTutorial 1 - Browser Basics
Tutorial 1 - Browser Basicsdpd
 
Web 2.0 Online Collaboration (Public)
Web 2.0 Online Collaboration (Public)Web 2.0 Online Collaboration (Public)
Web 2.0 Online Collaboration (Public)Daniel Livingstone
 
Discovering Chrome Extensions
Discovering Chrome ExtensionsDiscovering Chrome Extensions
Discovering Chrome ExtensionsÀlex Cabrera Gil
 

Similar to Chrome extensions dev Intro (20)

Web browser extensions development
Web browser extensions developmentWeb browser extensions development
Web browser extensions development
 
Chrome Extension Develop Starts
Chrome Extension Develop StartsChrome Extension Develop Starts
Chrome Extension Develop Starts
 
Google Chrome Apps and Extensions
Google Chrome Apps and ExtensionsGoogle Chrome Apps and Extensions
Google Chrome Apps and Extensions
 
Getting started with add ons
Getting started with add onsGetting started with add ons
Getting started with add ons
 
Fast & Furious Responsive Design in Chrome DevTools
Fast & Furious Responsive Design in Chrome  DevToolsFast & Furious Responsive Design in Chrome  DevTools
Fast & Furious Responsive Design in Chrome DevTools
 
FAT.Seminar.FOSS_Joomla!
FAT.Seminar.FOSS_Joomla!FAT.Seminar.FOSS_Joomla!
FAT.Seminar.FOSS_Joomla!
 
Joomla
JoomlaJoomla
Joomla
 
Firefox Extensions
Firefox ExtensionsFirefox Extensions
Firefox Extensions
 
WEB BROWSER
WEB BROWSERWEB BROWSER
WEB BROWSER
 
DF17 - Build your own jaw-dropping Salesforce Chrome Extension
DF17 - Build your own jaw-dropping Salesforce Chrome ExtensionDF17 - Build your own jaw-dropping Salesforce Chrome Extension
DF17 - Build your own jaw-dropping Salesforce Chrome Extension
 
An overview on Developing Chrome Extensions
An overview on Developing Chrome ExtensionsAn overview on Developing Chrome Extensions
An overview on Developing Chrome Extensions
 
Building & distributing chrome extensions and web apps
Building & distributing chrome extensions and web appsBuilding & distributing chrome extensions and web apps
Building & distributing chrome extensions and web apps
 
test
testtest
test
 
Tutorial 1 - Browser Basics
Tutorial 1 - Browser BasicsTutorial 1 - Browser Basics
Tutorial 1 - Browser Basics
 
Starting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded LibrariesStarting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded Libraries
 
Browsers-sabina ramirez
Browsers-sabina ramirezBrowsers-sabina ramirez
Browsers-sabina ramirez
 
Web 2.0 Online Collaboration (Public)
Web 2.0 Online Collaboration (Public)Web 2.0 Online Collaboration (Public)
Web 2.0 Online Collaboration (Public)
 
Fastest web browser
Fastest web browserFastest web browser
Fastest web browser
 
Discovering Chrome Extensions
Discovering Chrome ExtensionsDiscovering Chrome Extensions
Discovering Chrome Extensions
 
Episode 1 mozilla contribution
Episode 1 mozilla contributionEpisode 1 mozilla contribution
Episode 1 mozilla contribution
 

Recently uploaded

Warp Speed Habits: A Brain Based Roadmap to Create Habits.pdf
Warp Speed Habits: A Brain Based Roadmap to Create Habits.pdfWarp Speed Habits: A Brain Based Roadmap to Create Habits.pdf
Warp Speed Habits: A Brain Based Roadmap to Create Habits.pdfmneves5
 
7 tips to help you become a Supercommunicator
7 tips to help you become a Supercommunicator7 tips to help you become a Supercommunicator
7 tips to help you become a SupercommunicatorAlex Clapson
 
Be Our Guest - Rotaract Club of Paramaribo 2024
Be Our Guest - Rotaract Club of Paramaribo 2024Be Our Guest - Rotaract Club of Paramaribo 2024
Be Our Guest - Rotaract Club of Paramaribo 2024Jean-luc van Charante
 
Purposive Communication lesson8 application letter
Purposive Communication lesson8 application letterPurposive Communication lesson8 application letter
Purposive Communication lesson8 application letterrubycaquilala
 
TC_Philosophy_Report_by_BSCrim.4-A2023--
TC_Philosophy_Report_by_BSCrim.4-A2023--TC_Philosophy_Report_by_BSCrim.4-A2023--
TC_Philosophy_Report_by_BSCrim.4-A2023--RvEscoro
 
Stu Hirst - Imposter Syndrome 2024 - Presented at Cloud Expo Europe (Cyber Ke...
Stu Hirst - Imposter Syndrome 2024 - Presented at Cloud Expo Europe (Cyber Ke...Stu Hirst - Imposter Syndrome 2024 - Presented at Cloud Expo Europe (Cyber Ke...
Stu Hirst - Imposter Syndrome 2024 - Presented at Cloud Expo Europe (Cyber Ke...Stu Hirst
 

Recently uploaded (6)

Warp Speed Habits: A Brain Based Roadmap to Create Habits.pdf
Warp Speed Habits: A Brain Based Roadmap to Create Habits.pdfWarp Speed Habits: A Brain Based Roadmap to Create Habits.pdf
Warp Speed Habits: A Brain Based Roadmap to Create Habits.pdf
 
7 tips to help you become a Supercommunicator
7 tips to help you become a Supercommunicator7 tips to help you become a Supercommunicator
7 tips to help you become a Supercommunicator
 
Be Our Guest - Rotaract Club of Paramaribo 2024
Be Our Guest - Rotaract Club of Paramaribo 2024Be Our Guest - Rotaract Club of Paramaribo 2024
Be Our Guest - Rotaract Club of Paramaribo 2024
 
Purposive Communication lesson8 application letter
Purposive Communication lesson8 application letterPurposive Communication lesson8 application letter
Purposive Communication lesson8 application letter
 
TC_Philosophy_Report_by_BSCrim.4-A2023--
TC_Philosophy_Report_by_BSCrim.4-A2023--TC_Philosophy_Report_by_BSCrim.4-A2023--
TC_Philosophy_Report_by_BSCrim.4-A2023--
 
Stu Hirst - Imposter Syndrome 2024 - Presented at Cloud Expo Europe (Cyber Ke...
Stu Hirst - Imposter Syndrome 2024 - Presented at Cloud Expo Europe (Cyber Ke...Stu Hirst - Imposter Syndrome 2024 - Presented at Cloud Expo Europe (Cyber Ke...
Stu Hirst - Imposter Syndrome 2024 - Presented at Cloud Expo Europe (Cyber Ke...
 

Chrome extensions dev Intro