Home » JavaScript (page 3)

JavaScript

AngularJS Development Environment Example

Hello readers, in this tutorial, we will guide you for setting up a solid development environment for having the best Angular learning and working experience. 1. Introduction 1.1 What is AngularJS? AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. Before we start with creating an ...

Read More »

Node.js Hello World Example

In this post, we take a look at one of the most exciting development in recent times. Node.js, the framework or platform that has gained favour with thousands of developers world wide. It has everybody excited with all the new possibilities it opens up. Suddenly front end developers found that they could use most of their existing skills with JavaScript ...

Read More »

Angular.js Step by Step Beginner Tutorial

Hello readers, in this basic example, developers will learn what AngularJS is and how to start writing the code using the AngularJS framework.                       Table Of Contents 1. Introduction 1.1 What is AngularJS? 1.2 Why should we use AngularJS? 2. Angular.js Step-by-Step Beginner Example 2.1 Tools Used 2.2 Project Structure ...

Read More »

React and Angular do not fit everywhere

Last few years have been fascinating with several front-end frameworks coming up. I am not going to compare them; neither am I going to talk about The Good or The Bad on them. The buzz words, the new technologies are so shiny that almost everyone I speak to today wants to work on the new stuff. And they also tend ...

Read More »

Leaflet: Fit polyline in view

I’ve been playing with the Leaflet.js library over the Christmas holidays to visualise running routes drawn onto the map using a Polyline and I wanted to zoom the map the right amount to see all the points. Pre requisites We have the following HTML to define the div that will contain the map. <div id="container"> <div id="map" style="width: 100%; height: ...

Read More »

Creating Simple Component in Vuejs

Introduction In this article, we will look at creating a very simple component in Vuejs. Let me pick the example from my previous post and create a component for showing the loading message. Vuejs Component There are two ways to create Vuejs component Single file component (.vue file) – this contains the component HTML template, Javascript and CSS in a ...

Read More »

Creating Bootpag Like Pagination Component Using Vuejs

Introduction In this article, I will try to create a pagination Vuejs component similar to the one supported by jQuery Bootpag plugin. Component State The component should track the following: Current Page Callback to be executed page click Max visible page numbers Start and end of the range of page numbers visible Component Event Handlers The component handles 3 events: ...

Read More »

Secure Your Node.js Website with OpenID Connect

“I love writing authentication and authorization code.” ~ No Web Developer Ever. Tired of building the same login screens over and over? Try the Okta API for hosted authentication, authorization, and multi-factor auth. User authentication in Node can be confusing. It’s confusing for lots of people, including really talented Node developers, so you’re not alone. Authentication practices change frequently and ...

Read More »