From e765f6ca8e26548c474dc6856d526d6d6ee64adf Mon Sep 17 00:00:00 2001 From: jinaneizrafil <137732489+jinaneizrafil@users.noreply.github.com> Date: Mon, 17 Jul 2023 07:32:35 -0800 Subject: [PATCH] jinane izrafil --- Foundations/Exam1/readme.md | 209 ++++++++++++++++++++++++++++++++---- 1 file changed, 187 insertions(+), 22 deletions(-) diff --git a/Foundations/Exam1/readme.md b/Foundations/Exam1/readme.md index 778de05..ea2323a 100644 --- a/Foundations/Exam1/readme.md +++ b/Foundations/Exam1/readme.md @@ -1,9 +1,9 @@ -**Name:**\_\_\_\_\_\_\_\_\_ +**Name:** Jinane Izrafil 1. **HTML**: Which HTML element is used to specify a title for a document? - A. `` - - B. `` + - **B.`<title>`** - C. `<header>` - D. `<meta>` @@ -11,12 +11,12 @@ - A. Creative Style Sheets - B. Cascading Style Scripts - - C. Cascading Style Sheets + - **C. Cascading Style Sheets** - D. Computer Style Sheets 3. **Git**: What command initializes a new Git repository? - - A. git init + -**A. git init** - B. git new - C. git start - D. git create @@ -25,13 +25,13 @@ - A. "10 > 9" - B. false - - C. true + - **C. true** - D. undefined 5. **HTML**: Which HTML element is used to create an unordered list? - A. `<ol>` - - B. `<ul>` + - **B. `<ul>`** - C. `<li>` - D. `<p>` @@ -39,7 +39,7 @@ - A. The opacity level of an element - B. The width and height of an element - - C. The stack order of an element + - **C. The stack order of an element** - D. The border thickness of an element 7. **Git**: How can you discard changes in the working directory in Git? @@ -54,18 +54,18 @@ - A. String - B. Boolean - C. Function - - D. Character + - **D. Character** 9. **HTML**: Which of the following tags is used to insert a blank line in HTML? - - A. `<br>` + - **A. `<br>`** - B. `<hr>` - C. `<line>` - D. `<break>` 10. **CSS**: Which CSS property is used to change the text color of an element? - - A. color + - **A. color** - B. text-color - C. font-color - D. textColor @@ -74,20 +74,20 @@ - A. git new branch - B. git branch new - - C. git branch <name> + - **C. git branch <name>** - D. git create <name> 12. **JavaScript**: How do you declare a JavaScript variable? - A. variable carName; - - B. var carName; + - **B. var carName;** - C. v carName; - D. declare carName; 13. **HTML**: Which doctype is correct for HTML5? - A. `<!DOCTYPE HTML PUBLIC>` - - B. `<!DOCTYPE HTML>` + - **B. `<!DOCTYPE HTML>`** - C. `<!DOCTYPE>` - D. `<!HTML>` @@ -96,19 +96,19 @@ - A. demo - B. .demo - C. \*demo - - D. #demo + - **D. #demo** 15. **Git**: What is the purpose of the `git push` command? - A. To fetch from and integrate with another repository - B. To record changes to the repository - - C. To update remote refs along with associated objects + - **C. To update remote refs along with associated objects** - D. To list all new or modified files to be committed 16. **JavaScript**: What is the correct JavaScript syntax to change the content of the HTML element below? `<p id="demo">This is a demonstration.</p>` - A. document.getElement("p").innerHTML = "Hello World!"; - - B. document.getElementById("demo").innerHTML = "Hello - World!" + - **B. document.getElementById("demo").innerHTML = "Hello - World!"** - C. #demo.innerHTML = "Hello World!"; - D. p.demo.innerHTML = "Hello World!"; @@ -116,20 +116,20 @@ - A. `<checkbox>` - B. `<check>` - - C. `<input type="checkbox">` + - **C. `<input type="checkbox">`** - D. `<input type="check">` 18. **CSS**: Which property is used to change the background color? - A. color - B. bg-color - - C. background-color + - **C. background-color** - D. bgcolor 19. **Git**: What does `git clone` do? - A. Clones your local repository - - B. Clones a remote repository to your local machine + - **B. Clones a remote repository to your local machine** - C. Copies a branch - D. Copies a commit @@ -138,33 +138,198 @@ - A. A local variable for function - B. A global variable for function - C. A block of code - - D. An inner function that has access to the outer (enclosing) function's variables—scope chain. + - **D. An inner function that has access to the outer (enclosing) function's variables—scope chain.** 21. **HTML**: Your task is to build a basic HTML structure for a blog article page. The page should have a header with the blog name, a main section, and a footer. The main section should include an article with a title, author name, published date, and the content of the article. Also include a section for comments. Each comment should display the commenter's name, comment date, and the comment itself. + + <!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Blog Title + + +
+

Blog Name

+
+
+
+

Article Title

+

Author Name

+

Published Date

+

content

+
+
+

Comments

+

Commenter Name

+

Comment Date

+

Comment content

+
+
+ + + + 22. **HTML**: Create a simple HTML table that has 3 rows and 2 columns. The first row should be the table header. Also, write CSS to make the table expand to the full width of its parent element and each cell should have a border. - + ``html + + + + + + Document + + + + + + + + + + + + + + + + + + + + + +
title1title2
1-11-2
2-12-2
3-13-2
+ + + + +```/``` 23. **CSS**: Write a CSS rule that changes the font color to blue for any paragraph that is a direct child of a div element. + + + 24. **CSS**: Given the HTML structure for the blog from the previous question, use CSS to style it. The blog title should be centered and have a different color than the rest of the text. The article title should be bold and underlined. The comments section should have a different background color than the rest of the page. + + + + + + Blog Title + + + +
+

Blog Name

+
+
+
+

Article Title

+

Author Name

+

Published Date

+

content

+
+
+

Comments

+

Commenter Name

+

Comment Date

+

Comment content

+
+
+ + + + + 25. **Javascript**: Write a JavaScript function that takes an array of numbers as an argument and returns the sum of all the numbers in the array. Test the function with an array of your choice. +```javascript + function sumArray(numbers) { + let sum = 0; + for (let i = 0; i < numbers.length; i++) { + sum += numbers[i]; + } + return sum; +} +const numbersArray = [1, 2, 3, 4, 5]; +const result = sumArray(numbersArray); +console.log("Sum=", result); +``` 26. **Javascript**: + +```javascript Create a JavaScript object that represents a student. The object should have properties for name, age, and subjects. Subjects should be an array of strings +const student = { + name: "pam", + age: 15, + subjects: ["Math", "chemistry", "physics"] +}; +``` 27. **Javascript**: Write a JavaScript function that adds a new item to a list in the HTML document. Assume the list has an id of "myList". + ```javascript + function addItemToList(itemText) { + const myList = document.getElementById("myList"); + const newItem = document.createElement("li"); + newItem.textContent = itemText; + myList.appendChild(newItem); +} + ``` 28. **Git**: Write the Git command to clone a repository from GitHub + ```git +git clone the link +``` 29. **Git**: Write the Git command to check the status of your repository. + ```git + git status + ``` + + +30. In your own words, define what "boilerplate code" means -30. In your own words, define what "boilerplate code" means \ No newline at end of file +Boilerplate code are solution provided by VS Code, where a repetitive code can be called within a program by typing prefix names. \ No newline at end of file