Programming Paradigms INTRODUCTION

SELF REVIEW: BUILD A FUNCTIONAL PROGRAM

1. Did you complete the Building a functional program exercise?

2. Were there any parts of the Building a Functional Program exercise that you found difficult to complete?

3. Would you say that you are able to explain, in your own words, the difference between the functional programming paradigm and the object-oriented programming paradigm?

KNOWLEDGE CHECK: INTRODUCTION TO FUNCTIONAL PROGRAMMING

1. What will print out when the following code runs?

    var globalVar = 77;

    function scopeTest() {
        var localVar = 88;
    }

    console.log(localVar);

2. Variables declared using  const  can be reassigned.

3. When a function calls itself, this is known as _____________.

4. What will print out when the following code runs?

    function meal(animal) {
        animal.food = animal.food + 10;
    }

    var dog = {
        food: 10
    };
    meal(dog);
    meal(dog);

    console.log(dog.food);

5. What value will print out when the following code runs?

    function two() {
        return 2;
    }

    function one() {
        return 1;
    }

    function calculate(initialValue, incrementValue) {
        return initialValue() + incrementValue() + incrementValue();
    }

    console.log(calculate(two, one));

6. In functional programming, the data and functions that work on that data are combined inside objects. 

7. Do you recall these comparison operators == and === ?

8. Consider the following code:

 function myDay() {
    console.log('Morning');
    console.log('Afternoon');
    console.log('Evening');
    myDay();
 }

9. You decide to create a variable within the local scope while scripting a new JavaScript file. Is this variable accessible to code at the global scope level?

10. You are performing an update to some code and you need to create a variable named quantity, which calculates the total number of items. You need this variable to be accessible only inside a for loop. You declare the variable using the let keyword and it is within a for loop that performs the calculation of the total number of items. Does this variable declaration address your needs?

11. Which one of the following statements is true when declaring variables using either var, let or const?

SELF REVIEW: BUILDING AN OBJECT-ORIENTED PROGRAM

1. Did you complete the Building an Object-oriented Program exercise?

2. Were there any parts of the Building an Object-oriented Program exercise that you found difficult to complete?

3. Would you say that you are able to explain, in your own words, how to use classes and inheritance in OOP in JavaScript?

KNOWLEDGE CHECK: INTRODUCTION TO OBJECT-ORIENTED PROGRAMMING

1. What will print out when the following code runs?

    class Cake {
        constructor(lyr) {
            this.layers = lyr + 1;
        }
    }

    var result = new Cake(1);
    console.log(result.layers);

2. When a class  extends  another class, this is called ____________.

3. What will print out when the following code runs?

    class Animal {
        constructor(lg) {
            this.legs = lg;
        }
    }

    class Dog extends Animal {
        constructor() {
            super(4);
        }
    }

    var result = new Dog();
    console.log(result.legs);

4. What will print out when the following code runs?

    class Animal {

    }

    class Cat extends Animal {
      constructor() {
        super();
        this.noise = "meow";
      }
    }

    var result = new Animal();
    console.log(result.noise);

5. What will print out when the following code runs?

    class Person {
        sayHello() {
            console.log("Hello");
        }
    }

    class Friend extends Person {
        sayHello() {
            console.log("Hey");
        }
    }

    var result = new Friend();
    result.sayHello();

6. You are coding in OOP style. Why would you want to use the “this” keyword?

7. You are working with classes in JavaScript. Which of the following instructions should you adhere to? Check all that apply.

8. True or false? In JavaScript, you can use a prototype object to hold properties that can be shared with various other objects. 

9. True or False. In JavaScript, it’s possible to extract the properties from objects into distinct variables using destructuring.

10. When working with objects, the for-of loop and for-in loop can be used to iterate over the object’s properties. Which of the following statements are correct? Choose all that apply.

11. In what ways can template literals be used to write JavaScript code more efficiently? Check all that apply:

SELF REVIEW: ARRAY AND OBJECT ITERATION

1. Did you complete the Array and object iteration exercise?

2. Were there any parts of the Array and Object Iteration exercise that you found difficult to complete?

3. Would you say that you are able to explain, in your own words, how to loop over arrays and objects in JavaScript?

 KNOWLEDGE CHECK: ADVANCED JAVASCRIPT FEATURES

1. What will print out when the following code runs?

    const meal = ["soup", "steak", "ice cream"]
    let [starter] = meal;
    console.log(starter);

2. The for-of loop works for Object data types.

3. What will print out when the following code runs?

    let food = "Chocolate";
    console.log(`My favourite food is ${food}`);

4. What values will be stored in the set collection after the following code runs?

    let set = new Set();
    set.add(1);
    set.add(2);
    set.add(3);
    set.add(2);
    set.add(1);

5. What value will be printed out when the following code runs?

    let obj = {
        key: 1,
        value: 4
    };

    let output = { ...obj };
    output.value -= obj.key;

    console.log(output.value);

6. What value will be printed out when the following code runs?

    function count(...basket) {
        console.log(basket.length)
    }

    count(10, 9, 8, 7, 6);

7. The spread operator allows you to pass all array elements into a function without having to type them all individually. Is this true or false?

8. The rest operator allows you to take items from an array and use them to create a separate sub-array. True or false?

9. Which one of these data structures consists of iterable key-value pairs?

SELF REVIEW: CAPTURE DATA

1. Did you complete the Capture Data exercise?

2. Were there any parts of the Capture Data exercise that you found difficult to complete?

3. Would you say that you are able to explain, in your own words, how to capture event data in JavaScript?

KNOWLEDGE CHECK – JAVASCRIPT IN THE BROWSER

1. In the following code, the type attribute can be omitted.

    <script type="text/javascript">
        //Comment
    </script>

2. What does the  document  variable return in JavaScript?

    console.log(document);

3. What does the following function return?

    getElementById('main-heading')

4. After the following code is run, what will happen when the user clicks on a  p  element in the browser?

    document.querySelector('h1').addEventListener('click', 
        function() { 
            console.log('clicked');
        });

5. What will be printed when the following code runs?

    var result = {
      value: 7
    };
    console.log(JSON.stringify(result));

 {}

6. Which of the following statements about modules in JavaScript are true? Choose all that apply.​ 

7. You can convert a JSON file to a JavaScript object so that you can work with that object’s properties.

8. True or false? Editing the local DOM of a webpage does not affect the document stored on the webserver.

9. Which of the following are JavaScript DOM selectors? Check all that apply.

10. You are using JavaScript code on your website to listen out for events. Which of the following are examples of events that your code can listen out for? Check all that apply.

Coursera Meta Front-End Developer Professional Certificate Answers and Study Guide

Weekly Breakdown | Meta Study Guides | Back to Top

MODULE QUIZ: PROGRAMMING PARADIGMS

1. Variables declared using  ‘let’ can be reassigned.

2. What will print out when the following code runs?

    function scopeTest() {
        var y = 44;

        console.log(x);
    }

    var x = 33;
    scopeTest();

3. What will print out when the following code runs?

    class Cake {
        constructor(lyr) {
            this.layers = lyr;
        }

        getLayers() {
            return this.layers;
        }
    }

    class WeddingCake extends Cake {
        constructor() {
            super(2);
        }

        getLayers() {
            return super.getLayers() * 5;
        }
    }

    var result = new WeddingCake();
    console.log(result.getLayers());

4. What will print out when the following code runs?

5. Consider this code snippet: ‘const  [a, b]  =  [1,2,3,4] ‘. What is the value of  b?

6. What value will be printed out when the following code runs?

    function count(...food) {
        console.log(food.length)
    }

    count("Burgers", "Fries", null);

7. Which of the following are JavaScript methods for querying the Document Object Model? Select all that apply.

8. Which of the following methods convert a JavaScript object to and from a JSON string?

9. What will be the result of running this code? 

 const letter = "a"
 letter = "b"

10. What is a constructor?

Programming Paradigms CONCLUSION