Week 4: Package managers with a touch of burnout

Hello friends!

It is currently Tuesday, making me 2 days late for this blog (whoops again). This week, I learned about ES6 modules, using webpack, using package managers, and have developed a fully modular website.

ES6 Modules

I personally enjoyed working with modules, my code is now super clean and simple, and easy to read through (for me at least). I've also taken it a step further by modularizing my CSS files as well. I don't need to go through 400 lines of code anymore to find my style rules and it's made debugging a whole lot easier.

Webpack

I honestly don't know what it's for so I'm gonna do a quick review and correct myself here.

EDIT: Webpack is a tool for bundling modules. They export and import modules into and from each other automatically.

Package Managers

I didn't really get the lesson on Package managers and what they're for, which reminds me that I have to do a quick review on them later. But if I recall correctly, they're there to help automate the process of exporting and importing modules and libraries to and from each other.

EDIT: Okay so I mixed things up a bit. Package managers specifically the node package manager is a command-line tool that gives you access to a giant repository of plugins, libraries, and tools. If you've ever used the $npm install command before, whether you're aware, you just accessed the said repository.

Fully modular website

I don't know what this method of coding a website is called because it differs from the previous methods I have used. You see, on all my previous websites/web apps, the traditional way I would do it is by coding the markup in an HTML file, the styling in a CSS file, and the functionality in a JS file. For this website, I was instructed to create it by injecting all the elements in the HTML file through JS, with each 'tab' (page) having its own module to store all its code.

Here is the Preview. Here is the Code.

Burnout

More often than not, I find myself taking too long on coming up with the design of the website. I spend too much energy on it and it's exhausting. I'm not satisfied with the current design of the website and today I'm gonna put it through some redesigns with the goal of making it fully responsive. Wish me luck!

That's it for this week, See you on Sunday, friends!