Web Dev Boot Camp week 3

     This will be my 3rd week reporting on my progress/experience with the full-stack web developer boot camp! Starting things off, I want to elaborate on the key focus point for this blog which was originally how this boot camp may compare to the process and atmosphere of a regular collegiate experience. 

    The videos are somewhat all less than 20 minutes so far give or take; however, there are periods in the video when the instructor Angela Yu, challenges the viewer to do research on their own as we progress through the video and follow along the coding processes. Certain time stamps, one portion of the examples will be completed, and then will reference what tools on the internet we can use to make our own adjustments or do extensive research.  

    Naturally I would follow up the previous paragraph with a snippet photo of the instructor's example; however, attempting to take any snippets would be considered as plagiarism in the course and is protected by an overlay screen which blacks out the video when trying to take a screen snippet so no instructor examples can be sampled publicly. For the purpose of following along I will attach my own work and "first look" at my very own website for the time being and will be updating it as I push through the rest of the instructed course. 

    

My own Example of what has been taught - //followed by blog week 2 notes! 

    The snippet above shows a simple structured and kind of boring website file in my MacBook Air, of what basic things are on my website for now. Later I will add on things like my own headshot photo, links to my Spotify or socials like Instagram or Twitter. 

        This may look surface level and very easy read for the average internet user, but now let's take a look at the backbone behind this website file. 

        

Atom Text-editor and my own Personal site 

        Now in the background we can see all the syntax or otherwise known as my "backbone" of the website. I looked up and installed a package in the Atom Text-editor to "beautify" my syntax; I wanted good indentation and readability in my code so it's easy to what's going where. You can clearly see the "<>"" markers that have text in between them, which act as symbols to in script certain commands within the structure of the HTML Boiler Plate. (Boiler Plate is just a word for the template used here, kind of like MLA English writing format). This week's lesson was learning how to inscribe lists and edit the image with what type of pointers we wanted to use for the structure of the list. I also learned how to edit the font or italicize the texts in certain positions. Nesting works in HTML like a charm as well. 

FINAL THOUGHTS

        Touching base again with my main topic of how this compares to the classroom experience, so far, I would say that it is EXTREMELY easy going.  Typical class structures in college go over history of the language, quiz you on it, then discuss theories, but here in the boot camp within the first two hours of the setting up vids and example vids we've already got hands on experience that easily remembered.