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

Learning JavaScript for Web Designing

By
There was a time when JavaScript was only used for handling events on the webpage. Front-end developers were more interested in learning tables and CSS for designing the layout of the websites. Today, the trend of designing and developing website is a lot more complicated, quick and advanced. Website is no more a static representation of media and content; it is more of a platform where users are interacting with the content, exploring the information, analyzing their businesses; this turns even a simple website into a web application. Achieving this level of engagement and functionality requires not only the skills of  HTML and CSS but also JavaScript. Now, the Jacks of this trade knows that we are not directly using JavaScript, we use frameworks and libraries to design and layout the structure of the websites. One of the most widely used frameworks is Bootstrap, which requires jQuery as its library. JQuery is a JavaScript based library that has created pre-built functions and...
Post a Comment
Read more

Web Development includes Websites, Web Apps and Mobile Apps

By
A few years back, 'Web Development' term was used for the process of developing a website. This was when web development just started to gain popularity. However, with the growing need of having browser based experience within the applications, developers started a new venture called web applications. The reason for its popularity was quick development, increased manipulation of media and content, and of course the aesthetics. Despite of its popularity, security remained its main concern for the data-critical organizations. After a while, developers managed to flawlessly handle the security concerns of the organizations. During this time span, Web Development semantically comprised of both website and web application development. During the past few years, into this group joined another term called Mobile Apps. Just recently before this addition, native apps was widely looked for, but now organizations have realized that the power of a native app is achievable in lesser cos...
Post a Comment
Read more