Github: https://github.com/kuanhsuh/jsTicTacToeCodepen: http://codepen.io/dannyhuang/pen/jBMJLL ThoughtsBuilding TicTacToe was something I dreamt of doing since I learn how to code. To me know how to build this game shows a solid foundation of language and OOP. I started buliding basic functions suc ...

Animate CSS Animate.css is a css library that has 75 different types of animation features, such as shake, slidein, and pulse. Here are some examples: How to use it. Add the animate cdn to your header. Add animated and bounce to your class For Example:12<link rel="stylesheet" type="text/css" hr ...

Day 21-2.24[x] YDKJS- this&object Ch.4[x] Javascript Bootcamp Finished[x] Code school Road Trip part 3/level 1[x] Codewar-129 (JavaScript:7 kyu / 55% Ruby:6 kyu / 12%)[x] Derek Banas OOP JS video @29:42 (Object, classes)[x] Practical JS - V2 Finished[x] Eloquent JS Day 22-2.25[x] FCC Port ...

Github: https://github.com/kuanhsuh/jspomodoroCodepen: http://codepen.io/dannyhuang/pen/GWjRYW ThoughtsI follow the same procedure as calculator Challenge. The hardest part for the excercise is SetInterval messed up the ‘this’ reference. Also switching between session time and break time. Luckily so ...

Practical Javascript is a course by Gordan Zhu. Here’s the link to the course.https://watchandcode.com/p/practical-javascriptThe course teaches the process of how to bulid an app. In this course we’ll be building a todo list.http://todomvc.com/ Personal ThoughtsThis course is different from many oth ...

Codepen link: (http://codepen.io/dannyhuang/pen/LWNdzG)Github link: (https://github.com/kuanhsuh/jscalculator) ThoughtsAfter watching practical JS, I understand how to organize an app into smaller components. In my Model(calculator object), I have all the variables and functions. After making sure e ...

Short Term Goals Read YDKJS & Eloquent JS Javascript 30 Practical JS Codewar Kata Everyday Day 11-2.14[x] LRTHW - 3 tasks - completed 47/52[x] YDKJS - Scope & Closure Ch.4[x] Agile Rails 5-Finish Ch.1[x] Write Blog[x] Look up JS hoisting[x] Javascript Bootcamp #15[x] FCC - 5 basic algorith ...

Call, bind and apply explicitly attach this into the object or function. call attaches this into function and executes the function immediately:1234567var person = { name: "Danny" speaking: function(thing){ console.log(this.name + "says Hi!" + thing) }}person.speaking.call( ...

This is a test

FlatteningUse the reduce method in combination with the concat method to “flatten” an array of arrays into a single array that has all the elements of the input arrays. 123arr.reduce(function(total, val){ return total.concat(val);},[]) Mother-child age differenceUsing the example data set ...