Intro to JavaScript - Full Stack Web Dev Bootcamp Day 4 (2024-07-04)

The lecture goes over JavaScript, the third element of frontend development.
HTML is used to structure a document. CSS is used to style it. JavaScript is a programming language used to manipulate the document, leading to highly interactive and dynamic web pages.
You are introduced to basic concepts such as doing arithmetic.
Then you are introduced to an object literal. Remember, you see isolated curly braces, you see an object. You can use an object to store information in a structure of key-value pairs (called properties and their values) that are separated by a comma.
The lecture also mentions the concept of a function, that is a plan for a set of instructions to be called when you execute the function. We also say we call the function, so its instructions are run. We learn about the concept of input, processing, and output.
You learn to find elements in the document by its id. Then you learn to use JavaScript to change CSS properties of an element.
You learn about number types and the string type, which is a sequence of characters, always enclosed by quotes. You can use either single or double quotes to make a string.
You learn about variables, which are defined as special keywords that hold a reference or hook to a certain thing. For example, you can store a number in a variable. You can then use the variable names if you ever need the values they point to. As an example, you see how variables can be used in a similar way as equation variables in Mathematics.
The lecture goes back to further explaining objects and how to access its property values.
You also learn how to use JavaScript to change the text content of an element.
Finally, the lecture ends with letting you know how to move the JavaScript code to a separate, external file with the js extension, similar to how it is done with CSS.
Source Code: github.com/nbktechworld/full-...