Web Dev Boot Camp week 2

Week 2


        Reporting back on my week 2 progress with The Complete 2022 Web Dev Bootcamp experience, I would say it fell nothing short of a grand sucess! Within my first couple of hours from being walked through step by step and explanation of how to stay engaged in the course by Dr. Angela Yu, I was able to learn about the creativity allowed within HTML as the first intro language.

    HTML is referenced as a building structure language in the first few modules of the camp; essentially meaning it's the organizer and structure factor into building websites or organizing the layout. Getting further into the module's videos, Angela explains that more adjustments are allowed in the languages to come like JavaScript and CSS which I will learn later in the semester. These allow changing colors, fonts, hyperlinks, functionality, and operation within our websites to make them more appealing for user's access. 


       For practice and journaling, it was instructed to use a website known as codepen.io/pen/. This website allows users to practice their coding skills with HTML, CSS, and JavaScript as we learn through the course or even journal down some notes for special syntax or certain occasions which require a little bit of patience when we practice. Going back and forth between notes had never hurt anybody right? Below is a snippet showing what the website will look like with resource hyperlink at the bottom of our page!  


    
    Now that we have a platform established, it was time to start getting the basics down! Dr. Angela used an example of a favorite book she had read when she was younger off a web page that allows you to read it in HTML. We copied just the title from the webpage and then wanted to get the exact same format as shown below! 


 

    Above is a screen snippet from my MacBook Air I took showing extremely basic code for HTML using what are known as "tags". 

      

         Where it is highlighted in red are the syntax scripts that show what "tags" are! With these syntax tags we can lay the foundation of how we want our own website to look like; so, as you can see two snippets above, we have "<h1>" followed by a "<br>", and what these do are just signals in the language to edit the size of the script you want to write using <h1>. You can go all the way up from h1 through h6 until the font size gets smaller and smaller. Any further will require assistance from a helper language like CSS and JavaScript. Now for the tag <br>, all it does is create a break line in which we can space out our own text. HTML doesn't just take whatever you want to write and automatically center it with perfect font and indentation, we have to use these tags to make it look pretty! 

        Additional resources were mentioned in this course by Dr. Angela to get. The links below are what I will be using to assist me create my upcoming project in these upcoming weeks of creating my very own website and publishing it to the web!
Resources

CodePen: Online Code Editor and Front End Web Developer Community

DevDocs API Documentation

W3Schools Online Web Tutorials





 



Comments

Post a Comment

Popular posts from this blog

Web Dev Boot Camp Week 9

Image
 Hello and welcome everyone! This is going to be my 9th week experience about CSS and working with divs!           In this snippet I am showing my IDE code snippet and in line <10> you can see where it labels "<div...>". In this body of code going through line 17 and 19-22, I have the "src=..." syntax to direct where our div key words are going to locate the images for our body reserved for special photos or sections on a web page.      Everything in HTML for websites is actually composed of a plethora of different color boxes with different outlines and can take up the entire width of our "blank space"; meaning if I want to include like a picture of a cloud into my page and maybe place it on top of text in a certain location or to the left of a headline, then I need to manipulate the blank space and edit the settings of the default components.   As you can see from the first div snippet I've shown above; there is a simp...
Read more

Web Dev Boot Camp Week 8

Image
         Hello and Welcome to my Full-Stack Web Dev Boot Camp Week 8! This week I made some really interesting progress on downloading extensions for chrome to see how compiling is done through natural HTML Hierarchy. Last week was just a fill in on how much effort is done when looking at debugging with CSS. After spending a few hours on going through each pathway in every single one of my HTML files so they follow the same href syntax and that all my style sheets were being applied; it turned out that I had to go through every single fille I have created thus fur and override the default "background" syntax that HTML automatically places into the files, but they're placed discretely. Now for starters I have made pretty much asthetic adjustments and will be making some major additions next week as we step into intermediate CSS programming. I will be learning how to implement classes, selectors, and Identifiers!           As you...
Read more