JavaScript I

Javascript for Beginners


Progress
Submitted: 0%
Reviewed: 0%
8 Tasks

Embark on your coding journey with our JavaScript Beginner Course! Discover the core concepts of JavaScript, from variables and data types to basic operations. Unleash your potential to create interactive web experiences and build a strong foundation for web development. Join us to unlock the magic of code and shape the future of the web! 🚀💻


  • Day 1
    • Introduction to JavaScript + Variables

    Concept:



    Resources:



    Assignments:


    [{"_type":"heading","level":3,"text":"Your Task"},{"_type":"paragraph","spans":[{"text":"Step 1: Display a welcome message in the console:\n\n \"Welcome to Tony’s Café — Where Genius Meets Coffee\"\n "}]},{"_type":"paragraph","spans":[{"text":"Step 2: Store the following details in variables:\n \n Café Name\n Owner Name ("},{"text":"Tony Stark","bold":true},{"text":")\n Café Location\n Coffee Price\n \n "}]},{"_type":"paragraph","spans":[{"text":"Step 3: Use console.log() to print all the stored details neatly."}]},{"_type":"heading","level":3,"text":"💡 Bonus Challenge"},{"_type":"paragraph","spans":[{"text":"Try using template literals (`backticks`) for a cleaner message:"}]},{"_type":"codeBlock","language":"plaintext","code":"console.log(`Welcome to ${cafeName}! Run by ${owner}, located at ${location}.`);"},{"_type":"paragraph","spans":[{"text":"Tip: Go to Submit via Editor, select JavaScript from the dropdown, write your code, and click Run — you’ll see your output in the console!"}]}]


    In Progress Need help Completed
    Write Code! View Solutions

  • Day 2
    • Console, Prompt & Alert Basics

    Concept:



    Resources:



    Assignments:


    [{"_type":"paragraph","spans":[{"text":"You're going to create a digital welcome board for Tony’s Café! Make a few small edits in the JavaScript code — and watch the popup appear with your personalized café greeting! ☕"}]},{"_type":"heading","level":3,"text":"Your Tasks"},{"_type":"paragraph","spans":[{"text":"Fix the Welcome Message:\n\n In the JS code, you’ll find a wrong or incomplete message inside alert().\n\n Replace it with this correct greeting:\n\n \"Welcome to Tony’s Café — Where Genius Meets Coffee!\"\n "}]},{"_type":"paragraph","spans":[{"text":"Ask the Customer’s Name:\n\n Use prompt() to ask:\n\n \"What’s your name, dear guest?\"\n "}]},{"_type":"paragraph","spans":[{"text":"Display Personalized Greeting:\n\n Use another alert() to display:\n\n \"Hello, ! Enjoy your time at Tony’s Café ☕\"\n "}]},{"_type":"paragraph","spans":[{"text":"💡 Bonus Challenge:\n\n Try storing one more variable — like their favorite drink — and include that in the final alert message too!\n\n Example:\n\n \"Hello, Riya! Enjoy your Latte at Tony’s Café ☕\"\n "}]},{"_type":"paragraph","spans":[{"text":"Go to “Submit via Editor”. \n In the dropdown, select HTML — since the JavaScript is written inside the