Analyse JavaScript Code with JSLint

jslintlogoIn this article we will know how to analyse JavaScript with JSLint and why it is important but first we will start with what is JavaScript.

Java Script is a high level, untyped, and interpreted programming and most importantly its a dynamic programming language (term dynamic used for the those programming languages which, at runtime, execute many common programming behaviors rather than compile time). So that’s why you will never get compile time errors, and you will never get Type Safety with Java Script.

Continue reading “Analyse JavaScript Code with JSLint”

Identify and Remove unused CSS from Page

If you are working on a website using some templates which comes with the framework like Bootstrap or foundation or may be your website using Metro-UI CSS, then it might possible that you are not using all the properties/selector that are included the CSS file. And believe me guys this is BIG NO to just copy that file which includes several lines of code.

I had a same scenario in which I was working on a website that uses the website template. After development I noticed that my website is taking too much time to load. Then I looked into the Network and realized what I had done. The template CSS that I included is around 5000 lines of code, which is roughly 160Kb in file size. So when every time when my page loads, it takes time because browser has to download 160Kb file.

Continue reading “Identify and Remove unused CSS from Page”

How to make your website load faster

Creating your website..!! That’s is pretty awesome. Then you should better know that one of the most important considerations of building websites is to make sure that your website load faster.So now the question is what makes your website slow, and what are the things that should be considered while developing your website. And finally how one can analyse how it loads in different devices.Don’t worry in this article I’m going to cover all these points. So let’s  start.

What makes your website slow ?

As we know the building block of your website are HTML, JavaScript, CSS , Images  and in few cases fonts too. When browser loads your website it downloads all the required scripts, CSS and Images.To see this, open your website and if you are using Chrome Press F12 key that will open a developer tool window for you. On this section you can see Network tab, by clicking on it you can see those files which are loaded by the browser for the page. These are those files which is being downloaded by the browser  from web server.

Continue reading “How to make your website load faster”

How to capture traffic using Fiddler and Wireshark

Capture traffic using Fiddler and Wireshark

This article is about to traffic capturing and analysis. If you are interested about networking and network security then Fiddler and Wireshark are the tools that you must know about. These tools are also useful for developer too, who want to actually analyse the HTTP request like  get/ post etc. There are others tools that will do the same for you but I personally like these two as both are free tools.

Continue reading “How to capture traffic using Fiddler and Wireshark”

Must Haves Visual Studio Extensions

Web development is easier when you’ve got the right tools/extensions. There are various tools and extensions available for visual studio that will make your programming more efficient by saving your lots of time and make your life as a developer easier and more productive. The Visual Studio Gallery is the best place to find tools, controls, extensions and templates, so as my favorite place too.

In this article I’m publishing my personal favorite  extension which I assume may helpful for you too as per my programming experience. This extensions may update time to time, so for now I am listing all those which are useful and must haves. You can comment those you find useful for you so we can keep this list updated and which will be useful for me and others too.

Continue reading “Must Haves Visual Studio Extensions”

HTML5 Local Storage and Session Storage

HTML5Local Storage and Session Storage

Before HTML5, application data of web applications are stored in cookies. In this article I will explain you what is Local Storage and Session Storage Object, How we can use it our application, What is the difference between Local and Session Storage object. Why HTML Local Storage better than cookies. So lets  start with What .

Continue reading “HTML5 Local Storage and Session Storage”

JSON Basics for Beginners

JSONJSON Basics

In this article we will learn: 

  • What is JSON?
  • Benefits of using JSON
  • A simple demo for using JSON.

So lets start with  WHAT IS JSON?

JSON stands for Java Script Object Notation…It is called that because storing data with JSON creates Java Script object . This Java script object can easily be parsed with JavaScript .JSON is a data  interchange format. Data is represented in form of key/value pair . Continue reading “JSON Basics for Beginners”

Understanding GIT and GitHub

In this article I’ll explain you what is GIT and GitHub ? May be you have a basic idea about git or you just heard about it.  First I would like to start with GIT. Understanding GIT will give you better understanding what GitHub is.

Git vs GitHub

What is GIT ?

GIT is a widely used distributed  version control system for software development.  Git is responsible for keeping track of changes to content (usually source code files), and it provides mechanisms for sharing that content with others. It is a distributed revision control system with an emphasis on speed, data integrity, and support for distributed, non-linear workflows. It provides you the source code  management.

Git works by reading a Local code repository (just a folder containing code for your project) on your computer and the mirroring that code. Git stores and thinks about information much differently than systems like SVN .

Git is a version control system; think of it as a series of snapshots (commits) of your code. You see a path of these snapshots, in which order they where created. You can make branches to experiment and come back to snapshots you took.

Continue reading “Understanding GIT and GitHub”

RDBMS vs NoSQL

In this article you will understand difference between RDBMS and NoSQL.

RDBMS vs NoSQL

Relational database (RDBMS)  is completely structured way of storing data like SQL and has been the primary model for database management during the past few decades and I know most of you already familiar with the SQL database . In the last several years, NoSQL database is getting widely adopted to solve various business problems. So with widely growing DB systems, developer might get confused. In this article I’II show you the difference between them and the evolution.

Relational Database Management System (RDBMS)

RDBMS is completely structured way of storing data. Itis a database management system (DBMS) that is based on the relational model. Data is stored in the form of rows and columns in RDBMS. Data is stored in the form of rows and columns in RDBMS. Some common relational database management systems that use SQL are: Oracle, Sybase, Microsoft SQL Server, Access, etc.

Features:

– >Provides data to be stored in tables
– >Persists data in the form of rows and columns
– >Provides facility primary key, to uniquely identify the rows
– >Creates indexes for quicker data retrieval
– >Provides a virtual table creation in which sensitive data can be stored and simplified query can be applied.
– >Sharing a common column in two or more tables(primary key and foreign key)
– >Provides multi user accessibility that can be controlled by individual users

Continue reading “RDBMS vs NoSQL”

MVC Basics for Beginners

MVC Basics

In this article you will learn some basic concepts of  MVC Architecture.

So what is MVC ?

  • An Architectural design principle that separates the components of a Web Application.
  • This separation gives you more control over the individual parts of the application , which lets you more easily develop , modify and test them.
  • Three main components : The Model, The View, The Controller.
Models, Views, and Controllers
  • ModelModel holds application data , data access logic.
  • ViewMarkup and content that is returned to the browser
  • ControllerFires off some logic in response to a web browser request it listens incoming request from the browser manipulate the model data prepare the view to display in response to the web browser. 

    mvc

Continue reading “MVC Basics for Beginners”