Coding Tutorial

Objective

Write a Markdown page for a coding tutorial that explains a programming concept or demonstrates a coding example, including step-by-step instructions.

---

Learning Goals

• Concept Overview: Describe the programming concept or technique.
• Code Examples: Provide code snippets demonstrating the concept.
• Step-by-Step Instructions: Outline the steps involved in the tutorial.
• Images: Include screenshots of code or results if applicable.

---

Instructions

Editor Required

Use Visual Studio Code (VSCode) to write and preview your Markdown.

1. Testing Locally

• Preview using Ctrl + Shift + V in VSCode.

• Ensure everything renders before submission.

2. Folder Structure

• Create a folder named markdown-code-tutorial
• In the folder, create a TUTORIAL.md file for your content.

Folder Structure Example

    markdown-code-tutorial/
    │
    └───TUTORIAL.md   # Your Markdown tutorial page
 
   └───images/       # Folder for tutorial-related images
        └───code-example.png  # Example screenshot of code
        └───output.png        # Example screenshot of output

Project Template

Coding Tutorial: JavaScript Basics

Overview

This tutorial covers the basics of JavaScript, including variables, functions, and loops.

Variables

    let name = 'Alice';
    const age = 30;

Functions

    function greet(user) {
      return `Hello, ${user}!`;
    }

Loops

    for (let i = 0; i < 5; i++) {
      console.log(i);
    }

Step-by-Step Instructions

1. Introduction: Understand the basics of JavaScript syntax.
2. Variables: Learn how to declare and use variables.
3. Functions: Create reusable functions to organize your code.
4. Loops: Use loops to iterate over data.