judsonmitchell

How I Develop iOS and Android Apps Using a Chromebook.

(Current as of July, 2014)

I'm a Chromebook fanboy, I admit it. I had one of the first CR-48s and am now happily possessed of an Acer C720. I use it for everything, from writing legal briefs to developing apps, and I am thoroughly satisfied with it.

Mobile App development on a CB poses some special issues, however. Most developers have dedicated OS-specific machines to develop mobile apps (on iOS this is almost a requirement), but I simply refuse to buy an Apple computer just to create a mobile app. After much trial and error, I have found it possible, even enjoyable, to create apps on my CB. Here's how I do it.

1. Preparing the Chromebook

judsonmitchell

const sqlite3 = require('sqlite3').verbose();
const db = new sqlite3.Database('wedding.db');
const express = require('express');
const restapi = express();

restapi.get('/', function(req, res){
    db.all('SELECT * FROM wedding', function(err, rows){
        res.json(rows);
    });
})

judsonmitchell

" Console log from insert mode; Puts focus inside parentheses
imap cll console.log();<Esc>==f(a
" Console log from visual mode on next line, puts visual selection inside parentheses
vmap cll yocll<Esc>p
" Console log from normal mode, inserted on next line with word your on inside parentheses
nmap cll yiwocll<Esc>p 

judsonmitchell

Part 1 (10 points)

• quiz2.js file is properly named and in correct directory (2)
• properly created string (2)
• properly created number variables (2)
• properly created function which follows the assignment (2)
• when called, function returns the correct information (2)

Part 2 (10 points)

judsonmitchell

1. Javascript Review. [See here](https://jsbin.com/doquji/7/edit?js,console)
2. Create an HTML File
3. Add jquery and a css file.
4. Be able to do headings, paragraphs, forms, lists, hyperlinks, and tables.
5. Apply jQuery to the HTML and either modify the page or return some data.

judsonmitchell

Quiz 1 grading key:

1. (4 points). Directory properly created and correctly named file placed in directory
2. (4 points). No, the file has not been modified

 
 sha256sum phone_dump.csv
 

judsonmitchell

judsonmitchell

Project Libraries

Bootstrap

Bootswatch: http://bootswatch.com/

Bootstrap: http://getbootstrap.com/

Navbar: http://getbootstrap.com/components/#navbar

judsonmitchell

body {
  padding: 0;
  margin: 0;
  
  background: #3FA8C6;
  background-image: -moz-linear-gradient(top, #3fa8c6 0%, #3fa8c6 0%, #399ab2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fa8c6), color-stop(0%,#3fa8c6), color-stop(100%,#399ab2));
  background-image: -webkit-linear-gradient(top, #3fa8c6 0%,#3fa8c6 0%,#399ab2 100%);
  background-image: -o-linear-gradient(top, #3fa8c6 0%,#3fa8c6 0%,#399ab2 100%);
  background-image: -ms-linear-gradient(top, #3fa8c6 0%,#3fa8c6 0%,#399ab2 100%);

judsonmitchell

npm install connect

Create file server.js

var connect = require('connect');
connect.createServer(
 connect.static(__dirname)