Blog

Introduction to TypeScript

TypeScript s a dialect of JavaScript with design-time support for type-safety and tooling. It can be considered as a superset of JS that adds more features such as type safety.

Browsers can't execute TypeScript directly. Typescript must be "transpiled" into JavaScript (using the tsc compiler), which also requires some configuration. This is usually done thought tsconfig.json file and also through TypeScript type definition files.

Introduction to Angular 2 Directives

AngularJS directives are markers that act as preprocessors by telling the AngularJS HTML compiler to attach a specified behavior or transform that DOM element and/or its children.

There are three kinds of directives in Angular: Components, structural directives and attribute directives:

What is Angular JS?

AngularJS is a JavaScript-based open-source front-end web application framework, mainly maintained by Google. It is widely used for developing single-page applications. Latest version, Angular 2, is more focused towards building applications for web, mobile web, native mobile and native desktop, with little difference.

 

Important Features of Angular JS

AngularJS is HTML centric, declarative, scoped, component based and support dependency injection.

Overview of Angular JS (A of the MEAN Stack)

AngularJS is a JavaScript-based open-source front-end web application framework, mainly maintained by Google. It is widely used for developing single-page applications. AngularJS is HTML centric, declarative, scoped, component based and support dependency injection. Angular 2 is more focused towards building applications for web, mobile web, native mobile and native desktop, with little difference.

 

Introduction to Single Page Applications (SPAs)

A single-page application (SPA) is a web application that fits on a single web page. Either all necessary code – HTML, JavaScript, and CSS – is retrieved with a single page load, or the appropriate resources are dynamically loaded and added to the page as necessary. The page does not reload at any point in the process, nor does control transfer to another page, although the location hash (#) can be used to provide the perception and navigability of separate logical pages in the application.

 

Introduction to Bootstrap Framework and jQuery Library

Bootstrap is an HTML, CSS, and JS framework for developing responsive, mobile first front-end projects (e.g. websites and web applications). It contains HTML- and CSS-based design templates, as well as optional JavaScript extensions. It is open source and is one of the most popular projects on GitHub. It was originally started by the name Twitter Blueprint at Twitter.

 

MongoDB (M of the MEAN Stack) and the MongooseJS

MongoDB is the M of the MEAN stack. MongoDB is a free and open-source cross-platform document-oriented database program. Classified as a NoSQL database, MongoDB uses JSON-like documents. MongoDB provides a durable and persistence JSON store. MongooseJS is an object modelling tool for MongoDB that brings structure to the otherwise schema-less database, MongoDB.

Introduction to the MEAN Stack

MEAN stack is a collection of JavaScript-based technologies, namely MongoDB, Express.js, AngularJS, and Node.js. MEAN stack can be used to develop web applications easily and efficiently.

One of the common connecting link between all of these are JavaScript. Node is a Javascript runtime, Express is a Javascript Web Framework, Angular is a Javascript based UI framework and MongoDB stores data in JavaScript Object Notation (JSON).

Useful References for Learning JavaScript

These are references to some useful resources for learning and mastering JavaScript. 

JavaScript “Hello World” HTML Program

Create an HTML file and place the below script tag and contents in its head:

<script type="text/javascript">

            alert("Hello World!")

</script>

 

You can either type all html tags or use an IDE like eclipse which will create an html page with basic tags. I will add this to an eclipse generated HTML file as:

<!DOCTYPE html>

Pages