This month, I mainly focused on developing the v.2 of coming-soon page for our innovative consumer app. The specifics of this task is to replace the map for a timeline, change the ads at the sidebar to the bottom of the web page and insert an updated input form in the subscription section. The implementation of the timeline mainly depends on Hint.css tooltip library. The input form is extended by adding more text field and radio button. The reason that I did not choose datalist is because of the limitation in customizing the style of datalist.

My next task was to develop a Chinese version of this website. To my surprise, one of the main challenges was to ensure the translation of the original English descriptions would be understood easily from Chinese users’ perceptions.

Here are the links to my work: and

After finishing the revisions of the two websites, I started to study Angular JS, which is a structural framework for dynamic web apps. It could let developers use HTML as a template language and let them extend HTML’s syntax to express their application’s components clearly and succinctly. Angular’s data binding and dependency injection eliminate much of the codes that developers would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.HTML is a great declarative language for static documents, but it does not contain much in the way of creating applications. The impedance mismatch between dynamic applications and static documents is often solved with:

1. a library – a collection of functions which are useful when writing web apps. New code is in charge, and it calls into the library when it sees fit. E.g., jQuery. 

2. frameworks – a particular implementation of a web application, where your code fills in the details. The framework is in charge, and it calls into new code when it needs something app-specific. E.g., durandal, ember, etc.

In contrast, Angular JS takes a different approach. It attempts to minimize the impedance mismatch between document centric HTML and what an application needs by creating new HTML constructs. Angular teaches the browser new syntax through a construct called directives. It is purely a client-side solution.

As a beginner, I have not yet become familiar with it. Luckily, Olivia found one of her friends who is an expert in using AngularJS and he has given an introductory overview of theAngular. JS . I found his presentation was helpful.