Skip to content

Latest commit

 

History

History
112 lines (84 loc) · 5.19 KB

r1-log.md

File metadata and controls

112 lines (84 loc) · 5.19 KB
Raw

#100DaysOfCode Log - Round 1 - Pauline P. Narvas

The log of my #100DaysOfCode challenge. Started on [September 10, Sunday, 2017].

Log

R1D1

I decided to join the challenge after some inspo and motivation from people on Twitter: https://twitter.com/paulienuh/status/906812317995864064

Overall goal: Understand front-end development more thoroughly, especially Javascript.

To get started I started the front-end development coding course with freeCodeCamp, I went through the HTML/CSS parts quite easily (from previous experience) but actually learned some new things such as:

  • shortening of HEX code
  • overriding CSS with !important
  • Bootstrap button styles - never used them before!

    • I also did some editing on my website: http://paulinenarvas.com

    This was a great way to get in the coding grind! Excited for the days to come! 😊

    R1D2

    Today's coding hour actually lasted for around four hours 😅 I've been working on a website for the University of Sheffield's Green Impact group, I had a mock up idea that I coded in HTML which took a while to be approved.

    I've been trying to convert the HTML website I made to Wordpress for a while but things slowed down my ability to like wrong passwords for cpanel, working with code 9-5 for 3 weeks demotivated me to code after work etc. But I finally pushed it all out today which is great. It's definitley a burden off my chest!

    HTML mock-up here: https://github.com/paulienuh/University/tree/master/Green-Impact Completed WP project here: http://www.greenimpact.group.shef.ac.uk/wordpress/

    R1D3

    Continued my freeCodeCamp front-end development course. Things I learned:

  • Some bootstrap classes I didn't know existed like well - I always find it cool finding out more about bootstrap 😊
  • Practised some jQuery - it's actually quite simple. I never really played around with it until today.
    • Notes:
  • bling bling bling ➡️ $
  • Change CSS using .css
  • Add CSS class using .addClass
  • Remove CSS class using .removeClass

    • R1D4

    Continued freeCodeCamp and completed the first half of it: basics of HTML, CSS and jQuery. I found jQuery quite easy to pick up and actually was surprised by how easy it actually is!

    I also set-up a CodePen account and became familiar with the interface a bit more. I'll definitley be using it more often to showcase some work/test my code.

    Some notes on jQuery:

  • You can remove with jQuery: removeClass
  • You can change CSS: .css
  • You can change the HTML: .html
  • You can remove something entirely: .remove
  • You can move elements using: .amendTo
  • You can clone elements using .clone
  • You can target parent's CSS using .parent().css
  • You can target child elements using: .children
  • You can target specific child elements .target:nth-child(n)

    • Also just begun Javascript with them. 😊

    R1D5

    Working through freeCodeCamp's Javascript course - so far, so good! I love going back to basics and working my way up, my reading of YDKJ is coming in handy too! 😊 Topics covered:

  • Variables
  • Strings
  • Maths
  • I managed to convert the temperature celsius to fahrenheit! Woah, JS is so cool?
  • How to "escape" in a string e.g. \n = new line and double quotation: \"doublesss\"

    • R1D6

    Working through freeCodeCamp's Javascript course. Covered:

  • Strings
  • Arrays - nested arrays etc.
  • Completed the "strings" JS challenge

    • R1D7

    Working through freeCodeCamp's Javascript course. Covered:

  • Array indexing
  • .push()
  • .pull()

    • R1D8

    Working through freeCodeCamp's Javascript course again! Covered:

  • Arrays - .shift(),.unshift(),.pop()
  • Functions
  • Parameters

    • Things are getting a little confusing! But I can't wait to learn more 😊

    R1D9

    Continued with freeCodeCamp's JS course. I didn't code for a whole hour but got to grips with functions and scopes!

    R1D10

    More JS:

  • Operators
  • If,return
  • Boolean

    • R1D11

    Even more JS!

  • Completed Comparison Operators + Logical Operators - && and ||
  • Else statements
  • Else If statements

    • R1D12

    Did some cleaning up of my blog's WP theme code: http://pawlean.com. Including...

  • Shortening of some code
  • Re-designing Archives page

    • R1D13

    I took a break from the challenge because of University starting again and needing some time to adjust. I've decided to keep going when I can make time! Today I did some tweaking of my blog's theme pawlean.com - cutting CSS to shorter, more readable chunks - hopefully easier to read. Added an author name on each post and cleaned up Archives page coding of categories as well as editing the search function.

    R1D14

    Updated my online portfolio: http://paulinenarvas.com/