DEV Community

loading...

Week 2 - Summary

sstranks profile image Simon Stranks ・2 min read

Two weeks completed. Another long week of learning, but again I’m surprised by just how much ground I have covered. Whilst it has been a bit of a strain trying to cram so much new knowledge into my mind, it hasn’t been too difficult to comprehend the information itself – even managed to wrap my head around some JavaScript code (more below!).
Rounding off my learning from the first week, I finished working my way through some intermediate and advanced HTML guides whilst continuing to add to my GitHub files on HTML and tweaking the formatting.

Whilst thinking about ways in which to apply my skills I stumbled across a ‘Periodic Table of Elements’ example, using CSS and some basic JavaScript. I spent some time examining the code and was successful in deciphering how the SASS and JavaScript code functions. I also realized that the JavaScript can overrule the CSS; the main table flexbox was only set to 5 rows, half of what was displayed on screen, and this was because the JavaScript was inserting new ‘elements’ into rows beyond 5.

I continued to apply my knowledge learned so far, of HTML and CSS, by completing two practical tutorials on how to build responsive websites using CSS and Flexbox. It was really useful to follow these through to completion to see the methodology involved. I continued to learn more CSS throughout the week too, covering a range of sub-topics: SASS and pre-processors, Variables and Custom Properties, the Box Model, Positioning, Units, and Psuedo-Elements.

Presentation is always important. Whilst my GitHub page may seem trivial in comparison to actual coding documentation, I think it is important to demonstrate good presentation even in the small things. So, I created a ReadME.md file to act as a presentational landing page for my GitHub. Using a tutorial, I also successfully added in an ‘action’ so that it dynamically updates the .md to show all my recent blog posts.

I watched a few interesting videos this week, such as how to get involved in open-source work and a ‘CSS Battle’. Both were insightful, giving me the opportunity to see how others in the community get involved and also how they think when coding. The CSS battle was particularly interesting, seeing how two different individuals attempt to reach the same conclusion through code and how their methodology differed.

Continuing with my book, ‘Pragmatic Programmer’, I finished Chapter 2. The concept of ‘Orthogonality’ was interesting, and reflecting on my VBA-AutoCAD programming in my previous job I realized immediately where improvements to the spaghetti code could be made!

Discussion (0)

pic
Editor guide