Hi, welcome to the course.
This lesson, we're going to set up our web development environment, so that means that we need to
have an HD him el-Fadl.
So I've opened up Brackett's, which is the editor that I'm going to be using.
You can use any editor that you want if you're interested in using it, using Brackett's as well.
It's available at brackets.
It's a free additive that you can download.
It's an adult B product and it's pretty good editor.
If you're looking to try something new or if you want to use the exact same one that I'm using within
the course, we're also making use of a browser in the browser that we're going to be using in the upcoming
lessons is going to be Chrome.
Chrome comes with dev tools and dev tools, provide a little bit more functionality and give you more
insights into what's happening within the Web page.
You can open up dev tools on a Mac by pressing command option plus C or on a Windows machine control
shift C, or you can go to the top right hand corner under more tools, developer tools and that will
help open up and pop up the developer tools window.
By default, it's going to be docked to the right hand side.
You can also press the three dots once you've opened up developer tools and dock it to the bottom.
So for most of the course I will have dev tools docked at the bottom of the page and it gives you a
lot of really useful tools where you can toggle different device modes.
You can get insights into the elements, the styling, and also communicate your JavaScript functionality
within the console if you have any JavaScript errors and so on.
So we're going to start by creating an index page.
So open up your editor and create a brand new file.
And then you can just call this file index.
H.T., Amelle.
So this is going to serve as a core file for our index content and our application and start by creating
setting up the DOCTYPE and the duct tape is just going to be each team will then each team all tags
open enclosure, each to male tags open and close your head tags open and set up your title tags.
So call it JavaScript, JavaScript, Black Jack game.
And then within the body, set up the body types.
And with inside the body you can setup a div and give the div an I.D. and just call that game.
So this is where all of the game content is going to go.
And as well, we're going to link out to each JavaScript file as well as a style file.
So we're gonna set those up in the next lesson.
And once you've set up your base HD, Himelfarb, you can be ready to move on to the next lesson.