The differences between HTML and CSS
HTML and CSS work hand in hand. HTML is the skeleton of a website, while CSS dresses up the site by making it visually
appealing.
A closet, like HTML, is a skeleton. The closet contains clothes, shoes and miscellaneous items. HTML contains content
(images, text, links) which forms the skeleton of a website.
All websites are unique. This is where CSS comes into place. You can use the CSS properties to define the font size,
style, colour, image size, it's placement, background colour, and many more things. A closet can be 'dressed' up by
introducing various colours, designs, and types of clothing, shoes and bags.
In your closet, you can turn on the switch, open drawers, lock or unlock your drawers. In your website, JavaScript is
responsible for making your site interactive. It does that through functions which can be built-in, or you can create it
from scratch.
Description of control flow and loops using an example process from everyday life.
Control flow, also known as a condition flow is the order in which the computer executes the statement in the script.
Control flow statements decide the order in which the statement will be executed. For example, when going for a run I
check the weather by looking out the window, if it's raining, I will wear my water and windproof jacket, track pants and
a beanie. Or else the weather is good then I will wear my normal running gear.
Looping is used when you need to perform the same action(s) many times or x numbers of times in a row. In Hindu
culture, a couple is not considered married until they circle the fire seven times. This means that for a couple to
marry, they need to continue to circle the fire seven times.
Describe what the DOM is and an example of how you might interact with it.
The Document Object Model (DOM) is an application programming interface (API) for HTML and XML which defines the
logical structure of the document.
DOM helps interact with the document; you can navigate, add, modify or delete the element or content of the HTML or
XML document; it can be done using a scripting language such as JavaScript.
The difference between accessing data from arrays and objects.
When you want to retrieve information from the array, you use the index of each element. An array is a zero-based index so, counting starts at 0. If you want to retrieve the first element of an array, you will use index 0. for example:
var fruit = ["Apple", "Banana", "Orange", "Kiwi"];
console.log(fruit [0]);
// The result will be "Apple".
You can access object properties in two ways, using "." or "[]" notations. Let's create the car object first.
var car = {
color: 'red',
year: '2020',
make: 'Suzuki'
}
We will access the data using "." notation.
car.color // returns red
car.year //returns 2020
Now we will access the data using "[]" notation. so, for that we will first create the car object.
var car = {
"color": "red'",
"year": "2020",
"make": "Suzuki"
}
To acess the data:
car ["make"] // returns Suzuki
Explain what functions are and why they are useful.
A function is a block of code, that is designed to perform any particular task. In JavaScript function is defined using
"function" keyword. You can execute the function by calling it, and it is known as calling or invoking a function.
Functions shorten your codes and save your time from writing the same piece of code again and again. It may not feel
like a great deal at first, but it is beneficial, especially when you have to write the 2k-3k lines of code. JavaScript
has many built-in functions, and it also allows us to create our functions.