simp.tar.gz

python

This course focuses exclusively on teaching Python to beginners and demystifies procedural programming, grounding every new concept in the hands-on project they gradually build with the course.

You will begin by understanding built-in functions for input and output, and then move on to user-defined functions. Moreover, you will learn the basic data types and their application. Next, you will learn about the various structures of programs you can write: sequential, selective, and iterative; eventually, you will apply everything you’ve learned to complete an interesting project.

More than anything else, this course aims to make you a lifelong learner, and intends to act as a great start to your wonderful career in the world of computing.

Learn Python 3 from Scratch

You receive an email from a long-forgotten client. They want you to undertake a Python project for them. To complete it, they have sent you all the project details you require via email. Here’s what you know about your role and the project’s requirements.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math Quiz</title>
</head>
<body>
    
    <div class="cli-container" id="cli"></div>
    <script src = index.js>
        
    </script>
</body>
</html>


// Get a reference to the command-line interface container
const cli = document.getElementById("cli");

// Initialize variables to keep track of the user's name, score, and the current question
let userName = "";
let score = 0;
let currentQuestion = 0;

// Function to display a new question or end the quiz
function displayQuestion() {
    if (currentQuestion < questions.length) {
        // Display the current question and create an input field for the answer
        cli.textContent += `${questions[currentQuestion].question}\n`;
        // Use a "hidden" input field with oninput to hide the border when typing
        cli.innerHTML += `Ans: <input type="text" id="userAnswer" onkeydown="handleInput(event)" oninput="hideBorder(event)"><br>`;
        // Set the focus on the input field to allow typing without clicking
        document.getElementById("userAnswer").focus();
    } else {
        // The quiz is over, display the final score
        endQuiz();
    }
}

// Function to hide the border of the input field when typing
function hideBorder(event) {
    const input = event.target;
    input.style.border = "none";
}

// Function to handle user input
function handleInput(event) {
    if (event.key === "Enter") {
        // Get the user's answer from the input field
        const userAnswer = document.getElementById("userAnswer").value;
        // Get the correct answer for the current question
        const correctAnswer = questions[currentQuestion].answer;
        cli.textContent += `${userAnswer}\n`;

        // Check if the user's answer is correct
        if (userAnswer === correctAnswer) {
            cli.textContent += "Correct answer.\n\n";
            score++;
        } else {
            cli.textContent += `Oops, that's not right. The correct answer is ${correctAnswer}\n\n`;
        }

        // Move to the next question and display it
        currentQuestion++;
        displayQuestion();
    }
}

// Function to end the quiz and display the final score
function endQuiz() {
    cli.textContent += `Thanks for giving the quiz, ${userName}. Your score is ${score} out of ${questions.length}.\n`;
}

// Array of math questions and answers
const questions = [
    { question: "What is 2+6?", answer: "8" },
    { question: "What is 8-1?", answer: "7" },
    { question: "What is 9/3?", answer: "3" },
    { question: "What is 3-9?", answer: "-6" },
    { question: "What is 6-3?", answer: "3" },
];

// Function to prompt the user for their name
function promptForName() {
    cli.innerHTML += "Please enter your name: <input type='text' id='userName' onkeydown='handleNameInput(event)'><br>";
    document.getElementById("userName").focus();
}

// Function to handle user input for the name
function handleNameInput(event) {
    if (event.key === "Enter") {
        // Get the user's name from the input field
        userName = document.getElementById("userName").value;
        cli.textContent += `${userName}\n\nHello, ${userName}! Welcome to the math quiz.\n\n`;
        // Start the quiz by displaying the first question
        displayQuestion();
    }
}

// Start by prompting the user for their name
promptForName();

/* Styling for the command-line interface container */
.cli-container {
    font-family: monospace;
    white-space: pre;
    background-color: black;
    color: white;
    padding: 10px;
}

/* Styling for the text input box */
input[type="text"] {
    background-color: black;
    color: white;
    border: none; /* Hide the border */
    width: 10ch; /* Adjust the width as needed */
    outline: none; /* Remove the focus outline */
}

codemirror

Get an idea of what will be covered in the course.

Introduction to Python and Programming Concepts

User-Defined Functions and Data Types

Program Structures and Calculating Game

You are Hired for a Python Project

The scenario

Your role

Project description

Project requirements

What the project will look like to its users

Learn to code in Python

Project-based learning