Skip to main content

JavaScript Arrays Front end Development Course - S4 V8 Phase 3

Image
By Hassan Malik


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


Comments

Post a Comment

Popular posts from this blog

Design Organized Website Structures

By
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...
Post a Comment
Read more

S3 V6 - Class and ID (ENGLISH/URDU) Tutorial | Phase 1

By Hassan Malik
S3 V6 - Class and ID (URDU) Tutorial | Phase 1 S3 V6 - Class and ID (ENGLISH) Tutorial | Phase 1 Understand and learn concept of Class and ID in Urdu Tutorial. files - - https://goo.gl/QTY6E8 This article elaborates the difference between CSS Class and ID . To understand the difference, consider the example of a group children in a school; they are categorized into classes as Grade 1 - Red, Grade 1 - Blue. The problem of this categorization is that if they all are made to stand together as a crowd then an outsider cannot identify the grade colours of the students. An outsider can only identify when they see them sitting in their respective classes. In this condition, if the outsider is asked " Hey outsider, please identify which students belong to grade 1 - red!" They would of course reply "No. How can I identify the students when they have no proper identifier?" The management now decides to change uniforms of each class according to their colour...
Post a Comment
Read more

JavaScript Functions Frontend Development Course - S4 V10

By Hassan Malik
In this tutorial, you will learn about JavaScript functions, how they are created and used in an object. You will also learn about arrow functions and their usage in a JavaScript project. FILES Basic Functions https://stackblitz.com/edit/js-cba8jz Arrow Functions https://stackblitz.com/edit/js-nv9vye As the word Function itself means that some action is performed so is the real purpose of this JavaScript aspect is. Functions are meant to perform following actions: 1 - value display -> DOM (display website) 2 - value popup -> alert() 3 - value change 4 - value assign 5 - object create 6 - variable create 7 - new function 8 - simple and complex calculations In this tutorial, we will not cover all the purposes but we will do see how the value is displayed in the DOM, how an external value is changed and also see how parameters are used to make interactive applications in JavaScript. The code is super easy, but you need to pay great attention at what is being ...
Post a Comment
Read more