Learning JavaScript From the Beginning

And so it begins again!

It’s time for me to move on to learning JavaScript again. Thankfully, I already know a few of the basics, so I’m actually excited to dive head first into my learning and start creating projects for my portfolio.

So far I have completed class 12 of 100Devs, which is the first JavaScript class. This time around I found myself picking up on the terminology and understanding the language a lot faster than I used to, but I’m aware there’s still a lot for me to learn. We covered variables, query selectors, event listeners and conditionals and I was super happy to have completed the class-assigned tasks successfully.

During class, I completed the ‘class, weekend, boring’ task, the ‘not-so-great calculator’ and the ‘background picker’ assignments. For homework we were instructed to delete our code and rewrite it multiple times, and add on extras.

Here’s my result of the ‘class, weekend, boring’ task, that takes an input of a day of the week and responds based on that input. Class days for #100Devs were Tuesdays and Thursdays (not for me, I’m a part of the catch up crew).

This is my result of the ‘not-so-great calculator’ that adds, subtracts and resets to 0 based on the number clicked. We had to add an extra number as practice, I added +5.

Here, we had to create a background picker that changes the background colour based on what is clicked. We started with pink, green and blue, and we were tasked to add another colour in at the end, in which I added yellow.

After this class, we were told to play with our code and see what else we could come up with. I took inspiration from past 100Devs learners and decided to create something of my own, using what I learned in class 12:

I decided to create a ‘season picker’ that changes the background image depending on what is clicked. I created an unordered list with list items of each season in HTML, and added event listeners to change the background image, the list-item colour and border-colour depending on which season is clicked.

I enjoyed completing this and it made me aware of areas I can focus on for my development. For example, one of my goals during my learning is to focus on code readability in terms of making my code more concise and less repetitive. I reused a lot of code when building this, and I know there are ways to make things shorter, which I am yet to learn.

Overall, I’m looking forward to learning more about JavaScript and I’m excited to see what I will be able to build during my learning. On to class 13!

Learning JavaScript From the Beginning

Leave a Reply Cancel reply