University Projects

Mar showed us how to use P5.JS. We first created a square using rect(30, 20, 55, 55);   Then we filled in the square and the line colour using stroke(255, 0, 0) and fill(0, 255, 0); We then created an ellipse using  ellipse(mouseX, mouseY, 100, 55);   The ellipse followed our mouse due to using mouseX and MouseY as values. By removing the background, when the ellipse followed my mouse it created a pattern. We then created a conditional statement that stated: if(mouseY<200) {   ellipse(mouseX, mouseY, 100, 55);   } else {    rect(mouseX, mouseY, 100, 55);   } This means that when the mouse is less than 200 on the Y-axis (halfway), the ellipse would follow the mouse, otherwise the rectangle would follow the mouse instead. I created my own conditional statement which states:   if(mouseY<200) {   ellipse(mouseX, mouseY, 100, 100);       fill(100, 250, 100); ...

We started the hackathon with simple coding principles in HTML and CSS. Mar Presenting (Stadon, 2018) We began to learn more about jquery using Javascript and learnt to link this using a local file or using a link. I decided to use the local version that I saved in my js/lib folder because this means that I can work on my code without having to use the internet. Mar showed us how to use Google Fonts in our code, which allows us to be original with our fonts as there's a large amount to choose from.  https://fonts.google.com/ I chose the font "Mali" from the Google Fonts website and put this into my code. Google Fonts Website Google Font "Mali" being used in my code Mar also showed up how to use animations which is a new feature that has been added to CSS3. Unfortunately not all animations are compatible in different browsers so this may need to be taken into account. We learnt that z-index is used for depth and layering. B...

I took the SASS course in preparation for the Hackathon starting on October 16th. I completed this course with 100% completion. I found this course really interesting as Sass is an extension of CSS. This course showed me how to condense down CSS classes/ID's so that I wasn't repeating code unnecessarily. It introduced using variables as a way of storing data and passing this data as an argument using a Mixin. I made some notes on topics I found interesting/didn't know.

In preparation for the WorkFest, I designed a business card using InDesign and printed my design on two different pieces of coloured card. This is so that I can place the NFC tag inside of the business card, then stick the two sheets together. I tested the NFC Tag by writing my portfolio URL to the tag  using an app called NFC tools, this was successful and the tag was read successfully by a mobile device. I cut each card to size using a guillotine, placed the NFC tag in the middle of the two sheets and glued them together. Front & Back of Business Card

I wanted to revise coding in CSS in preparation for the Hackathon starting on October 16th. I completed this course with 100% completion. I found the grids and advanced grids chapter the most difficult part of this course.  It was more mathematical than the other exercises so I struggled a bit on this section in particular. I made a lot of notes on this course as there were some things I didn't know/couldn't remember.

To learn how to use HTML and CSS together I decided to take the Make a Website course in preparation for the Hackathon starting on October 16th. I completed this course with 100% completion. I found the bootstrap section of this course really interesting and made some notes on how to create a website using a basic bootstrap template.

There was a lot of helpful design tips in this article. I liked Micheal Long's CV because it's minimalistic but effective at showing key information. I also like the idea of adding a sidebar as this will automatically draw your eye to the most important parts of the CV. I also really liked Milena Filipova's CV. The accented colours are really bold, and the CV itself gives off a very clean/fresh look. I also really love the layout! Bibliography CANVA (2018)  50 inspiring resume designs: And what you can learn from them . [Online] Available at: https://www.canva.com/learn/50-inspiring-resume-designs/. [Accessed: 10 October 2018].