It was easy for me to make the decision to buy ‘50 Projects in 50 Days – HTML, CSS & Javascript‘ because it’s another course from Brad Traversy.
I’ve followed a number of Brads’ courses in the past, and find that they are a great way to get some insight into the approaches that people use for writing code as well as just being great ways to learn (or practice) skills just by doing it.
Developer muscle memory
A number of people would likely be put off by a course like this as is essentially a code-along.
You could copy all the source code that’s shown and not actually understand any of it – but still have the ‘work’ to show for it.
I see it as a great way to just get more experience writing code. That’s not always easy to get when you don’t have any ‘real’ development tasks to carry out each day.
I would of course recommend that if anyone was following along and they didn’t understand something, that they get themselves over to the appropriate documentation and work out what’s going on.
Just keep swimming
At this stage in the FrontendFolio process, my projects are usually practical experiments based on other courses/resources.
I completed a course, or learn something new, then I go and think of different ways that I may be able to apply that learning to a real-world project/problem.
That can take a bit of thinking and planning before I can start coding.
For the days and weeks that I’m unable to dedicate too much time to writing anything towards those projects, a course like the 50 Days, 50 Projects one is perfect.
It lets me get some more time served in VS Code. I have been using the command line for creating a new copy of the boilerplate folder & files for each project, and for making my Git commits.
This might be overkill because I can do the same things just as easily in VS Code, but it works for just making sure that I don’t forget the fundamentals too easily.
My 50 Projects (Github repo)
I plan on re-visiting each of these mini-projects in the future to make some tweaks or refinements as I learn other things – obviously, that’s the whole point of this approach/blog.
I’ve already seen some examples that would benefit from more semantic markup.
Other projects have shown me some ideas for how I might tackle some other Accessibility considerations in other projects.
I think this is one of the fundamentals of my approach – to take new learnings and apply them to previous projects/work where they can make something more valuable overall.
- Expanding Cards
- Progress Steps
- Rotating Navigation
- Hidden Search Widget
- Blurry Loading
- Scroll Animation
- Split Landing Page
- Form Wave Animation
- Sound Board
- Dad Jokes
- Event KeyCodes
- FAQ COllapse
- Random Choice Picker
- Animated Navigation
- Incrementing Counter
- Drink Water
- Movie App
- Background Slider
- Theme Clock
- Button Ripple Effect
- Drag N Drop
- Drawing App
- Kinetic CSS Loader
- Content Placeholder
- Sticky Navbar
- Double Vertical Slider
- Toast Notification
- Github Profiles
- Double Heart Click
- Auto Text Effect
- Password Generator
- Good, Cheap, Fast Checkboxes
- Notes App
- Animated Countdown
- Image Carousel
- Hoverboard
- Pokedex
- Mobile Tab Navigation
- Password Strength Background
- 3D Background Boxes
- Verify Account UI
- Live User Filter
- Feedback UI Design
- Custom Range Slider
- Netflix Navigation
- Quiz App
- Testimonial Box Switcher
- Random Image Feed
- Todo List
- Insect Catch Game