week-1.md

Homework 1

Joseph Vanacore

Was the backend or frontend responsible for the bug in the video?

• The frontend of the examples in the video provided are very important to the success of the code, however I belive the backend of the code is to blame for the bug. It seems like the front end was doing everything it was supposed to do, however when the code gets connected to the backend of the code it causes the bug which makes me believe the backend is to blame.

What languages do you see in this video? List them. If you're not sure what the language is, but you know it's different, indicate that.

• Using some knowledge I gained in class this past week, I can see the webpage used is HTML which is common throughout multiple web sites. I also recognize Java or JavaScript is being used to communicate with the webpage. The diffrence between the two are that HTML helps display the websites information where as the Java or JavaScript code is producing the website page that is being shown.

What tools, strategies, and workflows used in the video do you think are common across all web development?

• So far I was able to truly understand how VScode or any similar coding sorce can be a value tool and strategy to the success of web development not just in the video but in general. I also believe that interpreting how Java Script to work properly on the backend is essential to the success of web development.

What strategies used in the video help with debugging?

• Similarly to the previous question, VScode is a valauable asset that can be used to help debug diffrent web components. Identifiyng the issues within a certain program with the coding system we are learning is key to solving critical issues within the backend or frontend components.

What tools and approaches used in the video do you think help in quality control / quality assurance?

• Primiarly using the inspect feature a a specific part of the website will help limit down what on the HTML code line is working and what is running into issues. Combining frontend coding tactics by the inspect feature and VScode can be used to assure the saftey and success of the web components.

What are 5 syntaxes / pieces of code shown you DO recognize (could be of any scale or size), time stamp (link) or screenshot it and list what they are them.

• (19:30) https://youtu.be/DWvRV9KuTjk?t=1170 - Under the data line of code is the code information used for displaying the data on the website. The description is the values being typed and said to be displayed on the website. The ID is used to identify that specific command. Lastly the loction is used to identify where on the page the values are being represented.
• (22:07) https://youtu.be/DWvRV9KuTjk?t=1327 - Line 1540 is used to indentify the items into nodes so that the website can process which specific items are being used/noted. The next line introduces nodes turned back to items.
• (25:05) https://youtu.be/DWvRV9KuTjk?t=1755 - Under title lesson 33, the items are listed with their ID counterpart to help the website understand what each item is linked to.
• (29:11) https://youtu.be/DWvRV9KuTjk?t=1751 - If the node is false, the page will then delete and refresh to ensure the right information is being displayed.
• (40:24) https://youtu.be/DWvRV9KuTjk?t=2424 - Simply saves information being used throughout the page.

What are 5 syntaxes / pieces of code shown you DON'T recognize, time stamp (link) or screenshot it and list what they are them.

• (22:30) https://youtu.be/DWvRV9KuTjk?t=1350 - Dont Understand line 636-643 and how it is used to be apart of the web componenets.
• (28:31) https://youtu.be/DWvRV9KuTjk?t=1711 - Lines 1144-1154 confuse me, I dont understand what the codes objective and endgoal is.
• (42:50) https://youtu.be/DWvRV9KuTjk?t=2570 - Line 457 code is a line I havent seen before and I am eager to learn more about what its primary purpose is.
• (46:44) https://youtu.be/DWvRV9KuTjk?t=2804 - In line 898, I dont understand why the use of "int" is being placed there.
• (54:46) https://youtu.be/DWvRV9KuTjk?t=3286 - Lines 715-722. How are the nodes being used and how are the items being affected?

You just wrote responses to these questions in Markdown. What even is that? (meme). What is Markdown and how is it similar, different, or related to HTML?

• Markdown is the extenstion used for the files we write which allows us to use commands, attach files, attach links, and insert/share code files. Markdown is similar to HTML when it comes to similar commands that can affect the code. For example, when you want to make a heading you have to incorportate a "#" symbol into the file editior. When working with HTML a similar shortcut is used to bold/title topics. Markdown and HTML are diffrent when it comes to exact commands and orginization as HTML works directly with front and back end codes where as markdown works mainly on front end coding.

Good job! You provided enough detail.

• It was JavaScript, not Java.
• At line 898, the int is placed to cast or change the type of a variable to another. For example, a variable x can hold 1 can be an integer 1 or a character '1'. Both typically look the same. But you may sometime need to convert the x to an integer. Let's say you are using x for array indexing, and the index needs to be integers. So, you use type-casting. myArray[(int)x]. That will convert the value of x to an integer and then use x for indexing. Similarly, in line 898, the $page->order was assigned an integer value (let's say the order of the page should be an integer, but it was saved in the backend as a character/string), so it was type-casted.