ofbeaton

Learning Javascript Stack, by ofBeaton

This guide documents my journey in 2019 to learn the modern JS stack, for the frontend and backend ecosystem. It is sequential and each section builds on the previous one.

This guide focuses on tutorials as experienced by beginners and not a resource from a veteran, who may have lost perspective on what beginners struggle with or need to learn.

This guide will naturally become out of date as new versions of the various tools become out of date, and new tools emerge to replace old ones. Deviate as you see fit.

For a guide that has more up to date resources, but is less focused, look up the latest Front End Handbook from Front End Masters. As of this writing they have 2016-2019 editions.

License

ofbeaton

In the case of a function that returns a value or null, and for which you want an initial value, you'll need to use a combination of concepts to keep it to a one liner and keep typescript happy.

Most answers on stack say turn off strict nulls. No.

(var && func(var)) || default

ofbeaton

JSON.parse() / JSON.stringify()

jbsulli

Demo:

Spoiler warning

Spoiler text. Note that it's important to have a space after the summary tag. You should be able to write any markdown you want inside the <details> tag... just make sure you close <details> afterward.

console.log("I'm a code block!");

caycefischer

Lemon Poppy-seed Muffins

• 2 eggs
• ¼ cup canola oil + ½ cup plain yogourt (can substitute with ¾ cup canola oil)
• ¾ cup milk
• ½ tsp vanilla
• ¼ cup poppy seeds

Combine all that in one bowl, then in another bowl mix the following: