Tools to use

1️⃣ Getting Started Without Installation

One common problem beginners run into when learning coding is setting up their computers! We know you're excited about programming right away, so we'll get to it by starting programming directly in the web browser using two web apps, CodePen and CodeSandbox. You'll be able to start coding right away without installing anything on your computer.

CodePen is a social development environment for front-end designers and developers. It's a great place to build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.

CodeSandbox is an online editor tailored for rapid web development. With CodeSandbox, you can prototype quickly, experiment easily, and share creations with a click.

2️⃣ Chrome DevTools

Another pretty important tool is Chrome DevTools which is a set of web developer tools built directly into the Google Chrome browser. DevTools can help you edit pages on-the-fly and diagnose problems quickly, which ultimately helps you build better websites faster.

Chrome DevTools includes powerful features such as:

• Elements panel: Inspect and modify HTML and CSS
• Console: Debug JavaScript and view error messages
• Network tab: Monitor network requests and performance
• Sources: Debug JavaScript with breakpoints
• Application: Inspect local storage, cookies, and more

⚠️ Browser Requirement

📚 References

• CodeSandbox Documentation
• CodePen Documentation
• Chrome DevTools Documentation