Embark on Your Web Adventure

<nav class="tutorialnavbar">
    <ul class="tutorialnav-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">about</a></li>
        <li><a href="#">services</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>
                    

styles_for_navbar
.tutorialnavbar {
  background-color: #333; set_background_color
}

styles_for_nav_list
.tutorialnav-list {
  display: flex; use_flex_display
  justify-content: space-around; space_items_evenly
  padding: 0; remove_padding
  margin: 0; remove_margin
}

styles_for_list_items
.tutorialnav-list li {
  list-style: none; remove_list_style_bullets
}

styles_for_nav_links
.tutorialnav-list li a {
  color: white; set_text_color_to_white
  padding: 10px; add_padding_to_links
  text-decoration: none; remove_text_decoration
}
                    

// define_outer_function
function outerFunction() {
  var outerVariable = 'I am from the outer function!';

  // define_inner_function
  function innerFunction() {
    // log_outer_variable
    console.log(outerVariable); 
  }

  // return_inner_function
  return innerFunction; 
}

// call_outer_function and assign the returned inner function to 'closure'
var closure = outerFunction(); 

// invoke_inner_function_stored_in_closure
closure(); 
                    

// function_to_greet_person
function greet($name) {
    echo "Hello, $name!";
}

// function_to_calculate_area
function calculateArea($width, $height) {
    return $width * $height;
}

// function_to_say_something; default_message_hello_world
function saySomething($message = "Hello, World!") {
    echo $message;
}