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

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.

As web developer, we usually need to face the challenge of making cross-browser compatible. Especially IE browser’s multiple version. Because its quirks of rendering websites differently across its versions of IE6, IE7, IE8 and possibly IE9 and IE10.

Most of us have only one version of IE browser on our computer, and the compatible mode of IE is not really specific version which you want to simulate.

Sublime Text is a sophisticated text editor for code, markup and prose. You can go to offical website to download and see how to use it. It’s a very powerful weapon for developer. And also it has so many packages to expand its functional.

If you want to install packages in your sublime text. First of all, you need to install Package Control that is Sublime Text package manager that makes it exceedingly simple to find, install and keep packages up-to-date.

Open Sublime Text 3 and choose View > Show Console menu. Paste below codes into console.

1

import urllib.request,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + 'bf8c4e67d14fb0525ba4f89698a6d7e1'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Cucumber is a tool that can execute plain-text functional descriptions. And also it’s BDD(Behaviour Driven Development) automated tests. It is written by Ruby, and now it supports more than 40 languages, such as Java, C# and Scala etc.

Install

Firstly, we need to install Ruby and RubyGems, to check whether the installation of Ruby and RubyGems is successful. You can inputx the commands to terminal, just like as below:

1
2
3
4

~  ruby --version
ruby 2.0.0p481 (2014-05-08 revision 45883) [universal.x86_64-darwin14]
~  gem --version
2.0.14  

And then we can run the command below to install Cucumber:

1

~  gem install cucumber

After this, put below command to see how to use it.

1

~  cucumber --help

Ractive.js is a template-driven UI library, it transforms your templates into blueprints for application that are interative by default. Ractive.js is very similar with AngularJS, and it supports Two-way binding, animations as well. Another powerfull feature is SVG support.

Template + Data = UI

You just need to prepare your html template and datas, and the Ractive.js will automatically to combine them then give you what you want. Whe you change your datas, it intelligently updates the real DOM.

Usage

First, you need to include Ractive.js to your application. Just like include other javascript librarys easily. You can download it to local and then include it. And if you want include latest version, you just put below codes to your project.

1

<script src='http://cdn.ractivejs.org/latest/ractive.js'></script>

Just see a video that teachs you how to learn any language in six months on youtube. It’s created by Chris Lonsdale. I think it’s very interesting and I believe those ways will be useful for us. So that’s why I note it.

The Big Question

• How can normal adults learn a NEW LANGUAGE Quickly, Easily, Effectively?

How

• There have 5 Principles and 7 Actions.
• The two things that really don’t matter:
  • Talent
  • Immersion per se