Last Blog Post of Web 101

Giles Adkins
3 min readDec 7, 2020

Think back on your first day of class. How did you think websites were built? Now how do you think they’re built? What’s the difference in your thinking?

I thought that websites were built with code but I just didn’t understand what that really looked like or how it worked. I have gotten a closer look into the industry and how things get done inside of it.

What have you gained through this course beyond code? Beyond technical savvy?

I have been challenged in a new way. I have been through traditional education for all of my life but with this course, I have had to rely on myself so much more than a school system or university guiding me through. I have learned to recognize how discipline affects personal results.

Where do you think you’re headed? Why? How? What are you going to do to encourage that?

I think that I am heading towards a new career. I am choosing this path because I want a creative pursuit. And I plan to get there by being an apprentice to this skill. And I think that constantly reminding myself why this is important to me will help encourage achieving that goal.

What kinds of projects do you see yourself working on in 10 months?

Ideally, the projects I will be working on will be with a software development team building and improving a company’s website. But I do want to experiment with freelance work as well. All I really hope is to be aiding in the creation and design of amazing websites.

Why is it generally a good idea to position CSS <link>s between <head></head> and JS <script>s just before </body>? Do you know of any exceptions?

Because HTML is loaded by the browser line-by-line moving down the code putting the CSS in the head makes sure that the HTML is styled before it loads. The script goes at the bottom in most cases because apparently, JavaScript can cause the page to stop loading or delay the loading process. Exceptions would be when you need JavaScript to load before the page loads. JavaScript also looks at the DOM so if the DOM isn't fully loaded it may not be able to work properly.

Consider HTML5 as an open web platform. What are the building blocks of HTML5?

HTML5 added a lot of browser APIs that make creating apps the log important data a lot easier. They also added new elements, and better video and audio options.

What’s the difference between the :nth-of-type() and :nth-child() selectors?

The :nth of type() selector also looks at the child's tag. This means it will target specifically that tag when it counts the number inside the (). With :nth-child the count of children will start with the first child regardless of the tag.

What is CSS-selector specificity, and how does it work?

CSS-selector specificity is the ability to select an element that may have been changed due to cascading rules, and telling it I will do something else. You specify will IDs, Classes, and !important I believe.

What resources do you use to learn about the latest in front-end development and design?

One of the most important things I use for inspiration and design is DevTools and browsing impressive websites. They not only open my mind up to new styles I wouldn't think about but also shows me how the developer put those ideas into code. I also like to read blog posts, articles, and watch youtube videos to expand my tools as a front end dev.

--

--