100DaysOfCode, Day 1

I decided to make longer form accountability posts for the trends I hashtagged below. Will this hurt how I’m perceived when I decide to hunt for a corporate job and let freelancing take a back seat? Not sure.

Some schools of thought say you should avoid these trends on networks like LinkedIn. To be honest, I can see why, so my intent is to enhance what I document about my efforts and process.

I want to see my own progress more than I want to prove myself to anyone else. So I’m planning to expand on my efforts in the takeaway section and give a “behind the scenes” look at what I find worth learning by providing my Anki questions/answers.

If you have any questions or input on how I’m structuring this and tracking progress, please reach out on socials or feel free to buy a sub and comment here 🙂

100DaysOfCode

Day 1 of #100DaysOfCode to #buildinpublic with #100Devs

I studied:

• Arrays, Objects, DOM Manipulation, APIs w JS
• Shay Howe HTML and CSS reading/code along

I built (or pushed work on):

https://ericbible.tech on Ghost CMS, excited to learn a new platform, if you can donate to the cause a paid subscription means lots!

Biggest Takeaway

Mindset:

Having rest and enrichment outside of the computer (gasp!) actually helps the learning process. Enjoy your weekends at least once in a while. You might get more done when you’re back at the desk. 🧑🏻‍💻

Freelance:

No better way to prove to clients you can build audiences than by testing content plans on your own accounts and tracking results. 😎

Design {and Development}:

Pushing code 5 days a week minimum will build skills faster than you think, even if it’s not a massive amount of lines or huge project overhauls. Double that impact by coding along with reading and video material when you have the time. Solutions you struggle on should go into your Anki decks.

Note Dump

I use this space to generate Anki card contents for my spaced repetition learning. For more info, check out Ali Abdaal on YouTube. The things I called out to quiz myself on are personal to what I took away from the material I reviewed but if you’re curious to discuss any, hit me up on Twitter or just become a paid subscriber to help by donating to Resilient Coders (then you can comment here 😉)

Q: What method can handle whitespace in a variable?

• A: .trim()

Q: What return value represents a negative result for the .search() method?

• A: -1

Q: What can the .reduce() array method do?

• A: manipulate an accumulator value based on the contents of the array

Q: What are Objects?

• A: collections of variables and functions

Q: What are object variables called?

• A: properties

Q: What are object functions called

• A: methods

Q: How can objects be created?

• A: literal notation and constructors

Q: what type of notation adds properties and methods to objects?

• A: dot notation (e.g. obj.property = attribute detail)

Q: how do we create objects en masse?

• A: constructors

Q: what syntax would you use to create a constructor?

• A: code snippet

function MakeCar(carMake, carModel, carColor, numOfDoors) {
//note first-letter capitalization syntax indicates a constructor function
	this.make = carMake
	this.model = carModel
	this.color = carColor
	this.doors = numOfDoors
	this.honk = function () {
		alert('BEEP BEEP FOOL')
}
	this.lock = function () {
		alert(`Locked ${this.doors} doors!`)
}
}

let hondaCivic = new MakeCar('Honda', 'Civic', 'Black', 4)

hondaCivic.lock() //alert: 'Locked 4 doors!'

Q: What is prototypal inheritance?

• A: when an object inherits a property or method from it’s inheritance chain, it does this by first checking itself for the property or method, next it checks if the constructor which made it (when applicable) has the particular property or method and it will continue to fallback up the inheritance chain all the way to the global object prototype

Q: What is the affirmative return result for the .endsWith() string method?

• A: the boolean true

Q: What does the .replaceAll() string method do?

• A: takes two arguments and parses a string looking for the first argument passed in order to replace it with the second argument passed at every instance

Q: what sequence of string methods will reverse the string?

• A: let unoReverse = str => console.log( str.split('').reverse().join('') )

Q: What are APIs?

• A: application program interfaces, aka a simple interface for complex action (e.g. restaurant menu, let’s you communicate with the kitchen staff what you want aka it let’s one piece of technology communicate with another)

Q: How do APIs work?

• A: our interface will be a URL to make a request of the server and then the server will respond back generally in JSON format with a result