don't reinvent the wheel: leverage existing web...

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• jess@linkedin.com

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!