DEV Community

Sarah Dye
Sarah Dye

Posted on

1

Day 3: Lists

Today's Progress

Today I tackled the lists lesson in Skillcrush. This lesson is all about lists. Skillcrush talks about why developers use lists on websites and how to create them (unordered and ordered) on a website. Finally, they take a minute to talk about why we write comments in HTML and how to create a comment in your code.

Overall, lists make it so much easier to break up text versus having to read through a wall of text. That isn't just good accessibility. Lists are a great method to help users find and accomplish goal actions. For example, if I want to find tips on managing blood pressure a website with an unordered list of tips is going to get me faster to that goal action instead of one using blocks of paragraph text.

My vision is a little bit rough today so it was harder seeing the comments in the screenshots Skillcrush was using in their lessons. However, I could make out what was being said thanks to my reading glasses. It just shows that text editors might need to double-check their accessibility settings in the future so developers that might require these features can read comments or see their code. I will open up my VS Code editor today to play around with my settings to see if I can make it better as I continue coding.

Finding the Typos activity was a little bit tougher for me today. I missed one or two in this activity. However, I was happy I was able to get some right and I understood what mistakes I did make.

If you are starting to learn how to code, don't beat yourself over the mistakes you've made or questions you've gotten wrong. Instead, give yourself a pat on the back you accomplished your task and what you've done right. Plus if you can look at your mistakes and understand what you did wrong that shows you are learning and keep it up.

Finally, it was time to start writing lists. This part reminded when I was starting to learn how to code and how I tried to create lists for the first time. Today my challenge was just using the right tags for the right lists. Consistency is key with list tags so I took more time to double-check all my tags to make sure I was using the right ones.

During the Write Your Own Lists exercise Skilllcrush encouraged students to create more lists. So I made two extra lists as practice. Here's what I created today:

<h2>A sample to do list</h2>
<ol>
<li>Look at cookie recipes</li>
<li>Bake Christmas cookies</li>
<li>Finish crochet gingerbread man</li>
</ol>

<h2>A sample list</h2>
<ul>
<li>Blueberries</li>
<li>Raspberries</li>
<li>Blackberries</li>
</ul>
Enter fullscreen mode Exit fullscreen mode

Tomorrow's Plan

Tomorrow I will continue with Skillcrush with the images and alt text lesson. This lesson is going to talk more about HTML tags and introduce the image tag. It will talk about how to create images on a website and how to use attributes on web images.

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (0)

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More