don't reinvent the wheel: leverage existing web...
TRANSCRIPT
Don't Reinvent the Wheel: Leverage Existing Web ServicesJess Stratton, lynda.com at LinkedIn
Who am I and why are we here??
Jess Stratton• Twitter: @NerdGirlJess• Linkedin.com/in/JessStratton• [email protected]
Developer• Wordpress customizations• Database programming• Website building and administration
Technology Coach• Owned training facility• Lynda.com author:• http://www.lynda.com/Jess-Stratton/1250817-1.html
Writer/Blogger• Industry articles• Lifehacker contributing author• Textbooks
Don’t reinvent the wheel!Many of these projects use LITTLE to NO code. Many of your customers are using these apps and services already.
You’ll have new solutions to present to your customers.
Your job is WAY easier!
You can use this stuff in your
personal AND professional life!
GeochartsTwitter Google Docs
Google Maps IFTTT Maker Fonts
This is HANDS ON!
Building blocks
Start with a blank webpage
Follow along
Twitter Widgets
PROJECT:Embed a Twitter feed
onto a website
Difficulty: 1 star
Skills required: None.
Prerequisites: Available Twitter feed
Time required: Quick
Link: twitter.com
You CAN do more with CSS, javascript, and the API
https://dev.twitter.com/web/embedded-timelines
Curate a list of static tweets for easy display on a website with CURATOR!
https://curator.twitter.com
PROJECT:Add Google fonts to
a website
Difficulty: 1 star
Skills required: None.
Prerequisites: None
Time required: Quick
Link: www.google.com/fonts
Add the code you are given to your page:
Make it responsive!
You’re kind of stuck with that blue border, though.
Or are you??
https://github.com/MilanKacurak/FormatGoogleCalendar
He has made excellent javascriptcode available on GitHub!https://www.kacurak.com/blog/turn-‐google-‐calendar-‐into-‐events-‐list-‐on-‐website
Make calendar public, and get address:
You need a Google API key at the Google Developers Console
PROJECT:Add Google Docs to
a website
Difficulty: 1 star
Skills required: None.
Prerequisites: Google account
Time required: Quick
Link: https://drive.google.com
Create your document and publish it to the
web
Website will update automatically when
changes are made to the document!
PROJECT:Add a chart to a
website
Difficulty: 1 star
Skills required: None.
Prerequisites: Google account
Time required: Quick
Link: https://sheets.google.com
Gauge charts• Fund raising• Project planning• Use IFTTT to append rows
Geomap charts• Regional heatmaps• Contains global maps to choose from• Use IFTTT to append rows
Create your own forms and charts!
Google Forms to input data live online from your
customers
Google Sheets creates embeddable charts from
that data
Websites that create themselves!
Self maintaining sites
Embed a form to your existing site
Use IFTTT to chart ANYTHING!
Create a Google Form
Create a chart from the results
IFTTT Maker
PROJECT:Create a reminder
from a web form
Difficulty: 3 stars
Skills required: HTTP POST/forms
Prerequisites: Maker Channel connect
Time required: 10 minutes
Link: https://ifttt.com/maker
IFTTT – If This, Then That!
IFTTT Maker Channel
All it does is wait for a web request POST trigger!
Link this with your Google Calendar, iOS Calendar…
ANY calendar that has a channel with IFTTT!
Google My Maps
PROJECT:Create a custom
map from a Google Sheet
Difficulty: 1 stars
Skills required: None
Prerequisites: Sheet with place data
Time required: 10 minutes
Link: https://www.google.com/maps/d/u/0/
Customize icons, colors, more!
Use a Google Form to collect place data!