Instructions

Welcome to your first lesson! The first thing you'll want to do is watch this introduction video where I will explain what you need to do to accomplish the exercise. We are starting out at the very basics with some HTML and JavaScript to display a hello world.

If you'd like to review how to get the project setup and running in your favorite IDE, please refer to the Welcome Section

This is an interactive workshop!

To get the most out of it you will need to do the work.

Avoid the temptation to hit "next" and watch the solution before you try it for yourself. This is super important and will help make sure you get the most out of your investment and achieve your goals as a React developer.

If you're stuck and need to watch the solution, by all means do so, but the important part is that you try.

Remember, this isn't a test! You can use the entire internet. In fact, here are a few links that might help:

Transcript

Instructor: 0:00 All right. Let's go to this first lesson here. This is the basic JavaScript-rendered "Hello world!" We're getting started with React without React. The final version of this simply says, "Hello world!" Our goal is to render "Hello world!" to the page using just regular JavaScript.

0:18 The way that we do this with HTML is actually pretty straightforward, but we want to do this with JavaScript. We're going to make a script tag and insert our JavaScript in there. You can go ahead and read through some of this stuff for the exercise, though all you need to do is create the HTML structure, access the root node, and then add the div to that root node that says, "Hello world!"

0:44 We've got your emoji in here to help you along with that. I'll just go ahead and leave you to that. Have a little bit of fun. Be sure to take a look at the extra credit.