Web Dev Boot Camp Week 8

        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 can see from the snippet above, I adjusted the colors to a brighter scheme after receiving some feedback from one of my mentors. It was mentioned that my Phoenix Suns style attempt was too dark even if it was considered an "experimental project", that I should show full integrity with this and look for something I would show an interviewer/employer. What you may not know though, is that this one "color" adjustment took me a whole 15 minutes since I had to "debug" the internal CSS code by going through line-by-line and convert it all to external CSS so it applies all over and gets referenced each time as a style sheet template. 


        Here's just another snippet showing that my styles sheet carries over to another attachment hyper-link form my website. 

 


        For this photo, I am displaying a little neat trick on how to include a favicon photo into the little red circle area shown. I want to eventually change this later but Angela Yu (instructor) had explained what resources to utilize when wanting to create one for ourselves. I had decided to do my initial to keep it simple and just ended up drawing it with my mouse. Luckily for me the CSS implementation here was really fast since I had learned from past mistakes. 


    Favicon.cc is the website I used to hand draw my initial for my favicon. 

        

                    Website being referenced after seeking mentorship from CS dept chairman: 

                    Seán Halpin - a web designer & developer - About (archive.org) 


I look forward to updating my website next week and displaying some canvas like results! 




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 2

Image
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.         ...
Read more