web development

Question 1

when creating an app or functionality for a webpage, should you use spaghetti code?

Answer 1

no you should have clearly defined functions for specific narrow objectives and code it that way so its clear what is going on for someone who is just scanning your code.

Question 2

what is hardcoding?

Answer 2

during building your site or your app sometimes you need to just add a value or a piece of code to see if something is working properly in its implementation. This act of just randomly choosing some code as a value is called hardcoding.

The hardcoded code is always replaced later by the value from a function meant to produce one in its place once implementation goals are reached.

Question 3

if a function has more than one parameter do we need to use all the parameters in our code in order for it to function?

Answer 3

no, a function can have 20 parameters but in a particular instance you only use one or two of them

Question 4

what does the array method .join( ) do?

Answer 4

it takes the items in an array and turns them into a string

Question 5

what does cuid( ) do? and how is it used?

Answer 5

cuid( ) creates a unique id number using an algorithim that is almost mathematically impossible that it will be repeated.

we can set cuid ( ) as a object value for an id key to create a unique id for an object.

let giants = {
city : 'san francisco',
name: 'giants',
titles: 3,
id : cuid( ) }

this whole object will take an id number thats specific to only it, it will be like 25 characters long

then you can use `${giants.id} to call that specific id back

Question 6

how can we iterate through an array of objects and apply a specific attribute onto that object depending on whether a particular key value is true or false?

Answer 6

return <li class="${objectName.keyName"> ${item.name} </li>

for example :

return <li class="${item.happy"> ${item.name} </li>

this would look into an object and check to see which objects had a value of true for the happy key… any one that did would then have the hidden css declaration box applied to it. then the name of that item would be produced along with the li to add to a ul which would give you a list of every object in an object array that had a value of false for a happy key

Question 7

what does the em tag do?

Answer 7

puts the text inside of it in italics

Question 8

what does the s tag do?

Answer 8

it puts a straight line through the text in between the tags

Question 9

what does the u tag do ?

Answer 9

it underlines the text that goes inside of the tags

Question 10

what does the strong tag do?

Answer 10

it buts the content in between the tags in bold

Question 11

what does the br tag do?

Answer 11

it creates a line break

Question 12

how do you make the strikethrough effect in css?

Answer 12

text-decoration: strikethrough;

Question 13

what does an hr tag do?

Answer 13

it creates a horizontal line along the length of an html document

Question 14

does the hr tag have an closing tag

Answer 14

no it doesnt take one

Question 15

what does box-shadow do?

Answer 15

it adds a shadow to the element selected.

Question 16

what values does box-shadow take?

Answer 16

offset-x, offset-y, blur-radius, color

in that order

Question 17

what does text-shadow do?

Answer 17

it creates shadow on text

Question 18

how does the opacity work in css?

Answer 18

A value of 1 is opaque, which isn’t transparent at all.
A value of 0.5 is half see-through.
A value of 0 is completely transparent.

Question 19

can you set the opacity for any colored element and if so how?

Answer 19

by using the property opacity

for example
.links {
opacity: 0.7
};

this will make all elements with the class ‘links’ give the opacity of 0.7

Question 20

what does text-transform do?

Answer 20

changes the text in various ways

Question 21

what are the values of text transform and what do they do?

Answer 21

Value	Result
lowercase	"transform me"
uppercase	"TRANSFORM ME"
capitalize	"Transform Me"
initial	Use the default value
inherit	Use the text-transform value from the parent element
none	Default: Use the original text

Question 22

what does line-height do?

Answer 22

it changes the amount of vertical space that each line of text gets.

Question 23

what is a template string?

Answer 23

${variable name}

Question 24

what is a good idea to do when creating functions and you want to see if what youve coded so far is working the way you want it to?

Answer 24

console.log something to see if your code is good so far

function handleItemCheckClicked() {
  $('.js-shopping-list').on('click', `.js-item-toggle`, event => {
console.log('`handleItemCheckClicked` ran');
  });
}

this will listen for a click event on a particular element and if its working properly will return ‘handleitemcheckclicked ran’

allowing us to go step by step and make sure that its working before we continue on to implement all the other functionality we want to happen once this button is clicked