Skip to main content

JavaScript Functions Frontend Development Course - S4 V10



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

Popular posts from this blog

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

Bootstrap Container and Container fluid Easy Frontend Development Course

In this tutorial, we will learn how to use the bootstrap container and container-fluid classes to make website responsive. Company www.webdevelopmentlabs.com Give your feedback here: www.webdevelopmentlabs.com/flow/survey

Introduction to Illustrator Tutorials for Beginners | Graphic Designing ...

In this tutorial, we will learn about the very basics of Adobe Illustrator and see how to create a new file, how to setup a file, and some very basic options that every designer must know. Contributer: Faizan Company: Web Development Labs www.webdevelopmentlabs Submit your feedback here: www.webdevelopmentlabs/flow/surbey Our Facebook Page: fb.com/officialWDL Other Playlists: Muft or asaan tareekay se seekhen #HTML, #CSS, #JavaScript, #Angular 6, Angular CLI, #jQuery, #Bootstrap. 📘LEARN HTML -- [ https://www.youtube.com/playlist?list=PLa9CM2i1zaCptC-1nRcl-DUvEnRD1gi0i] 📕LEARN CSS -- [ https://www.youtube.com/playlist?list=PLa9CM2i1zaCq6onaOHHgSkllzKSWFdU7V ] 📗LEARN JAVASCRIPT -- [https://www.youtube.com/playlist?list=PLa9CM2i1zaCp27vPPYHZpeU9lXkjqDQeV ] 📘LEARN BOOTSTRAP -- [https://www.youtube.com/playlist?list=PLa9CM2i1zaCp-yDhsVKkfXYWuWEKh1m2A ] 📕LEARN ANGULAR -- [https://www.youtube.com/playlist?list=PLa9CM2i1zaCow3HD428sLMUj1xtQRCOEi ] 📘OVERVIEW O...