DEV Community: stuartBate

Point that function somewhere else

stuartBate — Tue, 10 Oct 2023 23:44:33 +0000

Flatiron SE Day 1 pt. 4

This one is all about arrow functions.

Brought in with the sweeping ES6 changes, arrow functions have become by new favorite thing.

Arrow functions allow you to significantly decrease the amount of space simple functions take. They have a few extra limitations beyond a standard function but can really simplify your code.

I have my coffee ready so let's get into today's lab!

Here are the parameters for passing the tests:

has a function expression called divide
divide divides 2000 by 100
has an arrow function called square
square arrow function takes one parameter and multiplies it times itself
has an arrow function called add
add arrow function takes two parameters and adds them together

Here is how I solved it:

//basic function expression for divide

const divide = function(){
    return 2000 / 100
}

// arrow function 
const square = num => num*num;

// arrow function with 2 arguments
const add = (num1, num2) => num1+num2;

I absolutely love the simplicity this offers.

This was pretty straightforward lab which was a lovely break from the last one that may have claimed a small piece of my soul.

Function episode 2 The Function strikes back

stuartBate — Tue, 10 Oct 2023 22:59:07 +0000

Flatiron SE Day 1 pt 2

Time to break into the second lab function lab. I have my extra large coffee so lets get into it!

This lab is all about hoisting, anonymous functions, scope, closure, and immediately-invoked function expressions.

Here is how I solved it:

/*this sets an activity for Saturday as the default if no other argument is passed in */

function saturdayFun(activity = "roller-skate"){
return This Saturday, I want to ${activity}!
}

/*function expression for Monday with a Default that can be overridden */
let mondayWork = function(activity="go to the office"){
return This Monday, I will ${activity}.
}

/* create a function expression wrapAdjective
when initialized with '' creates a function that, when called, wraps an adjective in a highlight
when initialized with '||' creates a function that, when called, wraps an adjective in a highlight:
*/
let wrapAdjective = function(style = ""){
return function(adjective="neat") {
return You are ${style}${adjective}${style}!
}
}

I'm going to need to spend more time studying this one. The Wrap adjective function took lots of google searches and I still do not feel confident in being able to replicate this in any real world setting.

I'll see you after the Function.

stuartBate — Tue, 10 Oct 2023 22:09:53 +0000

Day 1 Part 2
Took a lovely lunch break after the first quiz in the Flatiron SE program and now it's time to dive into Functions!

After a great lecture on some of the basics on functions and hoisting it is time for the first lab. The run down was to build 4 function to help small shipping company calculate distances from HQ and the destination based on city blocks. HQ was Positioned on 42 steet and each block was set at 264 feet. I guess this city on has one road running north to south. Here is Below you can see how I solved this

```const hq = 42;

function distanceFromHqInBlocks(street){
return Math.abs(hq - street);
}

function distanceFromHqInFeet(street){
return Math.abs(hq - street) * 264;
}

function distanceTravelledInFeet(start, destination){
return Math.abs(start - destination) * 264;
}



Obviously there are a few different ways to solve this but using Math.abs really helps minimize the lines of code needed for each function.

Reading this in Blog form has made me realize that I need to be better about commenting in my code so it is easier to understand. 

Thanks for joining me! See you next time!

Today is day one...

stuartBate — Tue, 10 Oct 2023 21:24:07 +0000

My class with Flatiron school started today. I'm excited to see where this leads me, but absolutely intimidated by the things I don't know I don't know.

The first few lessons are all review on basic JavaScript fundamentals and shouldn't give me too much struggle but I'm sure now that is have said that I will regret it. I know anything involving objects is going to give me a permanent eye twitch. That has been my biggest problem area so far, but I guess growth is pain.

Here is what I worked on today!

I started out with a brief video which reviewed basic data types found in JavaScript, and how assignment differs between Let and Const. I also learned that you can enter into the Node.js repl on a local machine by typing "node". Cool.

The Next lesson was more information on differences between let, Var, and const along with links to the major changes made by ES6. While this was mostly review, I did find it really interesting. Programing languages are not static and sometimes go through major changes to meet the needs of developers. The addition of let and const instead of var seem sweeping and I wonder at the implications to the real-world setting. How often do developers encounter legacy code that still relies of var? How much of their obj is updating existing code to new ES6 syntax.

After that I moved on to the next lesson on strings and how they can be manipulated. While I worked on the lab for this lesson, I hit an error where I could not get interpolation to work in my environment. It took me longer than I want to admit to remember that ' must be changed to ` for it to work properly. The devil is in the details, and this is a great reminder to me that even though this section is review, I still have a long way to go before it becomes second nature.

Next, I worked through the lab for control flow, I have always really enjoyed these. Something about these types of problems is very satisfying to solve.

After that came the arithmetic lab. Initially I was trying to solve the lab by building functions. It took a few attempts to realize that the test wanted literal expression of the equations not a function that would solve them.