\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Which option did your team choose? Why}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Which option did your team choose? Why}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
\hich\af31501\dbch\af31505\loch\f31501 2.\tab }{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Add the \hich\af31501\dbch\af31505\loch\f31501
\hich\af31501\dbch\af31505\loch\f31501 2.\tab }{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Add the \hich\af31501\dbch\af31505\loch\f31501
link to the repository for this project:}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\cf1\kerning1\insrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 }{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
link to the repository for this project:}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\cf1\kerning1\insrsid12285137\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 }{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 What did you find inside the two folders?}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 What did you find inside the two folders?}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Find the comment that says question 4a. Add a screenshot below, or just paste the code including the tags.
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Find the comment that says question 4a. Add a screenshot below, or just paste the code including the tags.
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Find the comment for question 4b. Add a screenshot below, or just paste the code including the tags.
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Find the comment for question 4b. Add a screenshot below, or just paste the code including the tags.
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Find question 4c and add a value \hich\af31501\dbch\af31505\loch\f31501
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Find question 4c and add a value \hich\af31501\dbch\af31505\loch\f31501
to the src attribute (currently #). Which logo did you choose, and why? Also, paste the edited line of code here.
to the src attribute (currently #). Which logo did you choose, and why? Also, paste the edited line of code here.
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Find question 4d and add the relative address of styleshee\hich\af31501\dbch\af31505\loch\f31501
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Find question 4d and add the relative address of styleshee\hich\af31501\dbch\af31505\loch\f31501
t.css to the href of the link tag. (hint, unlike the images, stylesheet.css is in the same folder as index.html) Paste the edited tag below. Reload the page in the browser. What changed, if anything?}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
t.css to the href of the link tag. (hint, unlike the images, stylesheet.css is in the same folder as index.html) Paste the edited tag below. Reload the page in the browser. What changed, if anything?}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
\f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid11469601 \hich\af31501\dbch\af31505\loch\f31501 We saw the stylesheet.css in the browser
\af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 We saw the stylesheet.css in the browser
Add a new row to the table, test it then paste your new line of code below}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid11469601 .}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
Add a new row to the table, test it then paste your new line of code below}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid11469601\charrsid4999524 .
In stylesheet.css, change the background-color of #header-row. Reload the html page in your browser, what happened? Paste the changed CSS rule here.
In stylesheet.css, change the background-color of #header-row. Reload the html page in your browser, what happened? Paste the changed CSS rule here.}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
\hich\af31501\dbch\af31505\loch\f31501 b.\tab }{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Now change the background-color of .rows?
\hich\af31501\dbch\af31505\loch\f31501 How were the two results different? Based on what you}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \loch\af31501\hich\af31501\dbch\f31505 \'92}{
\hich\af31501\dbch\af31505\loch\f31501 b.\tab }{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Now change the background-color of .rows?
\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 ve learned about id and class, what do you think the # and . mean?
\hich\af31501\dbch\af31505\loch\f31501 How were the two results different? Based on what you}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \loch\af31501\hich\af31501\dbch\f31505 \'92}{
\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 ve learned about id and class, what do you think the # and . mean?
\par \tab \hich\af31501\dbch\af31505\loch\f31501 # represents the ID and . }{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10372581\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 r}{\rtlch\fcs1 \af31501\afs24
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Find question 5c in stylesheet.css. Notice how the button has a margin of 5px\hich\af31501\dbch\af31505\loch\f31501
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Find question 5c in stylesheet.css. Notice how the button has a margin of 5px\hich\af31501\dbch\af31505\loch\f31501
and a padding of 5px. What happens if you change the margin? The padding?
and a padding of 5px. What happens if you change the margin? The padding?
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Find question 6 in index.html. Change the content of the onclick from # to \hich\af31501\dbch\af31505\loch\f31501 goToCCI().
\ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Find question 6 in index.html. Change the content of the onclick from # to \hich\af31501\dbch\af31505\loch\f31501 goToCCI().
\hich\af31501\dbch\af31505\loch\f31501 What happens when you press the button now? Look in index.js, can you find what}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137
\hich\af31501\dbch\af31505\loch\f31501 What happens when you press the button now? Look in index.js, can you find what}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524
\loch\af31501\hich\af31501\dbch\f31505 \'92}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 s causing this change?
\loch\af31501\hich\af31501\dbch\f31505 \'92}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid10442697\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 s causing this change?
\hich\af31501\dbch\af31505\loch\f31501 Goes to the }{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid469766\charrsid12285137 \hich\af31501\dbch\af31505\loch\f31501 Drexel CCI page, the link of the button.}{\rtlch\fcs1
\hich\af31501\dbch\af31505\loch\f31501 Goes to the }{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\expnd3\expndtw15\kerning1\insrsid469766\charrsid4999524 \hich\af31501\dbch\af31505\loch\f31501 Drexel CCI page, the link of the button.}{\rtlch\fcs1
\hich\af31501\dbch\af31505\loch\f31501 1. \hich\af31501\dbch\af31505\loch\f31501 What is node?\hich\af31501\dbch\af31505\loch\f31501 (discuss with your partner and provide a consensus answer in your own words}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0
A local Javascript inter\hich\af31501\dbch\af31505\loch\f31501 pre\hich\af31501\dbch\af31505\loch\f31501 ter.}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\insrsid4999524\charrsid4999524 \line \hich\af31501\dbch\af31505\loch\f31501 2.
\hich\af31501\dbch\af31505\loch\f31501 Run the command npm in\hich\af31501\dbch\af31505\loch\f31501 stall in the terminal, what did it do\hich\af31501\dbch\af31505\loch\f31501 ?}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\insrsid16149328
It added \hich\af31501\dbch\af31505\loch\f31501 the\hich\af31501\dbch\af31505\loch\f31501 \hich\af31501\dbch\af31505\loch\f31501 content of the packages.}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\insrsid4999524\charrsid4999524 \line
\hich\af31501\dbch\af31505\loch\f31501 3.\hich\af31501\dbch\af31505\loch\f31501 \hich\af31501\dbch\af31505\loch\f31501 In server.js, change the port from 8080 to 8 + your lab number + your group number. \hich\af31501\dbch\af31505\loch\f31501
An example would be 8\hich\af31501\dbch\af31505\loch\f31501 508 for lab 50 team 8. \hich\af31501\dbch\af31505\loch\f31501 Paste it in\hich\af31501\dbch\af31505\loch\f31501 both places. \hich\af31501\dbch\af31505\loch\f31501 What happened?}{\rtlch\fcs1
\par \hich\af31501\dbch\af31505\loch\f31501 The port of the website changed from localhost\hich\af31501\dbch\af31505\loch\f31501 :8080 to localhost:8034}{\rtlch\fcs1 \af31501\afs24 \ltrch\fcs0 \f31501\fs24\insrsid4999524\charrsid4999524 \line
\hich\af31501\dbch\af31505\loch\f31501 4.\hich\af31501\dbch\af31505\loch\f31501 \hich\af31501\dbch\af31505\loch\f31501 Type node server.js into the command line. \hich\af31501\dbch\af31505\loch\f31501 What output did you get?\line
\hich\af31501\dbch\af31505\loch\f31501 5.\hich\af31501\dbch\af31505\loch\f31501 \hich\af31501\dbch\af31505\loch\f31501 In the terminal, type sqlite3 CLCBooks < CLCBooksSQL.sql. Check the directory for new or changed files.
\hich\af31501\dbch\af31505\loch\f31501 \hich\af31501\dbch\af31505\loch\f31501 What do you think that did?\line \hich\af31501\dbch\af31505\loch\f31501 6.\hich\af31501\dbch\af31505\loch\f31501 \hich\af31501\dbch\af31505\loch\f31501
In the terminal type sqlite3 to start up the program. Find the names of the two table\hich\af31501\dbch\af31505\loch\f31501 s\hich\af31501\dbch\af31505\loch\f31501 in the CLC\hich\af31501\dbch\af31505\loch\f31501 and record them here.\line
\hich\af31501\dbch\af31505\loch\f31501 7.\hich\af31501\dbch\af31505\loch\f31501 \hich\af31501\dbch\af31505\loch\f31501 How many columns does each table have? What are they called?\line \hich\af31501\dbch\af31505\loch\f31501 8.
\hich\af31501\dbch\af31505\loch\f31501 \hich\af31501\dbch\af31505\loch\f31501 In index.html, comment out everything inside of the table tags (not including the table tags themselves). Change the button onclick from goToCCI() to getBo
\hich\af31501\dbch\af31505\loch\f31501 oks(). What happens when you press the button now?
