As we know, we can use jdbc to access database in java programming. And now let us use jdbc in spring. The spring framework reduces developer handlers any accessing database exception, because it deal with them internally. The spring framework integrated the jdbctemplate, they are org.springframework.jdbc.datasource.DriverManagerDataSource and org.springframework.jdbc.core.JdbcTemplate.

And here we use the hsqldb to act as our memory database. You can go to here to look at it. we use the Maven tools to management our project. the dependencies is:

is programming language, which is built on top of `JavaScript`. CoffeeScript compiles into JavaScript that is efficient and consistent with many best practices. And it offers a clean syntax that should appeal to anyone who likes `Python` or `Ruby`.

Actually, The CoffeeScript is just a JavaScript. So you can use any exsiting JavaScript library seamlessly from CoffeeScript. And both client-side and server-side can be written by CoffeeScript. So CoffeeScript can write entire web application completely, not like JavaScript only write client-side.

In HTML5, It adds a mount of elements, these elements are more easier to present the document in browser.

###Structure element
Before HTML5, we just use div tag to act as the Document Structure Element, but now the HTML5 supports more elements like section, article, nav, aside, header, footer and so on.

HTML5 adds new common attributes for original HTML Tag, and these attributes enhances the HTML elements’s function.

contentEditable

The contentEditable attribute supports most tags. The browser allows user edits the content of element if this attribute is set to true. These elements is not like input or textarea tags. They are not support editable content like table, div, span and so on these tags.

Bracket is open source web design text editor, it focus with visual tools and preprocesssor support. It is easy to design web page in the browser, we can get the page layout in time when we change the html, css, javascript. We don’t need to save the file and refresh the browser. That’s so convenience.

Immutable that means it can not be changed. Let’s get example to see what’s different with mutable objects. Normal mutab

MVC, MVP and MVVM design patterns are most popular technologies in our web application. Many people don’t understand what’s difference among them, so do I. But I found a blog which explains the difference of three design patterns, and its’ really good.

To read original article, see here

There are three most popular MV-* design patterns: MVC, MVP and MVVM. These are widely used by the various technologies.

The tool of choice for fighting IE problems is the conditional stylesheet. IE provides comment tags, supported all the way up to the current IE 8 to target specific versions, as well as greater-than/less-than stuff for targeting multiple versions at once.

Why use conditional stylesheets?

• You got problems, they need fixin’
• Keeps your code hack-free and valid
• Keeps your main stylesheet clean
• Perfectly acceptable technique, sanctioned by Microsoft

As web developer, we usually to fix the style for special version of IE. Here are the newest CSS tricks for IE6, IE7, IE

When we develop web application, if we write or modify the HTML structure, CSS style and javascript, we need to compile the code and deploy it, and then refresh page, finally we can see our changes. There are so many steps. So could we skip these steps and just see our changes on page directly when we save the codes. Yes, I can answer you now.

In order to achieve this goal, we need to install Guard, LiveReload and related stuff, configure it in our web application project.