Build Games and Web Application with JavaScript & React
George Steve, Senior Software Developer
Assista a este curso e milhares de outros
Assista a este curso e milhares de outros
Aulas neste curso
-
-
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
-
-
- --
- Nível iniciante
- Nível intermediário
- Nível avançado
- Todos os níveis
Gerado pela comunidade
O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.
6
Estudantes
--
Sobre este curso
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
Conheça seu professor
Projeto prático de curso
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!
Nota do curso
Por que fazer parte da Skillshare?
Faça cursos premiados Skillshare Original
Cada curso possui aulas curtas e projetos práticos
Sua assinatura apoia os professores da Skillshare
Aprenda em qualquer lugar
Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.
