Darn it, it’s been six whole month’s since I posted anything on my blog, I sorta feel ashamed of that, I’ve got tons of draft articles waiting to be completed. That doesn’t mean that I haven’t been busy though, I designed quite a couple of t-shirts for a hometown alumni and then I also got stuck on a project that I had to withdraw from.
Now why would I do something stupid like that, well long story short, it was one of those where the project scope continiously got changed by the client thinking everything is a 5 minute change. The one thing that I greatly appreciated though was that I was constantly challenged as a designer and a programmer. I also realised to become the class of developer that I want to be I’d need to go back to the drawing board and update my skillset.
Here’s my pens for the HTML & CSS tasks
This pen required the use Bootstrap and JQuery to build a “portfolio” page. Using svg’s to enhance the responsive styling, something I learned through working with WordPress, is what I enjoyed most. I also decided to try out Bootstrap 4 released end 2017.
I’ve almost done with the “Intermediate Front-end Development Projects” and only have the final task left, building a TwitchTV JSON API app. The first three took me on average 5 day, or a work week, to complete, but I’m darn chuffed with the results. I’ve built each one from scratch using ES6 functionality where and when I could, not only did I pull out a lot of hair but more so had “eureka” moments.
So why is using vanilla JS such a big thing you might ask. Well it comes down to two primary facors:
- Speed. Each library added to a page load adds weight to your total page size.
Yes, I’m aware some libraries are small and some not, but so often we use only a fraction of the latter’s functionality you have to rethink whether it’s worth it. A blunt and exaggerated example would be packing the whole Canada just because you want Canadian bacon.
Here’s my pens for the “Intermediate Front-end Development Projects”
Don’t let the plain Jane layout fool you, this app boasts auto search if more than 3 characters are detected, but instead of making an api call on every keypress past that it waits till the user stops typing for a certain time before doing a new data call. Nifty, don’t you think? To round things of I included error handling if Wikipedia API returns nothing that responds with a simple message to the user instead of throwing errors.
* In Progress
After this section is done it’s time to start learning to work with more intermediate algorithms and then advanced. This means I’ll be “off-grid” for a couple of weeks again.
Just as a final note: I cannot begin to explain how grateful I am for the time and effort being put in by Quincy Larson and the other freeCodeCamp volunteers to provide an open source online learning institute.