Skip to main content

JavaScript Functions Frontend Development Course - S4 V10

Image
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 said and presented.

This video lesson presents three ways of creating a function, by using var keyword, and then by using function keyword and then by arrow function in whic a fat arrow => is used.

All of the three are valid methods and almost everytime achieves the same results except in certain cases, which I will cover in an advanced lecture. Another form of function is a method, which is part of an object. Methods are defined in the same way as defining simple functions. Methods mean what actions can an object perform. The actions of an object are performed by making functions in them, which are called methods.

Company:
http://www.webdevelopmentlabs.com
x

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