Simple onepage questionnaire

• The page was built by JQuery with scroll animation.
• I haved learned what is JavaScript closures. JavaScript variables can belong to the local or global scope. Global variables can be made local (private) with closures.

Click speed test in 30 seconds

• A Customized time bar was designed in the click speed game.
• I became more familiar with JQuery.

Differect animation effect

• Fruits animation was created by pure CSS.
• I used CSS animation attributes.

Photo slideshow with previous and next clicks

• The slideshow was built with JavaScript and JQuery library without other slideshow plugin.

A customized time or date can be calcuted with countdown format.

• I learned to use JavaScript date formats.

Basic calculator

• Besides mouse event, keyboard event is also available.

Basic to-do-list

• The finished list could be deleted on the brower.
• I learned how to operate the parent and child HTML elements in the browser.

Weather data with AJAX

• Understood what is AJAX.
• Used JQuery to implement AJAX.

Onepage introduction website

• Designed with basic Bootstrap UI and its grid system to build a RWD website.
• Used scrolling library to make the animation effect as window scrolling.