JavaScript Technology

Post Thumbnail

The front end web technologies consist of HTML, CSS and JavaScript. JavaScript has been playing a major role in the evolution of the web development.

As you may have learnt jQuery which makes writing JavaScript much easier. Here are some popular JavaScript technologies you should at least have a play around.

If you learnt JavaScript well, you should be able to pick up any JavaScript framework in a couple of days, at least understand how it works.

And if you learnt one of a few JavaScript libraries, it is very easy to learn the others. It is really like if you learnt how to drive Toyota, and you can Drive BMW

TypeScript – which generates C#-alike code into JavaScript

  • It is developed by Microsoft, and it is superset of JavaScript. NOTE: TypeScript does not run inside browser directly, it needs to be translated to JacaScript first.
  • The Key features are static typing and class based OO programming
  • static typing means the type check is done at compile time. C#, Java are all static typing.
String test = "Hello";  // variable test statically typed as string
test = 7;               // this will cause compilation error as test can only be assigned with string.
                        // the advange is it is type safe.
  • dynamic typing means the type checking is done at the run time. JavaScript, PHP, Python are all dynamic typing.
test = "Hello";  // variable test dynamically typed as string.
test = 7;        // now it is typed as int which is OK in the language of dynamic typing. the downside is easily making mistakes.
  • TypeScript code can be trans-compiled into JavaScript.
  • Trans-compile means it can translate one source code to the other source code.
  • You can use classes and data types in TypeScript, and then TypeScript will creates the corresponding JavaScript. This process is called Trans-compile

NodeJS – Which runs JavaScript on the server

  • JavaScript usually runs inside the browser, but NodeJS can run JavaScript on the server, this means you can write JavaScript for the entire application both client and server
  • It can run as regular web server like IIS or Apache Web server.
  • Event based

ReactJs JavaScript Library

  • React is invented by Facebook.
  • It is a JavaScript language for building user interface in web browsers.
  • React Native is so far the most promising library for building cross platform native mobile Apps. <- this is getting very popular now
  • Virtual DOM concept. You interact with a virtual Domain Object Model of the browser.
  • There are so many jobs requiring you to at least know how React works.
class HelloMessage extends React.Component {
  render() {
    return <div>Hello {}</div>;
ReactDOM.render(<HelloMessage name="Jane" />, mountNode);

Vue.Js JavaScript Library

  • Also utilise the mechanism of virtual DOM
  • Provide reactive and composable view components
  • Simplicity and ease of use
  • Here is a simple example
<div id="journal">
  <input type="text" v-model="message">

var journal = new Vue({
  el: '#journal',
  data: {
    message: 'HelloWorld'

Angular 2

  • It is developed by Google
  • It is using Declarative code style
  • Two way of data binding. Changes flow between UI and model nicely.
  • Things can be divided into modules and easier to add modules.
  • It allows to create single pages web app easily.

AngularJS code to display a list of children

<div ng-controller="studentsController as studentsCrtl">
   <div ng-repeat="student in studentsCrtl.students">
       Name: <span class="name">{{}}</span>
       Title: <span class="title">{{student.title}}</span>


  • Amber allows developers to use future JavaScript standards and trans-compile them for use in browsers today.
  • Ember has plugin repository and well supported community.
  • Here is the ember js code at a glance. This will display the person’s name real time while user is typing it. Check out the syntax.
 {{input type="text" value=name placeholder="Enter your name"}}
<div class="text">
 <h3>My name is {{name}} and I want to learn Ember!</h3>


  • You can develop the entire application with just JavaScript (with NodeJS)
  • Strong in real time applications
  • Easy to learn
  • Good support for mobile app
  • Here is a good example of Hello World

Social Media


All Posts

Contact Info