Name: Programming Project Course(Python, JavaScript, HTML, CSS)
Rating: 4.8 (42 reviews)

Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Created byAlisia Habibi

Last updated 3/2024

English

What you'll learn

Students will learn how to problem solve
Students will learn how to think computationally
Students will learn how to design and develop various programmed systems/apps
Students will improve their creativity, confidence and communication skills

Course content

6 sections • 23 lectures • 13h 17m total length

The Foodimals Guessing Game(Adapted from an animation movie)48:47
Lesson Objective:- By the end of this project, you will learn how to:
First complete the following before starting to code:
Create a replit Python program on the website and select your template as Python with turtle
Write the name of your program as: Foodimals guessing game
Click the "create repl" button
Delete the existing code on the "main.py" that appears in your front
Then download the pictures attached to this project & upload them by:
Selecting the three-dotted menu option next to files(on the left side of your repl)
Click the "upload file" option and select the pictures you downloaded to upload to your program.
By the end of this project, you will learn how to do the following:
Design interactive user interfaces using the Python Turtle library
Create variables, prompt user input, and print out messages for the user
Add color and simple ASCII art decor to the user´s console display
Many more basic Python programming syntax

Interactive Pizza Shop(Using the replit online program compiler)1:10:27
Lesson Objective:- By the end of this project, you will learn how to:
First complete the following before starting to code:
Create a replit Python program on the website and select your template as Python with turtle
Write the name of your program as Pizza Shop Ordering Service
Click the "create repl" button
Delete the existing code on the "main.py" that appears in your front
Copy down the codes you see on the video tutorial from lines 1 to 25
Then download the pictures and mp3 music file attached to this project & upload them by:
Selecting the three-dotted menu option next to files(on the left side of your repl)
Click the "upload file" option and select the pictures you downloaded to upload to your program.
By the end of this project, you will learn how to do the following:
Use the Python Turtle library efficiently.
Create:
Variables
User input,
if conditional statements
The while loop
Print out messages for the user
Add color and simple ASCII art decor to the user´s console display
Many more Python programming syntax

Rock, paper & scissors GUI game(Using the replit online program compiler) PART 126:38
Lesson Objective:- By the end of this project, you will learn how to:
First complete the following before starting to code:
Create a replit Python program on the website and select your template as Python with turtle
Write the name of your program as The rock, paper, and scissors game(GUI version)
Click the "create repl" button
Delete the existing code on the "main.py" that appears in your front
Then download the pictures attached to this project(under PART 3 of this project) & upload them by:
Selecting the three-dotted menu option next to files(on the left side of your repl)
Click the "upload file" option and select the pictures you downloaded to upload to your program.
By the end of this project, you will learn how to do the following:
Use the Python Turtle library efficiently.
Create:
Variables
User input
if conditional statements
Functions
The random class
The global variable
Print out messages for the user
Add color and simple ASCII art decor to the user´s console display
Many more Python programming syntax
Rock, paper & scissors GUI game(Using the replit online program compiler) PART 233:33
Explore part 2 of the rock, paper, scissors graphical user interface (gui) game tutorial on repl.it, implementing turtle graphics for player and computer hands, winning labels, and the start game flow.
Rock, paper & scissors GUI game(Using the replit online program compiler) PART 333:54
Develop and test a rock, paper, scissors graphical user interface game in python on replit, implementing user and computer choices, tie and win/lose outcomes with dynamic graphics.

The Snakes & Ladders Game(GUI version using Replit) PART 146:09
Lesson Objective:- By the end of this project, you will learn how to:
First complete the following before starting to code:
Create a replit Python program on the website and select your template as Python with turtle
Write the name of your program as Snakes & Ladders Game(GUI version)
Click the "create repl" button
Delete the existing code on the "main.py" that appears in your front
Then download the pictures and mp3 music file attached to this part of the project & upload them by:
Selecting the three-dotted menu option next to files(on the left side of your repl)
Click the "upload file" option and select the pictures and music file you downloaded to upload to your program.
By the end of this project, you will learn how to do the following:
Use the Python Turtle library efficiently.
Create:
Variables
User input
if conditional statements
Functions
The while loop
The time and audio libraries
The global variable
Print out messages for the user
Add color and simple ASCII art decor to the user´s console display
Many more Python programming syntax
The Snakes & Ladders Game(GUI version using Replit) PART 219:19
Learn to build a Python graphical user interface for a snakes and ladders game using Replit: implement a home screen, token selection, screen transitions, and token movement on the board.
The Snakes & Ladders Game(GUI version using Replit) PART 315:05
Develop the start and main game flow for a GUI snakes and ladders app: place the chosen token with global coordinates, support one or two players, and roll the dice.
The Snakes & Ladders Game(GUI version using Replit) PART 428:07
Develop and animate a snakes and ladders game GUI in Replit by wiring dice animation, token movement, and snake/ladder rules, with computer-driven moves and position tracking.
The Snakes & Ladders Game(GUI version using Replit) PART 539:53
Build and refine a GUI snakes and ladders game in Replit by mapping positions to coordinates, applying snakes and ladders rules, and handling win and replay logic.

The Space Invaders Game Part 133:39
Lesson Objective:- By the end of this project, you will learn how to:
First complete the following before starting to code:
Create a replit Python program on the website and select your template as Python with turtle
Write the name of your program as Space Invaders(GUI version)
Click the "create repl" button
Delete the existing code on the "main.py" that appears in your front
Then download the pictures and mp3 music file attached to this part of the project & upload them by:
Selecting the three-dotted menu option next to files(on the left side of your repl)
Click the "upload file" option and select the pictures and music file you downloaded to upload to your program.
By the end of this project, you will learn how to do the following:
Use the Python Turtle library efficiently.
Create:
Variables
User input and print statements
if conditional statements
Functions
The for loop
The time and audio libraries
Math functions
Many more Python programming syntax
The Space Invaders Game Part 230:42
Build the space invaders game logic by registering invader and player shapes, drawing a bordered game area, and spawning five enemies at random positions while tracking the score.
The Space Invaders Game Part 357:47
Develop a Space Invaders game by adding the player's yellow triangle bullets, implement left/right movement and space fire, enable enemy movement, collision detection, and a score-based game loop.

The Baguette Burger Shop´s Ordering System Part 136:10
Lesson Objective:- By the end of this project, you will learn how to:
First complete the following before starting to code:
Create a replit JavaScript + HTML ´CSS program on the website.
Write the name of your program as The Baguette Burger Shop
Click the "create repl" button
Optional: Then download the pictures attached to this part of the project & upload them by:
Selecting the three-dotted menu option next to files(on the left side of your repl)
Click the "upload file" option and select the pictures and music file you downloaded to upload to your program.
By the end of this project, you will:
Understand the basic programming syntax and structure of the JavaScript programming language
Create:
Variables
User input and print statements
if else conditional statements
Functions
The for loop
Text Files
HTML Files
CSS StyleSheets
Many more JavaScript, HTML, and CSS programming syntax
The Baguette Burger Shop´s Ordering System Part 27:50
Adjusts button layout from relative to fixed and creates an admin page with a style sheet, laying groundwork for a user page login with username and password.
The Baguette Burger Shop´s Ordering System Part 322:42
This lecture demonstrates implementing authentication for the baguette ordering system by building username and password inputs on the admin page, validating credentials to grant admin access and view sales statistics.
The Baguette Burger Shop´s Ordering System Part 411:52
Write a check_admin function in JavaScript to validate username and password, show authentication status, and navigate to an admin page, while adjusting alignment.
The Baguette Burger Shop´s Ordering System Part 545:35
Create a user login page and a user access flow, validate credentials with a script, link style sheets, and design a multi-screen baguette ordering interface with fillings, sizes, and salads.
The Baguette Burger Shop´s Ordering System Part 647:00
Design a baguette shop ordering flow with user authentication, filling and salad option screens, and a responsive order form, including back, home, and next navigation and user interface design.
The Baguette Burger Shop´s Ordering System Part 747:54
Design a user interface for selecting bread size and type, and create an order form for fillings and salads, plus administrator workflow to monitor sales and handle text file orders.
The Baguette Burger Shop´s Ordering System Part 835:35
Build a baguette ordering form with HTML, CSS, and JavaScript, using text boxes and dropdowns for name, fillings, salad, baguette options, plus an order download link and a home link.
The Baguette Burger Shop´s Ordering System Part 920:48
Finalize a baguette burger shop ordering form with HTML, CSS, and JavaScript, ensuring proper loading and enabling a downloadable order text file via blob and window URL.
The Baguette Burger Shop´s Ordering System Part 1038:02
This final video tutorial builds an admin page for the baguette ordering system, enabling login, uploading a customer order text file, and displaying it with JavaScript.

Requirements

No previous programming experience is required

Description

About this course:

This course is unique as you will understand how to code with Python, JavaScript, HTML, and CSS on the famous online replit programming compiler. This project-based course will also teach you how to design and insert esthetically pleasing graphics to create an interactive and friendly user interface for the systems and applications you will develop. This course is also one of a kind as it is structured to improve your programming skills in Python, JavaScript, HTML, and CSS in a well-paced and efficient manner by creating various and distinct programming projects every lesson. Plus as a learner enrolled in this course, you are entitled to receive an immediate response from our course instructor should you have any issues while designing and developing any of the programming projects in this course.

What will you learn and benefit from this course?

The syntax and ecosystem of the Python, JavaScript, HTML, and CSS programming language
Get familiar with using Replit(an easy online programming compiler)
Get inspired on how to create various program applications and games by completing this course.
How to code using various libraries in the Python and JavaScript programming language
Develop your problem-solving and computational thinking skills
Develop fun and interactive Python, JavaScript + HTML + CSS software applications, systems, and games
Get an immediate response from the course instructor should you need to.
Design amazing graphical user interfaces for various application systems.

Who this course is for:

Beginners to Intermediate Level Learners
Someone who would like to acquire vital programming skills in Python programming language.
Someone who would like to acquire vital programming skills in JavaScript, HTML, and CSS

What you'll learn

Explore related topics

Course content

Project 11 lecture • 49min

Project 21 lecture • 1hr 10min

Project 33 lectures • 1hr 34min

Project 45 lectures • 2hr 29min

Project 53 lectures • 2hr 2min

Project 610 lectures • 5hr 13min

Requirements

Description

Who this course is for: