daniellevass

1. Aims

The aim of this worksheet is to help you create your own emoji using SVG!

We will need to write code to make some paper, circles and polygons and move where they are located on the page using coordinates.

Above is an Android emoji made using several circles (we can also animate it later!)

---

daniellevass

#Hierarchical Apple Watch Apps

##Introduction

Now we've got our project set up we can start to write some code! Today we're going to take a look at creating a heirarchical Apple Watch App using tables and segues.

###1. Storyboard

Firstly, we're going to start by removing whatever we had on our app interface. We then want to drag out a Table from the UI object items - this should automtically create you a "row" and a "group". The row is like a UITableCell in a UITableVIew, however the group will hold all the UI items for us. Next, we want to drag out a Label on to our table - I positioned mine to go horizontally and vertically central.

daniellevass

Interactive Emojis (part 1 - SVG)

Aim

To build an interactive emoji using SVG and JavaScript. Use your creativity to make that emoji that you always wanted to exist!

Part 1 you will create a static emoji using different shapes in SVG. Part 2 is where you will animate your emoji using JavaScript

above is an animated Android using SVG and JavaScript

daniellevass

##1 starting

Firstly, using terminal install YQL and request if you don't have it already:

npm install request
npm install yql

Create a new .js file - make sure you can navigate to it with the terminal prompt to run.

daniellevass

#Punch through bean info

1. download the arduino program to write arduino code - https://www.arduino.cc/en/Main/Software

2. download whichever bits on here you need https://punchthrough.com/bean/guides/everything-else/downloads/

3. I had problem trying to get the serial port to read correctly, can’t remember which magical incantation i had to do, but it was on the punchthrough forums, i can go back and look if you need it.

http://beantalk.punchthrough.com/t/heres-how-to-access-bean-serial-data-in-processing/751 this may have been it, but i'm pretty sure the npm package below fixed it too, might be useful if the npm package doesn't work.

daniellevass

Using APIs Part 1

Welcome! In this worksheet we're going to learn:

• examples of an APIs in the real world
• representing data in JSON
• getting data from the giphy API using jQuery's ajax method

If you want to recap before or after codebar most of this content is written up at:

• https://medium.com/the-codelog/using-apis-part-1-f0d78ee1c9b8#.18mo1lmax - Introduction to APIs

daniellevass

HTTP Requests, AJAX and APIs

Getting Started

Now you know the basics of how webpages are made. How do many websites really work?

Many will use a thing called an API : this is where data is stored someplace else (probably a server) and the website asks for the data it wants. E.g. your twitter feed - the data (all the tweets) is stored on their servers - the twitter website will ask the server for the top 20 new tweets in your feed.

This can be useful if you're going to have multiple clients (a website, an Android app, an iPhone app etc) that all need to display the same data.

daniellevass

<person>
  <name>Danielle Emma Vass</name>
  <programmingLanguagesList>
    <programmingItem>Android</programmingItem>
    <programmingItem>iOS</programmingItem>
    <programmingItem>JavaScript</programmingItem>
  </programmingLanguagesList>
  <address>
    <city>London</city>
    <country>United Kingdom</country>

daniellevass

Sharing Data between Apple Watch and iPhone Apps

Introduction

So we've had a look at how we can do a lot of things with the WatchKit SDK and making our own Apple Watch Apps, however the next thing to look at is how to communicate between the iPhone and Apple Watch app. To do this we'll have to create an App Group which is essentially a space which both apps can use which was brought in with the exetension framework.

Add Capabilities

The first thing we need to do is add "App Group" capabilities to both our iPhone app and Watch Extension targets.

daniellevass

Hello, and welcome!

###Aim:

• Build your own Thing for the Internet using littleBits in small teams
• Demonstrate the Thing you've made to everyone
• Write up how others (read: children) could also build your thing