Build Games and Web Application with JavaScript & React
George Steve, Senior Software Developer
Schau dir diesen Kurs und Tausende anderer Kurse an
Schau dir diesen Kurs und Tausende anderer Kurse an
Einheiten dieses Kurses
-
-
1.
Game and Web Application Development for JavaScript Mastery
4:54
-
2.
Download and Installation of Visual Code Studio
2:06
-
3.
Project Setup and Live Server Installation
5:22
-
4.
How to Build a Snake Game
59:46
-
5.
How to Build a Pong Game
57:31
-
6.
How to Build a Tic Tac Toe Game
33:43
-
7.
How to Build a Rock Paper Scissor Game
35:18
-
8.
How to Build a Dice Roller Game
23:55
-
9.
How to Build Image Slider
21:36
-
10.
How to Build Weather App Design (Part 1)
24:09
-
11.
How to Build Weather App Design (Part 2)
41:59
-
12.
How to Build a Digital Clock
17:32
-
13.
How to Build a Stopwatch
-
14.
How to Build an Electronic Calculator
35:23
-
15.
How to Build a Compound Interest Calculator
28:54
-
16.
How to Build a Temperature Converter
20:47
-
17.
How to Build a Digit Counter
15:33
-
18.
Master Checkbox and Radio Buttons
17:46
-
-
- --
- Anfänger-Niveau
- Fortgeschrittenes Niveau
- Fortgeschrittenes Niveau
- Jedes Niveau
Von der Community generiert
Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.
3
Teilnehmer:innen
--
Projekte
Über diesen Kurs
Ready to take your JavaScript skills to the next level? In this hands-on course, "Games and Web Application Development for JavaScript & React JS Mastery," you’ll learn to build interactive web applications and classic browser-based games — all while mastering JavaScript in a fun, practical way.
Whether you're a beginner looking to strengthen your coding foundations or an intermediate learner wanting to build a project-rich portfolio, this course guides you through a variety of exciting, real-world projects that deepen your understanding of front-end development.
You'll start by setting up your development environment, then dive into building engaging games like Snake, Pong, and Tic Tac Toe. From there, you’ll transition into web applications like a digital clock, calculator, weather app, and more — all using HTML, CSS, and JavaScript.
By the end of this course, you’ll be equipped with the confidence and experience to bring your own interactive ideas to life on the web.
What You’ll Learn:
-
How to download and install Visual Studio Code
-
Project setup and Live Server installation for real-time feedback
-
How to build classic browser games like:
-
Snake
-
Pong
-
Tic Tac Toe
-
Rock Paper Scissors
-
Dice Roller
-
-
How to build useful and engaging web applications, including:
-
Image Slider
-
Weather App Interface
-
Digital Clock
-
Stopwatch
-
Electronic Calculator
-
Compound Interest Calculator
-
Temperature Converter
-
Digit Counter
-
-
How to master form controls like checkboxes and radio buttons
Triff deine:n Kursleiter:in
Praxisnahes Kursprojekt
Project Summary:
Your project is to design and build a personalized "JavaScript Toolbox" web app that showcases a collection of at least 3 interactive features or mini-games you learned in this course — with your own creative twist!
Steps to Complete the Project:
-
Choose Your Features:
Pick any 3 or more projects you built during the course (e.g., calculator, dice game, digital clock) and reimagine them into a cohesive web app. -
Personalize the Design:
Customize the user interface with your own styling, layout, and branding. Make it uniquely yours! -
Combine into One Application:
Integrate all your chosen components into a single HTML file (or separate sections with navigation). -
Add Navigation (Optional):
Create simple buttons or tabs that allow users to switch between the features easily. -
Test and Refine:
Ensure all components function correctly and are visually aligned. -
Share Your Project:
Upload screenshots or a screen recording of your app in action to the Project Gallery. Include a link to your project hosted on GitHub, CodePen, or another platform.
Final Deliverable:
-
A completed “JavaScript Toolbox” web application containing at least 3 interactive features.
-
A brief description of your project choices and what you learned from building them.
-
Optional: Link to your GitHub or CodePen project page for others to explore your code.
Why This Project Works:
-
It’s quick to start: You’ll already have the code for each project — you’re just remixing and combining it.
-
It reinforces your learning: Putting the pieces together helps solidify your understanding.
-
It encourages creativity: Make it your own with original designs, colors, and added features.
-
It’s shareable: You’ll end the course with a polished, portfolio-worthy project that shows off your skills.
Tip: Be sure to check the Project Gallery to see how others approached their toolboxes, leave a comment or two, and get inspired!
Kursbewertung
Warum lohnt sich eine Mitgliedschaft bei Skillshare?
Nimm an prämierten Skillshare Original-Kursen teil
Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen
Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare
Lerne von überall aus
Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.
