Javascript and Python Streamlit ML Certified project course

Learn to build a whack-a-star game by setting up a project, creating HTML structure, styling with CSS, and scripting six holes with moles, a start button, and a countdown.

This course snippet demonstrates CSS styling for an HTML page, including reset of margins and padding, a 800 by 600 wrapper with a centered border, and a countdown display.

Style a retro arcade game screen with a countdown, overlay a background image over the border, then position a start button with CSS using absolute positioning and padding.

Apply CSS styling to the game area, adding borders, dimensions, margins, and relative positioning; set a background image, configure score and countdown placement, and prepare for the JavaScript gameplay logic.

Implement a JavaScript pop out game by selecting multiple holes, randomly revealing holes with setTimeout, and tracking score and a countdown to drive gameplay.

Learn how to implement a dynamic start game function with a 20-second countdown using setTimeout and setInterval, updating the countdown board and handling time-up messaging.

Learn to implement start and stop controls, score handling, and dynamic object animation using event listeners, image swaps, and timed transitions in a simple game.

Enhance the game by using an arrow function to bind and reset the image, ensure the countdown works, show a time-out message, and add a scoreboard that increments on clicks.

Add a high score feature to the wacky star game using local storage in an html and JavaScript setup. Update and display the high score when time runs out.

Create an end-of-game overlay that presents a congratulations message after winning, hides the main UI, blurs the background, and offers a start-again button using styling and JavaScript.

Set up a JavaScript maths quiz by creating an HTML file, a CSS stylesheet, and a main JavaScript file, then link them correctly and save changes.

Design a JavaScript quiz generator that produces random arithmetic problems up to 10 by implementing generate number and generate problem functions, selecting random numbers and operators (plus, minus, and multiply).

Test a JavaScript console log function using Google Chrome's console; output shows numbers and a plus operator, confirming the function works, then proceed to create the interface to use it.

Build a JavaScript random problem generator that stores problem state and updates the HTML UI with dynamic numbers and operators using state.currentProblem and update problem function.

Install the live server extension, run it from the terminal, and enable automatic updates on localhost:5500 to refresh your page without dragging and dropping.

Learn to build a web form in the index page body, creating a dash form with an input field and a submit button to capture answers for generated problems.

Learn to prevent default form submission in JavaScript by attaching a submit event listener and calling e.preventDefault to stop the default page refresh.

Build a javascript solution checker that validates user input against the current problem using if statements and +, -, * operators, with alerts for correct or wrong answers.

Learn to implement a JavaScript quiz scoring system with points needed and mistakes allowed, updating the UI via spans and state for correct and incorrect answers.

Refine the update problem function to ensure correct answers update the score and move to a new question, and that incorrect answers end the quiz with a win at zero.

Implement win and lose logic with a reset function in a JavaScript math game, managing score, mistakes, and alerts for win or loss.

Style a 10-step progress box using css by importing a Google font, applying it to the body, choosing a background color, and building a flex progress bar with ten boxes.

Learn styling and ui system by building a progress bar with absolute positioning, width, opacity, colors, and transform origins, then wire JavaScript to render progress in a 10-step Python quiz.

Develops a dynamic progress bar by wiring JavaScript to the HTML element, updating the transform scaleX on correct answers, and rendering progress with a reusable render progress function.

Replace the end alert with an on-screen end message in an overlay, showing congrats, you've won or sorry, you lost, and add a reset button to restart.

Create a JavaScript maths quiz game with animated feedback for correct and wrong answers, using timeouts, a reset button focus, and CSS keyframes to highlight errors and celebrate success.

Explore essential data types in JavaScript, including string, number, boolean, array, object, undefined, and null, plus using let, comments, dot notation, and zero-based indexing.

Discover how to set up a JavaScript project, link JS to HTML, and understand variables—strings, numbers, booleans, and objects, with let, var, and const redefinition rules.

Master JavaScript math operators by exploring add, subtract, multiply, divide, exponentiation, increment and decrement, with console log demonstrations using three and two values.

Explore how to use logical operators in JavaScript, combining and/or with inequalities, booleans, not, and truth values to control flow and console outcomes.

Define a function using parentheses and curly brackets, name it, call it, and log values with console.log to verify output in the browser console inspector.

Learn how to define a function, pass string parameters, place console.log inside the function body, and manage values—including a zero initial value and custom values—to avoid undefined results.

Define and manipulate JavaScript objects with curly braces, dot and bracket notation, and console logging, including arrays inside objects. Explore adding, deleting, and overriding properties and observing context effects.

Explore arrays in JavaScript by comparing them to objects, creating arrays with literals, accessing zero-based indices, logging with console.log, and noting that arrays have length while objects do not.

Demonstrate how the return statement in JavaScript controls output, showing that code after return doesn't run and return values can be strings, numbers, booleans, objects, or functions, including undefined.

Explore JavaScript scoping across global scope and block scope, differentiate var and let behavior, and understand hoisting, undefined outputs, and console log with practical examples.

Learn how switch case evaluates an expression across multiple cases, including a default, and how breaks control flow to avoid unintended outputs in age examples.

Explore JavaScript increment and decrement operations using a sample age variable, revealing how pre and post increments affect console.log outputs from 23 to 25.

Explore browser alerts, confirms, and prompts in JavaScript, showing how alert displays messages, confirm returns true or false, and prompt collects user input, with console logging examples.

Learn to set up Python for data science with Streamlit, install Python 3.7+, enable pip, and install NumPy, pandas, Matplotlib, and scikit-learn.

Open Visual Studio Code, create a project folder with a data subfolder, and add a Python file named app.py to organize salary data from Excel file for the startup project.

Install the required python libraries via the terminal—streamlit, pandas, numpy, scikit-learn, and matplotlib—and verify versions with pip list for Python 3.7+.

Build a salary predictor web app by importing Streamlit and Pandas, setting a title, and creating a sidebar navigation with home, prediction, and contribute options, then run and test locally.

Learn to display an image on the home page and toggle a data table with a checkbox in a Streamlit app, loading salary data from a csv using Pandas.

Explore building both non-interactive and interactive scatter plots in a Streamlit pipeline by importing libraries, preparing data from a CSV with years of experience and salary, and configuring axes.

Transform a non-interactive scatter graph into an interactive plot of years of experience versus salary, adjusting axis ranges, layout, and markers from a CSV data file.

Integrate a slider to connect the data file with both non-interactive and interactive plots, enabling users to filter years of experience and inspect salary trends.

Predict salary from years of experience using linear regression with scikit-learn, building a simple streamlit interface that plots data and provides a predict button to output estimated salary.

Build a Streamlit ml app that predicts salary with linear regression and visualizes the data. Learn to contribute primary data to a CSV and display interactive plots and predictions.

Learn how to swap the homepage image in a Streamlit app by replacing the data folder image and saving to load the new image.

Learn how to set up Python Streamlit by ensuring your Python installation is recognized, and by adding Python and scripts to the system environment PATH for smooth app loading.

Set up the project in VS Code, run streamlit hello to launch a local host, and explore animation and plotting machine learning demos with the accompanying code shown.

Build a Streamlit ml app by setting a project title, turning a select into a sidebar, and modeling iris, breast cancer, and wine datasets with a random forest classifier.

Load standard scikit-learn datasets, extract X and y, inspect shapes, and determine the number of classes with numpy, using iris and breast cancer as examples.

Explore selecting a dataset and keys, define parameters in a dictionary, and build classifiers like SVM and random forest with sliders and sidebars to generate outputs in a Streamlit workflow.

Learn Streamlit classifiers and error handling by importing libraries such as neighbors classifier and random forest classifier, fixing indentation and name errors to produce a working classifier setup.

Train and evaluate classifiers on the breast cancer, iris, and Lyme datasets by splitting data into 80-20 train-test sets, fitting models, predicting, and reporting accuracy scores to compare classifiers.

Plot and compare datasets using a Streamlit web app, importing libraries, applying PCA, building a pipeline, and visualizing classifier results with interactive plots.

Create a BMI calculator web app using Python and Streamlit, accepting weight in kilograms and height in centimeters, meters, or feet, with radio buttons, BMI formula, and result categories.

Learn to generate a randomly generated terrain in Blender with a Python script, customize size, resolution, and height, and save or reuse as an addon.