Web Dev Boot Camp Week 6

Welcome to the 6th week of the experience with a full stack developer boot camp!  

                


 

Above shows what I have worked on quite a bit this week learning about what's called "internal CSS" code!

     Now that I've learned how to create the framework essentially of the site, it was time to learn how to start adjusting the aesthetics of the site and work a little bit with the styling kits that are built into CSS code already. I decided to change my profile picture to be a little more casual as an adjustment and made it circular to be slightly more appealing to eye since I didn't like the last block cowboy hat photo. For the theme, I decided to go with some phoenix suns colors and plan on making it look a little bit more appealing later on when I figure out how to get the different layers and textures organized. 



        Here we still see the adjustments to my header borders, heading titles color, and text color as well! The next lessons are quite long and take up to a couple hours of explaining but mostly for resource searching practice. You have to remember that these classes taught by Angela Yu are pre-recorded and you're not allowed to ask any questions at any time. This makes me appreciate the effort she takes throughout the course as I know resources like CSS: Cascading Style Sheets | MDN (mozilla.org) or DevDocs API Documentation and google can be pretty nifty when trying to figure out things on our own on the fly usually as she drops in pretty testing challenges in between videos. 





           In the above snippet we see some of my coding layout in my Atom IDE; here it is shown my new syntax inside my <head></head> portion of the code. We may notice the "<style> hr{......" part with the border format orders in CSS code. Angela Yu explains that atom is capable of handling CSS internal code within the same IDE that uses HTML in between each command before whatever is written out. This way we can control the text font we want to use, or the border height and width, or even how the page scales the size of the piece you want to change depending on the device an individual is using. Possibly on your site from a phone, laptop, or wide screen monitor. I love the design and am excited to see other sites for more inspiration and can't wait to publicly update my old site from github. Till next week, Farewell! 



Comments

  1. EricaMarch 12, 2022 at 10:22 AM

    The enthusiasm exuding through your blog is palpable. I'm so glad you've created something you can be proud of. Now time for refinement. Enjoy the process!

    ReplyDelete

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

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