Don't Reinvent the Wheel: Leverage Existing Web Services Jess - PowerPoint PPT Presentation

Don't Reinvent the Wheel: Leverage Existing Web Services Jess Stratton, lynda.com at LinkedIn

Who am I and why are we here?? Jess Stratton Technology Coach • Owned training facility • Twitter : @NerdGirlJess • Lynda.com author: • Linkedin.com/in/JessStratton • http://www.lynda.com/Jess-Stratton/1250817-1.html • jess@linkedin.com Developer Writer/Blogger • Wordpress customizations • Industry articles • Database programming • Lifehacker contributing author • Website building and administration • 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 can use this You’ll have new Your job is WAY stuff in your solutions to present easier! personal AND to your customers. professional life!

Twitter Geocharts Google ¡Docs Google ¡Maps IFTTT ¡Maker Fonts

This is HANDS ON! Start ¡with ¡a ¡blank ¡webpage Follow ¡along Building blocks

Twitter Widgets

Difficulty: 1 star Skills required: None. PROJECT: Prerequisites: Available Twitter feed Embed a Twitter feed onto a website 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

Difficulty: 1 star Skills required: None. PROJECT: Prerequisites: None Add Google fonts to a website 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

Difficulty: 1 star Skills required: None. PROJECT: Prerequisites: Google account Add Google Docs to a website 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!

Difficulty: 1 star Skills required: None. PROJECT: Prerequisites: Google account Add a chart to a website Time required: Quick Link: https://sheets.google.com

Gauge charts Geomap charts • Fund raising • Regional heatmaps • Project planning • Contains global maps to choose from • Use IFTTT to append rows • Use IFTTT to append rows

Create your own forms and charts! Websites that create themselves! Self maintaining sites Embed a form to your existing site Google Forms to input Google Sheets creates data live online from your embeddable charts from Use IFTTT to chart customers that data ANYTHING!

Create a Google Form Create a chart from the results

IFTTT ¡Maker

Difficulty: 3 stars Skills required: HTTP POST/forms PROJECT: Prerequisites: Maker Channel connect Create a reminder from a web form 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

Difficulty: 1 stars PROJECT: Skills required: None Create a custom Prerequisites: Sheet with place data map from a Google Sheet 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!