Learn Angular.js with a noob

Let's learn some Japanese

Idea is important.

Many successfull people always give lectures saying, Ideas are useless, it is the team members, the realizing of ideas that are important. Well I cannot argue with that since I'm currently not succesful, but everything grows from an idea, it is not determinant, but it is very imporant.

lets creat an app to memorize Japanese words.

オラオラオラオラ！　Guess what ? I'm living in Japan now, and it is a very cool place to live. As one of the world's most modernized countries, with Japanese people having an insanely pride of their own country, with a bizzare culture you cannot forget after you get in, Japan is one the places you have to go for once in your life.

Simply put, let's create a web app to learn basic Japanes words. Well for a noobie who knows nothing about a new language, there must be threes steps to go:

Letters Words Sentences Let's first give our app a name. Moventy is cool I think.(I'll tell you the meaning of this name at the very last).

OK, here is basic of this app:

everytime a new word pops up, you has only 0.5 seconds to think about its meaning: you tap if you know. By repeating this for a group of new words, you are trained to react to a word within 0.5 seconds.

Now here is the mind image for this app:

single word being displayed in the center, with larg font
a countdown which makes this app HOT
when taps the word: if within 0.5 seconds, the word is marke ok, and the next is shown; else the word's whole info is displayed and I can review it, prepare for next round.
words are group in list, if every word is 0.5 seconds, repeated 5 times, then 1 minute excercise can have 40 words.
yes, animation when changing words.
what about user can create their own word list? cool!
what about user can use collamark.com to mark new words and creating word list at the same time?
as thre maybe more and more word list, what abou automatically generating a study plan or something?

Skeleton

while ideas come and goes, let's write down our first line of codes:

<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="main.css">
    </head>
    <body>
        <h1>Moventy</h1>
        <p>Let's memorize some words</p>
        <script src="moventy.js"></script>
    </body>
</html>

This is the basic html file of our application. Now we need to add css files to make it pretty, and add js codes to make it work. Seems not that difficult, right?

さあ、そろそろ始めようか。

Now, Let's begin!