1. JavaScript “Hello World” in Microsoft Visual Studio 2013
August 2014

2. Start/All Programs/Visual Studio 2013/Visual Studio 2013

3. Select “General” click Start Visual Studio
I didn’t sign in
You can associate Studio with your Microsoft account but for just click “maybe later”

4. Takes a while the first time.

5. Start Page

6. On menu go to File/New/File

7. Choose HTML Page and click Open
Later, we will also create Style Sheet for CSS
And JavaScript files

8. A Little Bit of HTML is Written for Us

9. Click on the Toolbox icon on the left – the Toolbox slides out
Click on the Toolbox icon on the left – the Toolbox slides out. Click on the tack icon to “pin” it into place.

10. Expand the HTML portion of the Toolbox

11. Between the open and close <title> tags change the text to “Hello World”
Or change it to whatever you want the title (what appears on the tab) to be

12. On the menu go to File/Save … (or perhaps File/Save As)

13. Use Save File As dialog box to choose location and name of file
Use Save File As dialog box to choose location and name of file. Make sure not to put in a default location that is on C:. Click Save.
I created a new folder, and a new file name inside there and did save

14. File created shown in Windows Explorer
I can’t show this because I am showing file extensions

15. Go to Start/Control Panel. Switch the View By to Small icons

16. Choose Folder Options.

17. On View tab of Folder Options dialog box, uncheck “Hide extensions for known file types”. Click OK.

18. Windows Explorer now showing file extension
Do this on what ever machine you use in here

19. Go to File/View in Browser – Say Yes

20. Page so far – nothing in the “body” the title showing on the tab bar.

21. Add <h1> and <h2> elements to the page

22. Result of <h1> and <h2> additions