Memo: My Tuition?

Next year senior?


      1. Objective – Importance of Open Source Software (in case of Firefox and development environments)
      2. Processing is an open-source graphical library and integrated development environment (IDE) / playground built for the electronic arts, new media art, and visual design communities with the purpose of teaching non-programmers the fundamentals of computer programming in a visual context.(Wiki)
      3. Ionic is a complete open-source SDK for hybrid mobile app development created in 2013 by leveraging Cordova.(Wiki) Ionic Creator is a drag-and-drop interface building tool.(Wiki)
      4. AngularJS –  a JavaScript-based open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications. (Wiki)
      5. How browsers work internally – Tali Garsiel presented @ Front-Trends in 2012. Browser Internal – Internet Explore (IE) is a black box, she started to read the source code of open-source browsers. (Open-source and literacy).

      6. Project EMF – researched the possible framework to implement the mobile app.
      7. Server explanation.

Angular Module

angular.module(‘ionicApp’, [‘ionic’])

.config(function($stateProvider, $urlRouterProvider) {


    .state(‘home’, {

      url: “/home”,

      templateUrl: “home.html”,

      controller: “HomeTabCtrl”,




.controller(‘HomeTabCtrl’, function($scope, $ionicModal) {


    // Load the modal from the given template URL

    $ionicModal.fromTemplateUrl(‘modal.html’, {

      scope: $scope,

      animation: ‘slide-in-up’

    }).then(function(modal) { $scope.modal = modal; });


    $scope.modal2 = $ionicModal.fromTemplate(‘


ブラウザの仕組み by Tali

How web browser builds and displays webpage. by Tali @ FT 2012

Browser Components from above webpage.


Parsing HTML to create a tree.

Parsing CSS to create another tree.

Then Webkit (attachment -> render tree), Gecko (frame constructor -> frame tree).


UltraSimpleHowBrowsersWork by Al Zimmerman Recommend to view with 1.5 speed.

Quick overview of C, C++, PHP, Python, Java, JavaScript, Ruby, Swift, SQL, and C#.

Say No to NoSQL in 2018. SQL’s ACID (Atomicity of data, Consistency of data, Isolation of data, Duability of data) Relational Database vs. Flat file based NoSQL(more easily shared ie. Break a part, and scaled).

JavaScript Weird Parts but Important Vid(3hrs.)


PHP: $_REQUEST and argv argc





What is PHP header()?

void header ( string $header [, bool $replace = TRUE [, int $http_response_code ]] )

W3C  PHP Superglobals


$argv – Array of arguments passed to script.

The first argument $argv[0] is always the name that was used to run the script.

$argc – The number of arguments passed to the scripts.

ART299: Summary Rough Ionic Creator Structure

Places with json data file.

Campus Tourist – using SQL db.

Todos with Firebase


Each ionic creator page has the id Component/canvas/props/code-editor.

The actual development html is inside of canvas/tr-ftw/td-ftw/<center>/app-wrap/app-test/iframe class=”content”.

Then it has <!docutype  html><html ng-app = “ionic.creator.frameApp”<head>…</head><body>…</body></html>