Being an interviewer: Leetcode 273: Integer to English words

March 24, 2018

Introduction

I have to say that I am a good JavaScript learner. I spent over 6 month full-time at work to learn JavaScript and then rewrote the JavaScript code for my current job back in 2015. One drill I like to do is to follow the peer when I interview on mock interview platform. On March 22, 2018, I had chance to watch how the peer worked on the algorithm using JavaScript.

It is also good learning experience of JavaScript by observing, and asking questions.

Code review

Here is JavaScript code to pass all kinds of test cases.

A few JavaScript features I like to look into:

Keywords:
Eval, const, $, ``,

I like to give the test case for the peer to work on,
let testNum = 1234567890

Say hi to New York again

Feb. 20, 2018

Introduction

It is true that I met a peer from New York this morning 12:00 PM mock interview. I already met over 10 people from New York. I started to learn one thing a time from people working in New York industry.

It is fun and also people are more active to reach out to other people as well.

New York style

I did hear a few things about New York. How things work in the city of New York. Today I also learned a few things through discussion of JavaScript coding of a H-tree algorithm.

Here is JavaScript code.

Since the peer told me that he has over 10 - 12 years ruby on rail experience, so I asked him the question how he designed the JavaScript function, basically it is like functional programming style. const drawHTree = (x, y, length, depth) => {. 

I asked the peer to extract variable top_y, bottom_y, left_x, right_x four variable, and then I asked the peer to write to DrawLine the length of line and declare a variable for totalLines. 

I asked the peer to  count how many H-tree by steps, and then he quickly came out the time complexity. 

JavaScript: Largest smaller binary search tree key

January 13, 2018

Introduction

I do not have time to write a lot of JavaScript code last 12 months, since most of time I have to write C# code. But this morning 12:00 pm I had a mock interview, I met a programmer and then he showed me how to solve the problem using JavaScript.

Code review

Here is JavaScript code with his code from line 26 to 59. The peer came out the recursive solution and then base case correctly, and only comment I had is to clean up code, avoid duplicate node.right on line 46 and 51.

Since the peer solves the problem in 20 minutes, I told him that I will start my algorithm. After I complete the algorithm, I will ask him an extra algorithm problem.

Leetcode 18: 4 sum

January 6, 2018

Introduction

I had a mock interview at 10:00 PM in May 5, 2018. I learned some JavaScript from the peer, but also I had to learn how to help the peer write a brute force solution using JavaScript. I had to write down the four loops and then also write the start index for each loop for the peer.

Brute force four loops

It is the first time I had to show the peer how to write brute force solution using four for loops. And also it is my job to fix the start index for the peer as well.

I made the comment to remove the line beside a while loop, and then line 12 to line 15, I changed the start index to i + 1 instead of 0, likewise to apply k and l.

Code to review

Here is the JavaScript code written by the peer in JavaScript, passing all test cases on mock platform. It is also a brute force solution.

I have to learn how to help the peer write a brute force solution first, and then let the peer understand the solution and get the good feelings to solve the problem.

Stackexchange.com - Let JavaScript experts come to you

Dec. 19, 2016

Introduction

If you work hard and share your JavaScript knowledge, the expert will come to help you and then give out answer to the same question, so you learn from the other how to do an excellent job. 

Julia chose to review radix sorting algorithm, answer one of code review in JavaScript. She edited her answer over 10 times.  She spent 2 hours the first day, and then, she added more hours, reviewed the structure of JavaScript, so she added "revealing module pattern" code, in order to encapsulate better using an object. Suddenly, she found out that some one wrote a very good answer 10 hours ago.

What a surprise! 

Read more about this talent - My JavaScript teacher:
http://codereview.stackexchange.com/search?q=user:120556+[javascript]

Favorite answer:
http://codereview.stackexchange.com/questions/144803/implementing-radixsort-using-javascript/150288#150288

Julia found another JavaScript teacher: 
http://codereview.stackexchange.com/search?q=user:11919+[javascript]

Workout plan


Highlights of reviewed compared to Julia's

http://codereview.stackexchange.com/a/150288/123986

1. The radix sort is more time-efficiency - optimise with saved sorted items first, only apply radix sort iteration to unsorted numbers.

2. JavaScript - more knowledge, more advice
3. Excellent code in JavaScript

Julia got her first hat on stackexchange.com. She was too excited!

Searching and reading......
http://codereview.stackexchange.com/users/489/jerry-coffin?tab=tags

http://codereview.stackexchange.com/users/18427/malachi?tab=tags

http://codereview.stackexchange.com/users/53773/ismael-miguel?tab=tags&sort=votes&page=1

http://codereview.stackexchange.com/users/42401/peilonrayz

http://codereview.stackexchange.com/users/34073/hosch250?tab=tags

HackerRank: Connected Cells in a grid (IV) - JavaScript code

April 16, 2016

problem statement: Connected cells in a grid



JavaScript submission:
Time spent: 30 minutes

Read 5 - 10 submissions, write down good tips:

All Javascript submissions


1. Favorite JavaScript implementation:

Javascript connected cells in a grid

2. Very structured JavaScript code, using prototype, ===, neighbor nodes - an array - [], define function acting like class Node.

https://gist.github.com/jianminchen/8f17d6582ce6335af33e952450d255a3

HackerRank: count string (IV) - JavaScript

April 9, 2016

 Spend some time later to go over this JavaScript solution, score 80 out of 80.

https://gist.github.com/jianminchen/4d5d2f77d0e23e424a0953aaf4e4276e

JavaScript - slide show case studies

April 7, 2016

Work on JavaScript, Css, html on picture slideshow.

Here is the list of sample code Julia chose to study.
1.
http://robertnyman.com/picture-slides/

Mental skills tip:
Julia read google employer's code about slideshow, how the code is structured and commented, and then, she found her issue.

Learning JavaScript, first thing, is not afraid to break things, learn the grammar first; Fix the style. She spent 3 hours to fix the style problem of her slideshow JavaScript legacy code. Make sure that the style is readable.
For example:
return a=1, b=1, c=1, d=1;
readable style:
return
a=1,
b=1,
c=1,
d=1;

2. page slide show 

http://pgwjs.com/pgwslider/

https://coderwall.com/guangyi/protips#protips

http://cssdeck.com/labs/imageslider-pager

https://github.com/Pagawa/PgwSlider

3. Demo - 

http://devowhippit.github.io/jquery.sldr/

source code:

https://github.com/devowhippit/jquery.sldr

Tips learned on April 8, 2016:

about comma in the JavaScript code: return statement:

http://stackoverflow.com/questions/418799/what-does-colon-do-in-javascript

understand return statement with multiple , commas

http://stackoverflow.com/questions/10284536/return-statement-with-multiple-comma-seperated-values

4. read more about JavaScript

http://www.adequatelygood.com/Writing-Testable-JavaScript.html

http://speakingjs.com/

http://www.itsalif.info/content/good-javascript-practices

Action item: 

Share the slideshow JavaScript as well. Make it more readable, using meaningful variables. 

HackerRank: Two string - thinking in JavaScript over 10 ways

March 19, 2016

Introduction 

 A new drill to learn JavaScript is not to read a book, instead of thinking in JavaScript and study how people use the language to solve a simple string algorithm.

  It is the excellence learning experience to read JavaScript 14 submissions.

  First step is to go over each solution, and learn from others how to solve problem using JavaScript.

  Julia used to spend months to read definitive JavaScript guide book, but she noticed that learning was slow and less motivated. She likes to learn JavaScript in much more fun ways.

Problem Statement link is here.

Over 10 JavaScript Solutions

 JavaScript solutions she chooses to read, the submission link filtered by JavaScript language is here.


Solution 1:

study code 1 is here.


Review Array.shift function, link on w3schools.com is here. 

JavaScript Array.splice method on w3schools.com is here. 

indexof is here. 

process.stdin - try to figure out what it is on stackoverflow.com. 

The link is here - how to work with process stdin-on

The link is here - how to detect an empty stdin stream 


Solution 2:

Study code 2 is here. 



Solution 3:

https://gist.github.com/jianminchen/25edcfe155c8859a922c

(continued on March 21, 2016)

Solution 4:

https://gist.github.com/jianminchen/c896d4a598b92d127726

Solution 5:

Structured code, using prototype, simulated class function, new/ this etc., two sliding pointers, make me laugh

https://gist.github.com/jianminchen/8f1d0a7d1765ba5cdc83

read one more article to entertain the idea of using new/ this in JavaScript:

http://stackoverflow.com/questions/5224295/javascript-the-good-parts-how-to-not-use-new-at-all

Solution 6: 

JavaScript, things I like: using j== first.length to determine YES/ NO, the big problem of coding - repeat same code in if/ else code.
https://gist.github.com/jianminchen/8899cb7587b0389e6ff6

line 6 - line 26 - Julia likes to swap two strings to ensure str1.length <  str2.length

Solution 7: 

swap two string if need. 
https://gist.github.com/jianminchen/10f5cfa5c1ab22070922           

Solution 8: 

write a function to add unique chars into the array - Julia likes the function. 

https://gist.github.com/jianminchen/fe302cf65ac762e7f3eb         

object literal {} - act like a hashmap
search function time complexity O(N^2) - not efficient

A discussion on object literal -
http://stackoverflow.com/questions/17486854/how-to-create-a-method-in-object-literal-notation

Solution 9:

use jagged array - good practice
https://gist.github.com/jianminchen/8dca6d1fd8fe96b7323c

Solution 10: 

using object literal - creating a hashtable, and then, first string goes into as Hashtable - add it if not in; second string, add one on existing one.
https://gist.github.com/jianminchen/ee9fbf9612c8ada8ccae
code can be refactored, early return line 23,  not wait until on line 30.

Solution 11:

Array.prototype.ForEach
https://gist.github.com/jianminchen/69119913341c9bea8b0c
https://gist.github.com/jianminchen/bfe92a2556aab268d250

read this blog to understand the function:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
https://msdn.microsoft.com/en-us/library/ff679980(v=vs.94).aspx

still concern about value, index, array arguments in ForEach function.

spent 10 minutes to go over the topic:
http://neversaw.us/2011/01/16/not-your-fathers-javascript/

Good article, stopped here: (continue later)

http://neversaw.us/2011/01/16/not-your-fathers-javascript/#binding-is-great

Array iteration:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array#Iteration_methods (20 minutes reading)

Too much detail, just 5 minutes reading:

http://andrewdupont.net/2006/05/18/javascript-associative-arrays-considered-harmful/
http://www.less-broken.com/blog/2010/12/lightweight-javascript-dictionaries.html

Solution 12:

Using string to contain 26 characters, then look up each one in two string, use Array.indexOf method

Study code is here. 

Solution 13:

Use RegExp expression

Study code using RegExp is here.


Solution 14:

Use Binary search

Code submission is here.


Statistics: Hour spent: 8 hours

Follow up 

April 4, 2016

Julia needs to warm up JavaScript every week, she likes the drill; After 8 hours practice using the drill, she noticed that the code she wrote before was so bad, immediately, she spent 2 days to rewrite some of them, in middle of March.

Pluralsight: Structuring JavaScript

March 8, 2016

2 hours on course: Structuring JavaScript on pluralsight, from 8:00pm - 10:00pm.

Julia is a big fan of pluralsight online courses. She spent time to read JavaScript books in 2014 over 6 months; while this time the learning is more effective with excellent teaching.

She still works on how to take courses on pluralsight. She likes to take notes, and tracks her progression.

Read technical article by the course lecturer:

1. Techniques, Strategies and Patterns for Structuring JavaScript Code

2. the prototype pattern

3. the revealing module pattern

Take learning check later.

5 out 10 incorrect questions:

Which of the following code samples demonstrate creating closure:
Answer:



Related clip: Closure Demo 2

JavaScript's "this" keyword always represents the current object instance being used.
Answer:
False

Related Clip: Using the Revealing Prototype Pattern with 'this'

Which pattern is the best one to use with JavaScript code?
Answer:
There isn't one "best solution"

What features does the Revealing Module Pattern offer?
Answer: All of above
  Define public and private members
  Can include a self-calling function
  Encapsulates code

What is a  key difference between the Prototype and Revealing Prototype patterns?

Answer:
Revealing Prototype allows public and private members to be defined.

Notes to review:
The Prototype Pattern
Pros:
Leverage JavaScript's built-in features
"Modularize" code into re-usable objects
Variables/ functions taken out of global namespace
Functions loaded into memory once
Possible to "override" functions through prototyping

Cons:
"this" can be tricky
Constructor separate from prototype definition

Actionable Item

Dec. 20, 2016
Share the blog on the stackexchange.com - Radix Sort Code Review

Pluralsight: JavaScript for C# developer

March 7, 2016

 Two hours on JavaScript for C# developer on pluralsight (9:30pm - 11:30pm). Review JavaScript quickly.

 Got 3 of 8 questions correct. <- That is the excellent teaching tool - Learning Check

1. How can you specify functions overload in JavaScript?
You cannot <- julia chose the one -
But, the correct answer is: You would interrogate the arguments object to determine what parameters were passed in.

Actually, on March 7, Julia wrote a function with overloading function. English, still, is julia's second language.

2. How does JavaScript support property setters and getters for objects?
Object.defineProperty

3. What is the JavaScript alternative to using C# interfaces?
Duck Typing

4. Is casting required in JavaScript?

5. What defines a scope in JavaScript?

6. How is the C#'s var keyword different from the JavaScript var keyword.

7. Does JavaScript support classes?

8. Is C#'s for each equivalent to JavaScript's for...in syntax?

Plant to watch another JavaScript course on pluralsight: structuring JavaScript.

HackerRank - New School - JavaScript

February 21, 2016

Just sign up JavaScript week 2. It is a new year - 2016, make JavaScript programming language my favorite language. Spend time to play with code challenge on JavaScript.

Read more about JavaScript and get prepared.

To entertain - learning more about JavaScript:
http://rauschma.2ality.com/publications.html

Speaking JavaScript:  (read online)
http://speakingjs.com/es5/index.html

Code School: courses study

Dec. 28, 2015

Spent hours (Dec. 23 - 3 hours, Dec. 27 - 3 hours) to watch courses on code school from Dec. 22, 2015 . Website:  https://www.codeschool.com/

Path HTML/CSS

Get Started With HTML and CSS
Course: Front-end Foundations
Course: Front-end Foundations

Intermediate CSS
course: CSS Cross-Country
course: Journey into Mobile
course: Adventures in Web Animations

CSS Preprocessors
course: Assembling Sass
course: Assembling Sass Part 2

CSS Frameworks
course: Blasting Off with Bootstrap

Design
course: Fundamentals of Design


Paths: JavaScript

Client-side Frameworks
course: Shaping up with Angular.js
course: Staying Sharp with Angular.js
course: Warming Up With Ember.js

More review:

Google I/O 2013 - Design Decisions in AngularJS

https://www.youtube.com/watch?v=HCR7i5F5L8c&feature=share&fb_ref=share

Java Script, C# learning - reading / videos material

September 21, 2015

First, share my favorite two verses to encourage myself to work harder, and continue to pursuit efforts in JavaScript/ C# / CSS/ other technologies learning in my career. I should have more organized, I just copied all my posts from my facebook and documented in a blog in Google+. Review them, and get more reading / study done continuously while practicing Leetcode questions.

2014年年初开始, 想加强自己JavaScript的经历. 每天学习JavaScript, 6个月之后, 发现自己有好多想法, 重写一部分代码, 有很多想法. 第一次体会到, 只有不停学习, 才能有提高.

From the beginning of 2014, I spent over 12 months to learn JavaScript; Try to explore all I can learn in JavaScript, expose myself to all the best teachers, reading /videos in the world. Learn how smart people are in this technology world, JavaScript area. First time, I did slow down everything to learn a functional programming language.

After 6 - 8 months, I found out that I start to generate ideas to rewrite the Javascript wrote before.

So, document my learning experience and help myself to move forward when I have time.

June 1, 2015
Share the video. I read chinese blog in wechat, and then, catch up this one in English.
CHM Revolutionaries: " How Google Works" Eric Schmidt & Jonathan Rosenberg 

https://www.youtube.com/attribution_link?a=s1oxvH9-h4E&u=%2Fwatch%3Fv%3D3tNpYpcU5s4%26feature%3Dshare

March 15, 2015

So relax and also learn something on Sunday morning. Ajax and async.

https://sec.ch9.ms/ch9/03b0/3ac5c264-043f-4ffd-b2ee-422f39ba03b0/IntroTojQueryM06_mid.mp4


February 22, 2015
Spent half hour on CSS preprocessor. Great topic, and think about benefits to use it.

http://channel9.msdn.com/Series/Adding-Style-with-CSS/06?wt.mc_id=EntriesInArea

Enjoyed one hour video about CSS transition and transformation. Sunday is such great time
to learn something, and then, go out to play sports in Vancouver.

http://channel9.msdn.com/Series/Adding-Style-with-CSS/05

Being a web developer, it is fun to learn something called transition, transformation; Great video.

http://channel9.msdn.com/Series/Adding-Style-with-CSS/05?fb_action_ids=823960460986167&fb_action_types=og.likes&fb_source=other_multiline&action_object_map=%5B771052266276726%5D&action_type_map=%5B%22og.likes%22%5D&action_ref_map=%5B%5D


February 9, 2015

Cooking time - learn something.

http://channel9.msdn.com/Series/Introduction-to-jQuery/02?wt.mc_id=player

February 7, 2015

Will have good time this weekend. Try to watch series video about single page application.

http://channel9.msdn.com/Series/Single-Page-Applications-with-jQuery-or-AngularJS/02?wt.mc_id=EntriesInArea

February 6, 2015

My favorite tip learned today. Learned a few tips, peek definition is also my favorite.

http://channel9.msdn.com/Series/vstips/lazycodesnippets?wt.mc_id=player

February 5, 2015

My Thursday night study time, Java Script is a good choice.

http://channel9.msdn.com/Shows/Defrag-Tools/Defrag-Tools-37-JavaScript-Part-1?wt.mc_id=EntriesInArea

February 1, 2015

My favorite video this Sunday. Learn LINQ, good framework. Save time to develop.

http://www.youtube.com/watch?v=tGr6xm9nUm4&feature=share&fb_ref=share

January 31, 2015

Saturday morning video. Nice to learn a few things, portable library is one.

Programming in C# ( 6 of 8) Splitting Assemblies, WINMD, Diagnostics and Instrumentation

http://youtu.be/ypdnMpR5jZ8

January 26, 2015

Watch the video and learn something new.

Programming in C# (1/8) OOP, Managaged Languages and C#

January 26, 2015

Share the video I like to watch. To test java script is new thing to learn.


http://www.youtube.com/watch?v=yRMsxyGsez4&list=PLfXiENmg6yyUpIVY9XVOkbdmBPx6PUm9_&feature=share&index=3&fb_ref=share

Netflix: Stop Making Excuses and Start Testing Your JavaScript!

http://goo.gl/QBWjvA

January 25, 2015
Sunday morning video, relax me and then learn something about Javascript.

Netflix JavaScript Talks - Async JavaScript with Reactive Extensions

http://www.youtube.com/attribution_link?a=LtVczHAKqbM&u=%2Fwatch%3Fv%3DXRYN2xt11Ek%26feature%3Dshare&fb_ref=share

January 23, 2015

Study time, good presentation!

Netflix JavaScript Talks - Version 7: The Evolution of JavaScript

http://www.youtube.com/watch?v=DqMFX91ToLw&feature=share&fb_ref=share

January 22, 2015

So easy to find an advance topic about java script through youtube, and then enjoy the video.

Lo-Dash and JavaScript Performance Optimizations

http://www.youtube.com/watch?v=cD9utLH3QOk&feature=share&fb_ref=share


January 21, 2015

Douglas Crockford: Advanced JavaScript

https://www.youtube.com/watch?v=DwYPG6vreJg

January 15, 2015

Share the video I watched tonight. Good video

The Definitive Guide to Object-Oriented JavaScript

http://www.youtube.com/watch?v=PMfcsYzj-9M&feature=share&fb_ref=share

January 1, 2015

Enjoy new year day off in Vancouver. Relax, read java script definitive guide, read again and again 20 pages from 163-180, and then, learn something from the video. My new year resolution is to become a stronger java script programmer in 2015.

What the heck is the event loop anyway? JSConf EU 2014

http://www.youtube.com/attribution_link?a=Cqtja3KchL0&u=%2Fwatch%3Fv%3D8aGhZQkoFbQ%26feature%3Dshare&fb_ref=share

Dec. 30, 2015

Such a good video for me to watch, and then learn the scope chains and closures.

JavaScript Scope Chains and Closures

http://www.youtube.com/watch?v=zRZNb4GDOPI&feature=share&fb_ref=share


Dec. 27, 2015

Share the video. The CRAP rules - contrast, repeat, alignment, proximity, very great idea for website design.

HTML and CSS Web Development - Footer and Design Theory (CRAP rules) - Part 13

http://www.youtube.com/attribution_link?a=JeHOVs6tcZw&u=%2Fwatch%3Fv%3D9IpeHgl_g90%26feature%3Dshare&fb_ref=share


Dec. 14, 2014

o2 Creation Patterns Creational Patterns

https://www.youtube.com/watch?v=LjIWRvOL7aM&list=PLrzrNeNx3kNHsaPfrpPo0AlW-MhJE6gOA&index=10

Dec. 27, 2014

Make me smile, the short video, nice teaching.

HTML and CSS Web Development - How to apply transition effects - Part 14

http://www.youtube.com/watch?v=WRADgQVSWG4&feature=share&fb_ref=share

Dec. 25, 2015

My favorite half hour to watch this Java script video in Christmas day morning.

Exam Application Programming Tutorial JavaScript Quiz Online Test

http://www.youtube.com/attribution_link?a=UiB8WtJBt5A&u=%2Fwatch%3Fv%3Dd_UuOVhuCF8%26feature%3Dshare&fb_ref=share


Dec. 24, 2015

Just watch, and then, learn something interesting. Good teaching

Image Cycle JavaScript HTML CSS Web Programming Tutorial

http://www.youtube.com/watch?v=3QuSKsr47f0&feature=share&list=PL00952AC35D0A4701&index=3&fb_ref=share

Java Script Tutorial Videos  (Object oriented)

https://www.youtube.com/playlist?list=PL00952AC35D0A4701


Dec. 23, 2014

My favorite video this Christmas holiday. Java script, is a fun, challenging language to learn.

Douglas Crockford: Advanced JavaScript

http://www.youtube.com/watch?v=DwYPG6vreJg&feature=share&fb_ref=share

Dec. 21, 2014

Spent time to read the book, this weekend. Just start to read creation pattern. Good book for a programmer to start to love the java script.

Book: JavaScript Patterns

http://www.amazon.ca/JavaScript-Patterns-Stoyan-Stefanov/dp/0596806752

Dec. 15, 2014

Google I/O 2014 - Keynote

https://www.youtube.com/watch?v=wtLJPvx7-ys

Dec. 13, 2014

Such a good teaching. Excellent for a morning hour.

AngularJS Fundamentals In 60-ish Minutes

http://www.youtube.com/attribution_link?a=-U2QuDFQH48&u=%2Fwatch%3Fv%3Di9MHigUZKEM%26feature%3Dshare&fb_ref=share


http://www.youtube.com/watch?v=DwYPG6vreJg&feature=share&fb_ref=share

Dec. 13, 2015

Like the presentation. Programming can be easy with great training. Still learn java script, having fun.

Structuring JavaScript with the Revealing Module Pattern - Video

http://www.youtube.com/watch?v=V_X86VyrEjc&sns=fb

My favorite learning time is insomnia, reading does help. Learning helps more.

Using the JQuery each() Function - video

http://www.youtube.com/watch?v=Fekw8FwJcOk&sns=fb

Nov. 29, 2014

Being a big fan of the book last 2 months, motivated to rewrite the code make more readable. Coaching is such great experience, easy to read, short book, and training myself with a coach will make life much easy.

The Art of Readable Code (Theory in Practice) - Book

http://www.amazon.com/The-Readable-Code-Theory-Practice/dp/0596802293

November 29, 2014

Great video to watch, still on the way to learn Jquery, Java script.

Fundamentals for Great jQuery Development

http://www.youtube.com/watch?v=YcylSiDoOio&feature=share&fb_ref=share

Nov. 26, 2014

Share the video I watched tonight.

Douglas Crockford: The Better Parts - JSConfUY 2014

http://www.youtube.com/attribution_link?a=v2YJsPYGvZM&u=%2Fwatch%3Fv%3Dbo36MrBfTk4%26feature%3Dshare&fb_ref=share

November 17, 2014

Learning java is so much fun. Like the video.

Google I/O 2009 - Big Modular Java with Guide

http://www.youtube.com/attribution_link?a=GCVjQsKVR5E&u=%2Fwatch%3Fv%3DhBVJbzAagfs%26feature%3Dshare&fb_ref=share

Nov. 12, 2014

So many questions and answers. Like those answers.

Google I/O 2011: Programming Well with Others: Social Skills for Geeks

http://www.youtube.com/attribution_link?a=NHYbdKud8r0&u=%2Fwatch%3Fv%3Dq-7l8cnpI4k%26feature%3Dshare&fb_ref=share

Nov. 11, 2014

So many good ideas. Never thought about those ideas before. Be a manager seems to be like a teacher.

Google I/O 2010 - The joys of engineering leadership

http://www.youtube.com/attribution_link?a=7r4t5Axk4pc&u=%2Fwatch%3Fv%3DskD1fjxSRog%26feature%3Dshare&fb_ref=share

Watch the video. Two experts share principles, good points: do not burn the bridge, face time, visible/invisible work etc.

Google I/O 2012 - The Art of Organizational Manipulation

http://www.youtube.com/attribution_link?a=-05Nv51UgJU&u=%2Fwatch%3Fv%3DOTCuYzAw31Y%26feature%3Dshare&fb_ref=share


Nov. 11,2014

Videos I like

Fluent 2013: Nicholas Zakas, "A " Thank You" Can Change Your life"

http://www.youtube.com/attribution_link?a=P6SF3zGOp4U&u=%2Fwatch%3Fv%3D78eexsReL9M%26feature%3Dshare&fb_ref=share

Nov. 9, 2014

Really a struggle to read a few pages Java script definitive guide; and then, find the companion of reading, piano music, players. Learning a programming language is much easy to compare to piano.

Music video

http://www.youtube.com/attribution_link?a=pxI27DzEb5I&u=%2Fwatch%3Fv%3DAkCpX2Pnj0w%26feature%3Dshare&fb_ref=share

Nov. 2, 2014

Reading "definitive Java Script guide" is still slow, 1 hour a time, still on the page 38 out of 1098 pages. Learning a programming language needs me to be more patient.

Oct. 19, 2014

Good idea to learn a few things to write a language. It took 10 days for some one to design Java script.

JavaScript: Choose Your Own Adverture!

http://www.youtube.com/attribution_link?a=uklLhqKvXYA&u=%2Fwatch%3Fv%3D__8eIX0QFXU%26feature%3Dshare%26list%3DPLndbWGuLoHeZVgHEBjGGtCqQaXpZJfv51%26index%3D4&fb_ref=share

Learn java script programming language, warm up before I read through java script definitive guide book.

Context in JavaScript - 1/4 - Purpose and Problems with JavaScript's "This"

http://www.youtube.com/attribution_link?a=387pTjKZkJg&u=%2Fwatch%3Fv%3Dsu-SdgebJCE%26feature%3Dshare&fb_ref=share

Oct. 16, 2014

Good video to spend 1 hour.

JavaScript Essentials - video
http://www.youtube.com/attribution_link?a=9hzmx-0p57Q&u=%2Fwatch%3Fv%3D03EQu_2K2cs%26feature%3Dshare&fb_ref=share

Oct. 13, 2014

Good topic. Testable design, is a good start to think about testing.

GTAC 2010: Flexible Design? Testable Design? You Don't Have To Choose!

http://www.youtube.com/watch?v=K3q_y8H1ZTo&feature=share&fb_ref=share

Oct. 13, 2014

Watch the video, website administration work is fun and challenge sometimes.
https://www.youtube.com/watch?v=5_-YukDEDBE&list=UUtXKDgv1AVoG88PLl8nGXmw&index=427


Thanksgiving day is so much fun, and with a lot of talks and laughing and singing around the house.

Game On: 16 Design Patterns for User Engagement - Google Tech Talk

http://www.youtube.com/watch?v=YZCX-izCYMk&list=UUtXKDgv1AVoG88PLl8nGXmw&feature=share&index=21&fb_ref=share

Oct. 13, 2014

My Canadian thanksgiving morning time video - great time to relax and enjoy some talks

NYC Tech Talk Seris: Javascript Testing at Google Scale

http://www.youtube.com/watch?v=draY63DasmQ

Oct. 12, 2014

watch the video. Testability is a good topic.

Design Tech Talk Series Presents: OO Design for Testability - Google Tech Talk

http://www.youtube.com/watch?v=acjvKJiOvXw&feature=share&fb_ref=share

Oct. 11, 2014

Like this talk. Angular JS, 1 hour learning. Good time to spend at home to learn something other people working on.

Google I/O 2013 - Design Decisions in AngularJS

http://www.youtube.com/watch?v=HCR7i5F5L8c&feature=share&fb_ref=share

Like this talk. It is good for Saturday morning, organizing house while watching the video.

Google I/O 2009 - The Myth of the Genius Programmer

http://www.youtube.com/watch?v=0SARbwvhupQ&list=PLC0C39A4F2D9580F4&feature=share&fb_ref=share

Oct. 10, 2015

Learning to love Javascript. Who else is learning?

Google I/O 2011: Learning to Love JavaScript

http://www.youtube.com/attribution_link?a=mI4cQMSJT4g&u=%2Fwatch%3Fv%3DseX7jYI96GE%26feature%3Dshare&fb_ref=share

Start to watch more videos at home, learn from experts. Java script, will be my favorite language.

Speed Up Your JavaScript

http://www.youtube.com/attribution_link?a=EqQZpKBee6c&u=%2Fwatch%3Fv%3DmHtdZgou0qU%26feature%3Dshare&fb_ref=share

Oct. 7, 2014

Cannot believe that today I read this book first time. What a great book.

Functional Programming in Java

http://shop.oreilly.com/product/9781937785468.do

Oct. 5, 2014

Spent Sunday morning to watch the video. Learn Java Script language knowledge from the expert. Learning is so much fun, depth of the knowledge is out of my imagination.

Crockford on JavaScript - Chapter 2: And Then There Was JavaScript

http://www.youtube.com/attribution_link?a=AmQCwXmbO60&u=%2Fwatch%3Fv%3DRO1Wnu-xKoY%26feature%3Dshare&fb_ref=share

Oct. 2, 2014

Enjoy the talks in the evening, Model this 1+2*3, good question.

"The Clean Code Talks -- Inheritance, Polymorphism, & Testing"

https://www.youtube.com/watch?v=4F72VULWFvc

Sept. 28, 2014

Learning Java Script is so much fun. Got lost in the video first, and then, read the book to try to understand, and then, play with the sample code.

Douglas Crockford: Advanced JavaScript

http://www.youtube.com/attribution_link?a=m9mNGZ0AGLM&u=%2Fwatch%3Fv%3DDwYPG6vreJg%26feature%3Dshare&fb_ref=share

Sept. 26, 2014

So great to have a video to watch, and then, try to make sense from my own experience.

How to Write Clean, Testable Code

http://www.youtube.com/watch?v=XcT4yYu_TTs&feature=share&fb_ref=share

Sept. 25, 2014

听专家讲课, 感觉就是不一样. 原来学一个语言, 听听专家意见, 感觉如此好!

Douglas Crockford: An Inconvenient API - The Theory of the DOM

http://www.youtube.com/watch?v=Y2Y0U-2qJMs&feature=share&fb_ref=share

Like the book "testable java script"; and then, have chance to know the expert, and then, watch videos to learn Java script.

Douglas Crockford: The JavaScript Programming Language

http://www.youtube.com/attribution_link?a=6fbrVqm1kJ0&u=%2Fwatch%3Fv%3Dv2ifWcnQs6M%26feature%3Dshare&fb_ref=share

Sept. 21, 2014

So great to spend 3-4 hours in the Sunday morning to go through a book, for 30-40 pages, comparing to read all weChat blogs. Be able to read through the book and read other people's source code, really feels good.

Book: High Performance JavaScript

Julia's reading list of CSS, html, Java Script

CSS/ Jquery/ Html  reading list

Julia read several articles to expand knowledge about CSS, html, Java Script, and here is her reading list compiled on August 12, 2015:

1. August 28, 2013

Read the article web standards curriculum

http://www.w3.org/wiki/Web_Standards_Curriculum

2. May 9, 2013, read the article, and then memorize the selectors.

http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

3. Visual formatting model (August 26, 2013):

http://www.w3.org/TR/CSS21/visuren.html

4. CSS 2.1 primer

http://www.w3c.it/education/2012/upra/documents/css.pdf

5. Cascading Style Sheets articles and tutorials (August 28, 2013)

http://www.w3.org/Style/CSS/learning

6. Inheritance and cascade (Nov. 18, 2013): (learning specificity calculation in detail)

http://www.w3.org/wiki/Inheritance_and_cascade

7. Basic Structures of a web page (Nov. 27, 2013):

http://www.sitepoint.com/web-foundations/basic-structure-of-a-web-page/

8. CSS absolute and fixed positioning (Nov. 20, 2013)

http://www.w3.org/wiki/CSS_absolute_and_fixed_positioning

9. Javascript Guide (Mozzila Foundation US)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide

10. CSS pocket book: (March 24, 2015)

http://www.amazon.ca/CSS-Pocket-Reference-Eric-Meyer/dp/1449399037

Java Script book reading and videos

August 10, 2015

Spent 12 months starting from January 2014 to study Java Script, it is most challenging language I learned and finally get used to this functional language, dynamic, loosely type language. Enjoy reading the Java Script code and play with the code.

Here are some resources most helpful to my personal experience:

Books I read, some of them only a few pages here and there:

1. [O`Reilly] - JavaScript. The Definitive Guide, 6th ed. - [Flanagan]

Only read 200 pages of the book (total pages: around 1000 pages), spent 2-3 months to read, practice

2. JavaScript for PHP Developers

Tried examples in the book, and practiced some. Focused on first 3 chapters. Great book!

3. JavaScript Patterns
4. Javascript cookbook
5. [Manning] - Secrets of the JavaScript Ninja - [Resig]
6. O'reilly - Head First Javascript
7. Maintainable JavaScript
8. Java Script good parts
9. Testable JavaScript (one of my favorite books)

Videos I watched:

1. Douglas Crokford: The Javascript Programming language and most of the videos from him on Youtube.com

https://www.youtube.com/watch?v=v2ifWcnQs6M

2. Learning to love Javascript and a lot of other google videos about Javascript

https://www.youtube.com/watch?v=seX7jYI96GE

https://www.youtube.com/watch?v=hQVTIJBZook

CSS, JavaScript, Jquery learning

July 27, 2015

Basic training code for CSS, html, Jquery, Javascript from books, public internet, and other people's blog. Training basics, know concepts.  

Learning a new language takes time, know syntax, memorize CSS selectors, and then, read "Head first CSS" and understand basic box model, rules, cascading rules, specificity in CSS etc.; she should have stayed more organized.

She tries to learn more about CSS, html, Java Script, practice more code. 

https://github.com/jianminchen/JavaScriptAndPHP

https://github.com/jianminchen/JQueryExamples

https://github.com/jianminchen/CSSExamples

https://github.com/jianminchen/JavaScriptCNBlogs_DolphinX

https://github.com/jianminchen/JQueryExamples

https://github.com/jianminchen/JavaScriptPattern

My favorite thing to do is to challenge myself, try to memorize something over 10 times and see if it will help me learn a new language, improve programming performance. 

Java Script cheat sheet from book Pocket Guide To JavaScript is my favorite one to read, and practice to memorize. 

Here is another one: 

http://www.cheatography.com/davechild/cheat-sheets/javascript/