DEV Community

Sarah Dye
Sarah Dye

Posted on

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.

Top comments (0)