Week 5 to 8 - Learning with MCR Codes
Week 5 (March 2018) - Just the end of last week, I have received feedback on my assignments with lots of pointers to becoming a better coder. One of the suggestion was to use an extension on my code editor ESLinter. In the first session, Joe helped me set this extension up and it is brilliant. Why haven't I installed this years ago? Lecture wise, we have moved on to lots of theory behind coding. This knowledge will make our employable stronger and a stronger knowledgeable programmer.
Session 1 - Object Oriented Programming & SOLID Object Oriented Design
Session 2 - Test Doubles & jest.fn()
Week 6 - Continued with last week Object-Oriented Programming exercise, finally understanding the benefits of creating a good code design. Also, I have got into a good habit of creating test units before attempting the code, this actually helped me to visualize what the final code will be and easier to implement. There have been a lot of material covered in the last two weeks, where additional classes have been created so no one fall behind. Finally, we had another group exercise, I love these lessons, gets everyone involved. There are so many ways to implement code it is nice to hear how others visualize solutions.
Session 1 - Getting Unstuck Session 2 - Group Programming Workshop - Quiz Challenge
Week 7 - This week we have started HTML and CSS which was a nice change from JavaScript we have been doing in the last five weeks, saying that I have time available to fully complete various JavaScript assignments and attempted the optional assignments. This is due to me being comfortable with HTML and CSS, however, have learned how to design a good layout and finally understood the difference between element, class, and ID selectors. Also had some exposure to Bootstrap and Sass but not much since the demand for it in the real world is not as high as compared to CSS Flexbox which has been covered in this week assignment.
Week 8 - All the exercises we have completed since the start of this course can finally come to life visually by combining JavaScript, HTML, and CSS, and interacting with them directly. We are learning to use HTML Document Object Model (DOM) and applying to the previous Cruise Ship assignment. Now we get to see what our end product looks like from a user point of view. Finally using the developer tool on a web browser to give to a better understanding what is going on with the web page from a technical view, and correct any issues arises from our DOM implementation. Finally, looking forward to my Easter egg.
Back to the main article
Session 1 - JavaScript in the Browser
Session 2 - HTML Forms
Find out more about Manchester Codes - https://mcr.codes/
