Week 10 saw me get more into CSS, learning about variables (which I never knew was a thing), and the basics of applied visual design. Despite me being irked about its recent and sudden addition, Free Code Camp’s new Applied Visual Design section was pretty interesting. As it turns out, with CSS3, not only can you do the usual manipulation of HTML to make fonts bigger, coloured, etc, but you can also use CSS to animate elements within a web page (eg. beating hearts, bouncing balls, twinkling stars) by simply adding a few shapes together, and altering their size, position, and/or colour over a set time.
In week 11 I moved on to learning about website accessibility. This was a little less coding, a bit more theory, but introduced concepts required by websites to allow them to be better accessed by people with visual impairments and the like. I did, however, get to learn some new HTML5 markup that I’d not read about before, such as the tags <main>, <header>, <footer>, etc.
Following on from that, I got back into a bit more CSS code, and covered a couple of new responsive layouts that came with CSS3 that I didn’t know existed, namely the CCS Flexbox and CSS Grid. Much like most of CSS, this was pretty simple to learn, and I may have to go back over my previous Responsive Web Design Projects, and various coding practicals, and incorporate their use in place of the slightly more cumbersome .col-md-* grid classes.
In week 12 I began tackling FreeCodeCamp’s newly added Responsive Web Design Projects. Thankfully, there were only three added to this section. What I’m not so thrilled about is that they removed the checkboxes from beside the ‘user stories’ (i.e. the bits you need to ensure are included in the project to pass). Their presence made keeping track of what you needed to do easier, now I have to make comments everywhere in my code to make sure I don’t miss anything out.
That aside, I managed to finish the projects without too much fuss (although containers and grids gave me a bit of grief) and as well as a generic ‘form’ and a ‘technical document page’ I created a ‘product landing page‘, which I adapted for my novel (hey, I’m a struggling author, I need to self-promote whenever I can!).
That all done, I accidentally stumbled on the section where I could mark off my projects as complete and get my certificate for the Developer Certification section.