last untangling class

1. UNTANGLING THE WEB
THE LAST CLASS! PRESENTATIONS, REVIEW, NEXT STEPS AND
RESOURCES

2. AGENDA
• Homework 9 discussion
• JSON, databases, Bluemix
• Group presentations
• Class summary, where to go from here, and questions
• A few interesting website code walkthroughs
• Workshop on problems you hit on your project websites

3. HOMEWORK 9 DISCUSSION
• Folks had a fair amount of problems with this one
• Configuration of the bluemix site
• Understanding how to get JSON out of the database replies
• Front end is really the key to this assignment
• How to get database results into a JSON form - JSON.parse()
• How to iterate over results and put them on the page once you have
them
• Call updateCarList from inside the IIFE!

4. DATABASES AND BLUEMIX
• WebSQL is being deprecated, but it’s still a good one to practice with
• Did anyone use firebase for their project?
• ClearDB is a decent service to play with for SQL
• MongoDB is a much more useful system for scalability
• Can host yourself or buy a hosted database
• Most of the Bluemix database offerings either don’t offer a free tier,
or the free tier is crippled. The big database instances are overkill for
most everything non-corporate

5. PRESENTATIONS
• 5-10 minutes
• 5% presentation
• 5% website design
• 10% frontend functionality
• 10% backend functionality
• Questions are mostly about website functionality – where
you’re hosting, what technologies you used, what problems you
hit, etc.

6. WHERE FROM HERE?
• You’ve all created your first websites. Congratulations!
• You now know more about the web than 95% of people
• But there’s a long way to go.
• Programming as a job
• Programming to support other hobbies and classes
• Website businesses but not programming

7. PROGRAMMING AS A JOB
• Lighthouse or other code bootcamps
• CS degree?
• Portfolio and work experience – open source projects!
• Get really good at tech interviews
• Read lots of other people’s experiences
• https://news.ycombinator.com/
• https://www.reddit.com/r/programming/
• Many others

8. PROGRAMMING TO SUPPORT OTHER
ACTIVITIES
• There will always be new things to learn, so don’t worry as
much about the latest framework or library
• Focus on the basics:
• Keep code safe and versioned in something like github
• Share your code when you’re asking questions
• Test and code in small blocks, iterate a lot
• Think like your user and design what they need
• Host somewhere simple and then only expand when you need to

9. WEBSITE BUSINESSES
• Programming need not be a core skill if you mostly have business
interests
• Know just enough to hire things done
• Where to find developers?
• Upwork, Toptal, freelancer.com
• http://hnhiring.me/
• Local meetup groups
• Design with Lean Launchpad and Agile concepts and always test with
your audience

10. CLASS SUMMARY
• We didn’t hit all of the following in the order I thought we
would, but we hit most of the main points
• Let’s go back through our original plan and see if folks have
questions about what we did that make more sense to ask now
that all the rest of the pieces have fit together…

11. MODULE PREVIEW – WEEKS 1-3
1 What happens when
you type a URL in the
address bar?
switches and routers
dhcp and IP addresses
firewalls
servers
dns and registrars
cdn's
cloud services
HW: video yourself
answering an interview
question
2 What happens when
someone searches for
your website on
google?
pagerank
SEO
google analytics
HW: given a website,
find 5 things you’d do to
boost natural traffic
3 Where can you buy paid
advertising and how does it
work?
google adwords
facebook
buying clicks and followers
SaaS and PaaS
lifetime value of a customer
HW: decide how to spend
your marketing budget

12. MODULE PREVIEW – WEEKS 4-6
4 How do you build an HTML
page?
Headers and bodies
tags
scripts
Source code control
(project 1 assigned – must have
groups formed)
HW: build a personal
webpage on github pages
5 javascript
intro to js
es6
editors and assistance
HW: answer some
common javascript
interview questions
6 UX design and
collaboration
user stories
user research
lean methodologies
business model canvas
MVP
hackathons
scrums
agile
HW: create a business
model cavas (for any
project, can be for group
project but must be done
individually)

13. MODULE PREVIEW – WEEKS 7-9
7 Making pages look pretty
CSS
Frameworks - react and
bootstrap
Project 1 due
Project 2 assigned
HW: build a simple bootstrap
site
8 Where do I host, and how?
Digital ocean
Heroku
AWS
Google
IBM
Azure
HW: no assignment planned
for this week
9 Making pages smart
Intro to Bluemix
speech services
chatbots
natural language
HW: build a bluemix
website

14. MODULE PREVIEW – WEEKS 10-12
10 databases and servers
SQL
NoSQL
database services
APIs
Project 3 assigned
HW: create a database on
bluemix and use it to
populate a web page
11 JSON and
communications
RESTful APIs
stateless servers
HW: create a JSON
API for a service and
show it in use
12 Pitch day!
Giving useful feedback
Learn to kill your babies!
Projects 2 and 3 due
HW (turn in by end of
class): give 2-3 pieces of
constructive critical
feedback for each
presentation

15. A FEW COOL WEBSITE EXAMPLES
• Speech recognition
• Natural language understanding
• Integration with other environments, like gaming engines
• Code and other examples here: https://github.com/watson-
developer-cloud

16. SPEECH RECOGNITION
• Used to be really difficult and take a powerful computer
• Now can use cloud resources to make it easy
• https://github.com/watson-developer-cloud/speech-to-text-nodejs
• http://speech-to-text-nodejs-derekja-157.mybluemix.net/
• https://hub.jazz.net/code/edit/edit.html#/code/file/derekja-
OrionContent/derekja%2520%257C%2520speech-to-text-nodejs-
derekja-157/
• And text to speech: https://text-to-speech-demo.mybluemix.net/

17. NATURAL LANGUAGE UNDERSTANDING
• https://natural-language-classifier-demo.mybluemix.net/
• https://tone-analyzer-demo.mybluemix.net/

18. UNITY DEVELOPMENT
• 3D gaming engine
• C# based, for the most part
• Integrates with IBM Bluemix through the unity SDK
• https://github.com/watson-developer-cloud/unity-sdk

19. QUESTIONS?
• We can dig into your projects if there were particular problems
you want to dig into as well
• Thanks for being part of the course!