HTML Free Code Camp Tutorial Review

Home Page

In this article I will share with you my overview about the free code camp HTML course on Youtube.

This is Youtube link: HTML Course From FreeCodeCamp


I will share details what I have learned and what were my questions that I did not understand in the HTML course. This way I want to list all questions that needs to be answered to the beginners who start to learn HTML.

I want to gather informations what I have learned in the tutorial so I can share that with you so you can learn also. I will put my knowledge here so this can help you understand in simple language that beginners can understand.

What is Missing in the Tutorial

At the start I would like to see all the steps I need to take. These are the steps I have took:

  • install Visual Studio Code "VS" code"
    1. Would be nice to learn all the steps how to install VS Code on my PC. With steps and video if possible
    2. question - I wanted to indent to the right this first bullet point, but it seems that I cannot do it simply in HTML. I need CSS to add padding to the left.
  • Create folder on your PC and open it with the VS Code
    1. This folder will containt all files you create for this project
  • Then create index.html file
    1. This index.html should always be lowercase because server use index.html file as a first file when opening a website. This means server expects to have index.html file always
  • I see that the instructor is moving forward and use some elements like link element, but did not explain what link element should containt inside.
    1. For example when you add icon for a website he puts type ="image/x-icon" which is not self explanatory.
      So this should be explained in detail for a beginner because I do not understand why kind of details a link element should have to work properly and why we have type ="image/x-icon" that is equal to image/x-icon.
  • This is What I Have Learned

    1. Each html page starts and end with html tag. Html tag is

       
                              
                              <html></html>
                          
      By making this sentence I have learned that there are <pre> tag that are used to show content that sticks out like the html tag above.

    2. I have added meta part in the head section with details about the author and description what this page is about


    Conclusion

    Because if I am a beginner I do not understand how to get around all the tools and applications you usually use. The instructor should have in mind that I do not know anything. And by that I mean now knowing how to create a folder inside VS Code.