Build Games and Web Application with JavaScript & React
George Steve, Senior Software Developer
Ve esta clase y miles más
Ve esta clase y miles más
Lecciones en esta clase
-
-
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
-
-
- --
- Nivel principiante
- Nivel intermedio
- Nivel avanzado
- Todos los niveles
Generado por la comunidad
El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.
6
Estudiantes
--
Proyectos
Acerca de esta clase
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
Conoce a tu profesor(a)
Proyecto de clase práctica
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!
Valoración de la clase
¿Por qué unirse a Skillshare?
Mira las galardonadas Skillshare Originals
Cada clase tiene lecciones cortas y proyectos prácticos
Tu membresía apoya a los profesores de Skillshare
Aprende desde cualquier lugar
Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.
Clases relacionadas
