Technical Blog - JS Fundamentals

Learning Competencies

This blog should strengthen your understanding of:

• JavaScript and its relationship to HTML and CSS
• Control flow and loops, arrays, and objects
• Functions and why they are useful
• The DOM and DevTools

Summary

In this sprint, you learned a bunch of JavaScript!

Time Box

Create File

Create and open a javascript-dom.html file. See blog-instructions for a reminder on the steps to take.

Discuss

As if talking to a Non-technical friend, discuss:

• Non-technical could mean writing this as if it was a blog post you would have wanted to read when you first started learning these concepts or to a friend who wants a better understanding of what you are learning. You should show examples of code and screenshots to help teach others!

• An analogy to describe JavaScript and its relationship to HTML and CSS.
• Explain control flow and loops using an example process from everyday life, for example, 'waking up' or 'brushing your teeth' (but not those).
• Describe what the DOM is and an example of how you might interact with it.
• Explain the difference between accessing data from arrays and objects.
• Explain what functions are and why they are helpful.

Steps:

1. Write your blog post
2. Add a link to the index page
3. Share it with your cohort via Discord