Build Games and Web Application with JavaScript & React
George Steve, Senior Software Developer
Regardez ce cours et des milliers d'autres
Regardez ce cours et des milliers d'autres
Leçons de ce cours
-
-
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
-
-
- --
- Niveau débutant
- Niveau intermédiaire
- Niveau avancé
- Tous niveaux
Généré par la communauté
Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.
5
apprenants
--
À propos de ce cours
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
Rencontrez votre enseignant·e
Projet de cours pratique
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!
Notes attribuées au cours
Pourquoi s'inscrire à Skillshare ?
Suivez des cours Skillshare Original primés
Chaque cours comprend de courtes leçons et des travaux pratiques
Votre abonnement soutient les enseignants Skillshare
Apprenez, où que vous soyez
Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.
Cours apparentés
