What can be accomplished in 100 days.
About a month ago I posted about my experience with #1ooDaysofCode. You can read about it here.
This week I hit 100 days. Now I can show you what I accomplished.
When I started the challenge I was all over the place. I didn’t really have any direction except I thought I would try to work on freeCodeCamp challenges.
Soon after I started, I found the codingartist.io ‘s #dailycssimages challenge and started working on those to improve my knowledge of CSS. I was quickly hooked.
I love CSS and all it’s perceived problems. Some might think it was a waste of time to spend most of the 100 days learning CSS but diving into CSS and playing around with all it can do has kept me coming back and wanting to learn more about programming.
I have delved into the world of creative coding and I am having a lot of fun with it. Here are some examples of what I created.
My first CSS image was pretty basic. But I was really proud of it and because I posted it and got feedback I wanted to keep learning more.
At some point I decided to learn CSS animations. I took Val Head’s CSS Animation course on Lynda.com and began applying what I learned there to my images. Here are a few of my more popular animations and some of my personal favorites.
This was my first pen to be featured on CodePen. I was probably a little to excited but it was a great motivator to keep learning more.
This is currently my most popular pen. I just had the idea running through my head one day and had to code it up.
Along with starting to add animations, one of the things I started doing to expand my knowledge of CSS was to look at other peoples’ code and research anything I didn’t understand. This helped me learn gradients, SCSS, Pug, pseudo selectors and elements, and many more aspects of CSS as you can see in these pens.
I was determined to learn @mixins so I coded this pen.
The other project I have been working on to learn more advanced CSS is my Paint with CSS (formally #weeklycsspainting). I am recreating art whenever their is a new part of CSS I want to dive deeper in. I alreadly shared my first painting here and have since remade one more painting.
I have also used this challenge to learn CSS Grid. I started taking some crochet graphs I use and recreated them with Grid to get a better understanding of what Grid can do. If you haven’t heard about Grid yet or haven’t played around with it, check out this website.
What would I change?
The only thing I would try to do differently if I were to do the 100 days again is commit to GitHub more often. It was the one area I slacked on when doing this challenge. I am now making up for it by spending a few days pushing my code to my repositories.
So again, was #100DaysofCode worth it?
As a side note, thank you to everyone who has participated in the challenge and encouraged me along the way. It was a great community to be a part of.