images

Picking up on our previous discussion on web development: I, here is a writeup that talks more about this subject.

The four basic technologies of “front end” web development are: HTML, CSS, Javascript and jQuery.

HTML stands for Hyper Text Markup Language and is one of the building blocks of the Web. CSS stands for Cascading Style Sheets and is used to style HTML pages. Javascript is the programming language that designs the behaviours of Web pages. jQuery is a Javascript library that greatly simplifies the Javascript programming language.

“Front end” web development is no different from Client Server development. In the client server domain, the above four and a few additional technologies are used to create and style web pages. In particular, Bootstrap (developed at Twitter) is a popular framework to help create responsive, mobile-first web sites. We will touch upon this in subsequent posts.

One of the best resources to start learning is http://www.w3schools.com/. Not only does it provide you with a complete compendium of commands and tools, it has a learn by example method where you can easily grasp what the code does in an online editor. In short, learn quickly. And the website serves as a ready reference for a host of technologies which makes it an incredible resource.

Responsive design means that the page renders proportionately on all devices, computers, mobile phones and tablets; optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling.

Javascript is an Object Oriented Programming (OOP) language.

Object-oriented programming (OOP) is a programming paradigm that uses abstraction to create models based on the real world. OOP uses several techniques from previously established paradigms, including modularitypolymorphism, and encapsulation. Today, many popular programming languages (such as Java, JavaScript, C#, C++, Python, PHP, Ruby and Objective-C) support OOP. [Ref. 1]

Object Oriented Programming (OOP) refers to using self-contained pieces of code to develop applications. We call these self-contained pieces of code objects, better known as Classes in most OOP programming languages and Functions in JavaScript. We use objects as building blocks for our applications. Building applications with objects allows us to adopt some valuable techniques, namely, Inheritance (objects can inherit features from other objects), Polymorphism (objects can share the same interface—how they are accessed and used—while their underlying implementation of the interface may differ), and Encapsulation (each object is responsible for specific tasks). [Ref. 2]

Node.js is an open sourcecross-platform runtime environment for server-side and networking applications. Node.js applications are written in JavaScript, and can be run within the Node.js runtime on OS XMicrosoft WindowsLinux, among others. Node.js uses the Google V8 JavaScript engine to execute code, and a large percentage of the basic modules are written in JavaScript. Node.js contains a built-in library to allow applications to act as a Web server without software such as Apache HTTP Server or IIS [Ref. 3]

We will continue this discussion in subsequent posts where we will touch upon technologies such as understanding and using Bootstrap and more.

As you go about your programming work, if you have any doubts to clear, log on to http://stackoverflow.com/, a premier site for developers to voice their questions. Opening an account with them is free as is the use of forums. Maintain strict relevance in your posts to get the optimum output from this site.

References:

  1. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript
  2. http://javascriptissexy.com/oop-in-javascript-what-you-need-to-know/

3. https://en.wikipedia.org/wiki/Node.js

javascript-736401_640

(image courtesy: pixabay.com)