DEV Community

Cover image for The second framework project
Doyen Àlùkò
Doyen Àlùkò

Posted on

The second framework project

Practice makes perfect they say, this has been my experience after this second Bootstrap project. There isn't much to say about this second project anyway. I have come to see that you cannot pay little attention to details and get it right in Bootstrap. It is mandatory to take out time to read through the documentation and apply them appropriately. I did not spend enough time doing this in the previous project. I had to take a second Bootstrap class, using the second material by Angela Yu.
When it comes to the world of programming, I have come to see such a sharp contrast between Andrei's mode of teaching and that of Angela Yu. In the practical aspect of being a programmer, there is a good chance that Andrei is the better programmer, but when it comes to teaching and breaking it down for all to understand, no one comes close to Angela Yu. She is untouchable when it comes to teaching. If you are reading this, and you are considering going into programming at some point, I will strongly advise that you take out time to go through her course to buttress whatever you may learn. She is such an amazing teacher, and it has been a blessing to have her material at my disposal.
I forgot to mention some of my priceless lessons in this project. Compared to my old method, I am getting a good hang on how to debug CSS now. The basic trick to debug your code is to use the developer tools of whatever browser you're using, Chrome in my case. But for reason, I used to rely on my text editor as my primary debugging tool. Debugging simply means figuring out what is wrong with your code if what is being displayed on your browser is not what you want. If a thing`s final output is wrong, you should naturally go back to your process to check what went wrong. And in programming, you have to check out what you are seeing on your app or page if it is what you want to see. And in case you are getting an undesired result, you have to use your developer tools to inspect the page to figure out what went wrong in the process.
Debugging can get quite overwhelming with the right method of using the developer tools on Chrome. You can imagine how tedious it must have been to try to debug CSS using the text editor alone. I used to get it right anyway, but I have come to see that using developer tools makes the job faster and more effective. It is the ideal way of debugging CSS.
And of course, I learnt about the legendary Z-index! It was so much fun to see the practical application of this feature of CSS. This is simply all about the stacking order of page elements. An object has the regular X-Y axis on a plain sheet, but the Z-index makes the object come alive. It brings a 3-D balance to the element in view; and makes it appear as if it is coming towards the screen or farther away from the screen, depending on what the developer wishes to achieve.
One other thing I learnt in this project is code refactoring. The most basic way to explain this is to liken this to factorization in mathematics. This makes the HTML&CSS codes look very neat and well arranged, and as a result, others can easily go through whatever code one has written. You will have an easy time locating errors in your code if you pay enough attention to this while writing your code. Code refactoring is very important as a programmer because it makes life easy for you generally.
I think this is just about this current module. There's another class on design, just before I get to the section on CSS grid and layout. After which, I'll go into the world of JavaScript! I can't tell why everyone says this is rather difficult, but I look forward to this programming section. I just believe that it is possible to do. After all, there are many programmers out there already who live on this, and they do not have two heads.
I'll share the link to the just concluded Bootstrap project again. This is not a complete project like every other website anyway, but this is rather one to test my knowledge of all that I have learnt so far. Several buttons on the page won't work because I did not include any additional links for them. But please feel very free to give me your thoughts on my progress so far.
The link to the just-completed framework project.

Top comments (0)