Mike Nolan

To improve is to change; to be perfect is to change often. -Winston Churchill

Day 18 - JavaScript - Functions

26 Aug 2025

First day back at it in 9 days - needless to say its not easy just to jump straight back into it all.

With that I went straight into some Function work and creating the Email Masker was interesting as put a lot of different string methods into use such as IndexOf, Slice, Replace. I also reviewed my code to try and refactor it to reduce the amount of variables I was using and then reviewed it further to find other ways it could have been solved and made fool proof. The Loan Qualification Checker was a quicker one as was about using if and else statements in the function.

FreeCodeCamp Modules

  • HTML - 214 out of 214 Steps Completed
  • CSS - 1156 out of 1156 Steps Completed
  • JavaScript - 148 out of 918 Steps Completed

Front End Mentor

  • 6 Challenges Completed

What have I completed today :white_check_mark:

  • Functions

    • Lab: Build a Boolean Check Function
    • Lab: Build an Email Masker
    • Workshop: Build a Loan Qualification Checker
    • Lab: Build a Celsius to Fahrenheit Converter
    • Lab: Build a Leap Year Calculator
    • Lab: Implement the Truncate String Algorithm
    • Lab: Build a Confirm the Ending Tool
    • Review: JavaScript Functions Review
    • Quiz: JavaScript Functions Quiz

What is next on the list :pencil2:

  • Arrays
    • Lecture: Working with Arrays
    • Workshop: Build a shopping list
    • Lab: Build a Lunch Picker Program
    • Lab: Build a Golf Score Translator
    • Lab: Build a String Inverter
    • Lecture: Working with Common Array Methods
    • Review: JavaScript Arrays Review
    • Quiz: JavaScript Arrays Quiz

What have I been reading? :books:

  • https://www.freecodecamp.org/news/set-up-docs-as-code-with-docusaurus-and-github-actions/
  • https://css-tricks.com/getting-creative-with-quotes/
  • https://piccalil.li/blog/another-article-about-centering-in-css/
  • https://piccalil.li/
  • https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning/
  • https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation/
  • https://picocss.com/examples
Mike