The First Challenge of Free Code Camp

The instructor presents the first challenge from Free Code Camp, a coding assignment that requires students to follow specific guidelines and complete tasks. The task is to create an HTML5 page with certain elements, such as an h1 tag that displays "hello world". The instructor explains that this is the first challenge and encourages students to try it out and submit their code.

The instructor then demonstrates how to create the h1 tag by copying the text "hello world" into the code. They explain that they don't need to use strings in HTML, and instead can simply write the text directly into the code. The instructor also shows how to close the h1 tag, which is necessary for a valid HTML structure.

After completing the task, the instructor runs the test and submits the code, with the result indicating that the student has successfully completed it. The instructor then moves on to the next challenge, which involves building an HTML5 app with certain features such as a title at the top left and right, a logo or avatar, a picture, buttons for deleting, updating, or liking, a selection box, a URL, and a submit button.

Creating the h2 Element

The instructor explains that they need to create an h2 element and change the text from "clever programmer" back to "cat photo app". They emphasize the importance of including a closing tag in HTML elements. The instructor then shows how to add the h2 element with the correct text and closing tag, and demonstrates how to save and run the code.

The instructor then runs the test and submits the code again, this time indicating that the student has successfully completed the task. The instructor concludes the section by saying that they will see the students in the next video.

Building an HTML5 App

The instructor explains that the next few challenges involve building a more complex HTML5 app with various features such as a title at the top left and right, a logo or avatar, a picture, buttons for deleting, updating, or liking, a selection box, a URL, and a submit button. The instructor shows an example of what the completed app should look like.

The instructor then asks students to create their own h2 element with the correct text "cat photo app" and closing tag. They explain that they need to follow the same guidelines as before and save and run the code.

"WEBVTTKind: captionsLanguage: enshaf the assignment the task that they gave us on the left hand side so basically they go through pretty much all the comments that I've already mentioned but some of the important things that you see down here below are like make sure that you have h1 tag that actually says hello world so let's just give that a try right how would we do that see if you can figure out how a way how to do that and by the way this is the first challenge free code camp so if you guys want to try some free code can stuff go ahead and do that so let's say h1 tag right and I do hello world like so I actually don't need to put that in strings I'm too used to Python and then just close that h1 tag right there and then that should be it so that makes our thing look pretty cool let's say run tests and enter it says you have completed it code long and prosper great submit and go to my next challenge so awesome let's try our next challenge now what what are we doing here or the next few challenges we'll build an html5 app that would look something like this that's pretty cool you got your title at the top left top right you got your logo or what not your avatar middle you got a picture some nice buttons here to delete update or like multiple choice ting selection box cat your URL and a submit button nice so let's see what they want us to do here create an h2 element so let's add an h2 element and let's change this to h2 let's make this I don't know clever programmer that's our h2 element make sure your h2 has a closing tag it does your h2 element should have the text cat photo app Oh sad news guys it actually has to be called cat photo and let's just hit this right over here and it says your h1 should have the text hello world Oh what am i doing I'm going backwards guys h1 hello world let's close that h1 tag this should be good now let's hit run test and enter and it is done all right guys that's it for this video I'll see you in the next videoshaf the assignment the task that they gave us on the left hand side so basically they go through pretty much all the comments that I've already mentioned but some of the important things that you see down here below are like make sure that you have h1 tag that actually says hello world so let's just give that a try right how would we do that see if you can figure out how a way how to do that and by the way this is the first challenge free code camp so if you guys want to try some free code can stuff go ahead and do that so let's say h1 tag right and I do hello world like so I actually don't need to put that in strings I'm too used to Python and then just close that h1 tag right there and then that should be it so that makes our thing look pretty cool let's say run tests and enter it says you have completed it code long and prosper great submit and go to my next challenge so awesome let's try our next challenge now what what are we doing here or the next few challenges we'll build an html5 app that would look something like this that's pretty cool you got your title at the top left top right you got your logo or what not your avatar middle you got a picture some nice buttons here to delete update or like multiple choice ting selection box cat your URL and a submit button nice so let's see what they want us to do here create an h2 element so let's add an h2 element and let's change this to h2 let's make this I don't know clever programmer that's our h2 element make sure your h2 has a closing tag it does your h2 element should have the text cat photo app Oh sad news guys it actually has to be called cat photo and let's just hit this right over here and it says your h1 should have the text hello world Oh what am i doing I'm going backwards guys h1 hello world let's close that h1 tag this should be good now let's hit run test and enter and it is done all right guys that's it for this video I'll see you in the next video\n"