Getting to d3.js: HTML
The first step on my journey to learning d3.js is learning (or re-learning (shout out Myspace)), HTML.
I’ve started web development courses just about as many times as I’ve tried to get my ass in the gym. So HTML is no stranger to me, but I still decided to not skip this section and truly start from the beginning.
I’m doing this by following along to Dr. Angela Yu’s Udemy course, The Complete 2023 Web Development Bootcamp. It’s early days, but so far I am really enjoying this coursework. Dr. Yu does a fantastic job at keeping me engaged and the videos provide a great walkthrough, especially for a visual learner like myself. I even felt like I got a deeper understanding of the foundation of what HTML is and how it works, solely because of the genius way she compares how HTML works to how a book is structured (the title is your <h1>, <h2> table of contents, <h3> chapter names, etc.).
This course does have a fee, but if anyone is looking for a free tutorial to get started with HTML, I also picked this up pretty well through The Odin Project.
HTML Project 1- Movie Ranking
This first project was to simply put all the learnings from the first section to use. Those learnings were heading tags, paragraph tags, and void elements.
Please enjoy my Movie Ranking project, and tell my why The Princess Bride is also your favorite movie.
HTML Project 2- Birthday Party Invitation
The second project introduced the use of lists, nesting, anchor elements, and image elements.
HTML Capstone Project- Web Page Resume
For the final project the instructions were a lot more vague, to be more similar to a request you might get from a client. The task was to create a resume with the typical resume sections, add a photo of yourself, and a link to an external site.
This was also where the course sets you up with creating your repository on github in order to host the website, so alas! a link!
(and also a screenshot:)
