SLIDE 1 Don't Reinvent the Wheel: Leverage Existing Web Services
Jess Stratton, lynda.com at LinkedIn
SLIDE 2 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
SLIDE 3 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!
SLIDE 4 Geocharts Twitter Google ¡Docs Google ¡Maps IFTTT ¡Maker Fonts
SLIDE 5 This is HANDS ON!
Building blocks
Start ¡with ¡a ¡blank ¡webpage Follow ¡along
SLIDE 6
Twitter Widgets
SLIDE 7 PROJECT: Embed a Twitter feed
Difficulty: 1 star Skills required: None. Prerequisites: Available Twitter feed Time required: Quick Link: twitter.com
SLIDE 8
SLIDE 9 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
SLIDE 10
SLIDE 11
PROJECT: Add Google fonts to a website
Difficulty: 1 star Skills required: None. Prerequisites: None Time required: Quick Link: www.google.com/fonts
SLIDE 12
SLIDE 13
Add the code you are given to your page:
SLIDE 14
SLIDE 15
SLIDE 16
Make it responsive!
SLIDE 17
You’re kind of stuck with that blue border, though.
Or are you??
SLIDE 18 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
SLIDE 19
Make calendar public, and get address:
SLIDE 20
You need a Google API key at the Google Developers Console
SLIDE 21
SLIDE 22
PROJECT: Add Google Docs to a website
Difficulty: 1 star Skills required: None. Prerequisites: Google account Time required: Quick Link: https://drive.google.com
SLIDE 23
Create ¡your ¡document ¡ and ¡publish ¡it ¡to ¡the ¡ web
SLIDE 24 Website will update automatically when changes are made to the document!
SLIDE 25
SLIDE 26
PROJECT: Add a chart to a website
Difficulty: 1 star Skills required: None. Prerequisites: Google account Time required: Quick Link: https://sheets.google.com
SLIDE 27 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
SLIDE 28
SLIDE 29 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!
SLIDE 30
Create a Google Form
Create a chart from the results
SLIDE 31
SLIDE 32
IFTTT ¡Maker
SLIDE 33
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
SLIDE 34
IFTTT – If This, Then That!
SLIDE 35 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!
SLIDE 36
Google ¡My ¡Maps
SLIDE 37
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/
SLIDE 38 Customize ¡icons, ¡ colors, ¡more! Use ¡a ¡Google ¡Form ¡to ¡ collect ¡place ¡data!
