Web Development Labs - Blog

In this lesson we will understand what is a JavaScript object, how its created and used in an example project. PROJECT FILES https://drive.google.com/open?id=16P7bMZ43Nr64zj0U_7obeCE0uCo-y1eE We are using an example project which is a resume website that includes portfolio. This portfolio does not contain any images, title or description INSIDE the HTML. Rather it is in a separate data file. What we have to do it fetch data from this file based on what portfolio DIV is clicked. The information of that portfolio will be displayed in a modal. This modal is created only once and displays the data according to the clicks. We will create different objects in our reference file where each object will represent one set of actions (or properties). For example, we will reference the complete modal and its buttons, links, icons, image inside an object and use it smartly to write our logic. If we will not follow this approach, we will fall into writing too much codes with too little impac...

In this lesson we will learn of Front-end development, we will learn about JavaScript Arrays. After understanding about the JavaScript Arrays we will utilize them in the project. JavaScript Array is a named container like a variable, but it stores more than one value. Each value is separated by a comma, and enclosed in square brackets. Each value in the array can be called separately and utilized to form other forms of data structures. In our resume project we have utilized the array mechanism to store references of HTML Elements. These HTML elements will be referenced in our actual JavaScript code where program logic is written. PROJECT FILE https://drive.google.com/open?id=1gCGmFr7oFiwuugHJPfzIZk3qnqpfT9gv

In this lesson, we will understand what is a variable, how its created and used along with jQuery. REFERENCE FILE https://drive.google.com/open?id=1FJP... Variable is a value-holding container. Means, it's just a name that can hold a value like your name, age, date of birth, etc. But why do we create a variable? There are number of reasons, but the following are important to understand: 1. So that we can use this in different locations of our application. Reason? Because we cannot write our name a million times by hand (or even copy paste). Reason? Because it's time consuming and error prone. Variables improve our work and project efficiency. 2. We need to manage all the instances from one place. For example, we have used a variable thousand times in different places. Now changing the value of the variable once will update every other instance. Variables provide us greater control over our content. Now how to create a variable? That's really simple. Just writ...