JavaScript Objects Front end Development Course - [S4 V9

JavaScript Objects Front end Development Course - [S4 V9 - Phase 3]

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 impact.

So what is object? Object is a key value pair, where keys have a user-defined name that can be called easily to access the value. The object is created in a way similar to a variable, and defined in a way similar to an array (with slightly different brackets and commas).

Comments

Design Organized Website Structures

When developing a website, you must proactively decide its structure before starting the coding. But what does the Web Structure mean at the very first place? Website Structure can be defined as follows: When you talk about the structure of a website, you are talking about its components , their working , their location , their inter-dependency , and their interaction with the user. The design of the Website Structure does not include code. Generally, the design includes, wire frames, sketches, mock ups, lists, flow charts and other visual aids. What is a component? Well, it can be defined as follows: Components are the useful or functional parts of a website Every component has a particular purpose and function. For example, navigation bar of a website has a purpose of providing navigation links to the user. But some, components are versatile and have multiple purposes. For example, a header of website can contain a navigation bar, a search bar, a login form

Marketing your Website without UX is Marketing your Shop that does not have Doors

You read it right. You are telling the world that you have got a website that do wonders and magic for your 'valuable' customers, and when that valuable customer visits your website they are unable to find dunk out of it. Pardon my words, but this is how most people are doing marketing of their websites and web applications. If this is how you are going to do it, then it's better not to do it at all. I always remind my team, marketing begins when your development and design team starts working on your website; it does not start when you start the marketing campaign. The reason: when you announce that you have a website, please visit my website, get benefited from my website before its too late, and all those fancy catchy lines you use for your website, then you better make sure that when your customer visits your website they are able to explore and enjoy your website instead of feeling lost and finally frustrated. If you are not taking care of the user experience of your

How Bootstrap Works Easy Introduction Frontend Development

In this tutorial, we will understand the basic concept of bootstrap, how to use it with HTML to make websites. Company: http://www.webdevelopmentlabs.com

Web Development Labs - Blog

Search This Blog