August 2023 to June 2024
View the Project on GitHub IshanCornick/new_student
Clear demonstration of Markdown syntax with heading and paragraph examples. Proper use of Markdown conventions for creating headings and paragraphs.
HTML examples are well-structured, featuring heading and paragraph tags. Each HTML tag is accompanied by a Markdown description, enhancing understanding for users familiar with Markdown. Attributes: Good explanation of attributes in HTML tags with the concept of name/value pairs. A practical example of an (anchor) tag with an href attribute is provided.
A comparison between Markdown and HTML tags is presented, showcasing the syntax differences. Examples include image tags, link tags, bold and italic text, emphasizing the transition from Markdown to equivalent HTML.
The introduction of additional HTML tags like <p>,
The content effectively introduces users to the basics of Markdown and HTML. The side-by-side comparison aids in understanding the transition from Markdown to HTML, making it a useful resource for beginners. [3:39 PM] NEXT # JavaScript Basics - Variables, Strings, Numbers, Arrays, and Objects
Clear examples of variable declaration, assignment, and logging are provided. Proper use of console.log() helps users understand variable values and types.
String manipulation functions like substring(), toUpperCase(), toLowerCase(), and includes() are demonstrated. Each function is appropriately explained, and practical examples are given.
Useful information about number operations (+, -, *, /, %) and formatting (.toString(), Math.round(), .toFixed()) is covered. Practical examples enhance comprehension of number-related concepts.
Introduction to arrays with examples of declaration and access. Array manipulation methods like push(), shift(), and pop() are demonstrated.
Clear explanation and examples of object creation, access, and manipulation are provided. Proper use of dot notation and square bracket notation is highlighted.
The JavaScript basics tutorial effectively introduces users to key concepts, providing a solid foundation for further learning. The inclusion of practical examples enhances the user’s understanding and application of JavaScript fundamentals. [3:40 PM] NEXT # JavaScript DOM Manipulation and Functions Review
The provided code demonstrates various aspects of JavaScript DOM manipulation and functions. Below is a detailed review:
Example #1 shows the use of document.getElementById to access an HTML element by its ID. The retrieved element is logged to the console, illustrating the structure of the DOM.
Example #2 introduces the use of .innerHTML to retrieve data within an HTML element. The inner HTML of the element is logged, showcasing how to access the content.
Example #3 demonstrates updating the inner HTML of an element using the assignment operator. The updated inner HTML is logged to the console.
Example #4 creates a new p element using document.createElement and sets its content. The new element is logged, highlighting the process of element creation.
Example #5 addresses the issue of the created element not being placed in the HTML. The solution involves using appendChild to add the element to a specified location in the HTML.
Example #6 defines a function (createPTag) that creates a p element with specified text. The function is used to create a p element, which is then added to the HTML.
Example #7 introduces the OnClick event, triggering the creation of a p element when a button is clicked. Two functions (createPTag and addPTagOnButton) are used in conjunction with the event.
The code effectively covers various aspects of DOM manipulation and functions in JavaScript. It provides a comprehensive understanding of accessing, modifying, and creating elements within the DOM. The use of functions enhances code readability and reusability. [3:41 PM] NEXT # JavaScript Basics - Console, Variables, Operators, and Conditional Statements
The provided code covers fundamental JavaScript concepts, including console output, data types, operators, and conditional statements. Below is a detailed review:
Example #1 demonstrates the use of console.log to output text to the console. Clear instructions are provided on how to view the console in various browsers.
The section emphasizes the importance of understanding how data is stored in programming, introducing the concept of Data Abstraction. Basic data types in JavaScript (string, number, boolean) are explained.
The process of creating variables using the var keyword and accessing data by using the variable name is explained. Examples #3 and #4 show the creation of variables and logging them along with their types.
Example #5 illustrates string concatenation and string comparison using operators like == and !==. The assignment operator (=) is demonstrated for changing the value of a variable.
Example #6 covers number operators (+, -, *, /, %) and their usage. Number comparison with operators like ===, !==, <, >, <=, and >= is demonstrated.
Example #7 introduces conditional statements (if, else if, else) based on the example of setting an alarm. Clear explanations and comments accompany the code, making it beginner-friendly.
Example #8 extends the use of conditional statements by incorporating comparison operators. The if, else if, else structure is utilized to handle different cases.
The code effectively covers foundational concepts of JavaScript, providing a solid introduction to variables, operators, and conditional statements. It serves as a beginner-friendly resource for understanding essential programming principles. [3:41 PM] NEXT # JavaScript - Debugging
Introduced a variable letterNumber to represent the position of the alphabet letter. Used a for loop to iterate through alphabetList. Checked if the current index i matches the specified letterNumber. If there’s a match, printed the corresponding alphabet letter and its position.
The loop condition in for (var i = 0; i < alphabetList; i++) should be for (var i = 0; i < alphabetList.length; i++) to iterate over the array properly. The printed output message includes a hardcoded “1” in “is letter number 1 in the alphabet”. It should be the actual position. Review for Segment 3: Odd Numbers
Corrected the loop condition to while (i < 10) to print odd numbers below 10. Adjusted the loop increment to i += 2 to ensure odd numbers are pushed into the array.
The loop condition while (i < 10) should be while (i <= 10) to include the number 10. The variable name evens is misleading; consider renaming it to odds for clarity. Review for Segment 4: Filtering Numbers
Adjusted the loop condition to while (i <= 100) to include 100. In the for loop, directly iterate through the array elements rather than using for (var i of numbers).
The loop condition while (i < 100) is correct, but the loop could be simplified as for (var i = 1; i <= 100; i++). The logic inside the loop could be improved to correctly filter multiples of 2 or 5. Review for Challenge: Menu Calculation
Added a function calculateTotal(item) to calculate the total cost based on the selected menu item. Updated the code to call this function for the specified item (“burger”). Added all other items present to calculate the total.
The toFixed(2) method is used to round the menu item prices to two decimal places, which is a good practice for currency representation. The code should be expanded to handle multiple items and accumulate the total cost.
The provided code shows understanding of basic JavaScript concepts. Feedback provided aims to enhance correctness and clarity. Further improvements could be made based on the specific comments for each code segment. [3:42 PM] NEXT # Accomplishments:
II white_check_mark eyes raised_hands
2:51
This week we worked on our Web Development test. Ishan Lincoln Sergi and I worked on the hacks and practiced to present them. We input and ran the code and made sure we were prepared.
First, we had an issue in where some of our running code wasn’t disposing our preferred output. After “swapping” the links on js with HTML the expected output of “switched” wasn’t appearing. We added a missing piece of code to resolve our issues. Lincoln and I had issues with our teacher repository not updating the new files, we tried committing and pulling, which fortunately worked for me but Lincoln had to create a new teacher repository.
Clear demonstration of Markdown syntax with heading and paragraph examples. Proper use of Markdown conventions for creating headings and paragraphs.
HTML examples are well-structured, featuring heading and paragraph tags. Each HTML tag is accompanied by a Markdown description, enhancing understanding for users familiar with Markdown. Attributes: Good explanation of attributes in HTML tags with the concept of name/value pairs. A practical example of an (anchor) tag with an href attribute is provided.
A comparison between Markdown and HTML tags is presented, showcasing the syntax differences. Examples include image tags, link tags, bold and italic text, emphasizing the transition from Markdown to equivalent HTML.
The introduction of additional HTML tags like <p>,
The content effectively introduces users to the basics of Markdown and HTML. The side-by-side comparison aids in understanding the transition from Markdown to HTML, making it a useful resource for beginners. [3:39 PM] NEXT # JavaScript Basics - Variables, Strings, Numbers, Arrays, and Objects
Clear examples of variable declaration, assignment, and logging are provided. Proper use of console.log() helps users understand variable values and types.
String manipulation functions like substring(), toUpperCase(), toLowerCase(), and includes() are demonstrated. Each function is appropriately explained, and practical examples are given.
Useful information about number operations (+, -, *, /, %) and formatting (.toString(), Math.round(), .toFixed()) is covered. Practical examples enhance comprehension of number-related concepts.
Introduction to arrays with examples of declaration and access. Array manipulation methods like push(), shift(), and pop() are demonstrated.
Clear explanation and examples of object creation, access, and manipulation are provided. Proper use of dot notation and square bracket notation is highlighted.
The JavaScript basics tutorial effectively introduces users to key concepts, providing a solid foundation for further learning. The inclusion of practical examples enhances the user’s understanding and application of JavaScript fundamentals. [3:40 PM] NEXT # JavaScript DOM Manipulation and Functions Review
The provided code demonstrates various aspects of JavaScript DOM manipulation and functions. Below is a detailed review:
Example #1 shows the use of document.getElementById to access an HTML element by its ID. The retrieved element is logged to the console, illustrating the structure of the DOM.
Example #2 introduces the use of .innerHTML to retrieve data within an HTML element. The inner HTML of the element is logged, showcasing how to access the content.
Example #3 demonstrates updating the inner HTML of an element using the assignment operator. The updated inner HTML is logged to the console.
Example #4 creates a new p element using document.createElement and sets its content. The new element is logged, highlighting the process of element creation.
Example #5 addresses the issue of the created element not being placed in the HTML. The solution involves using appendChild to add the element to a specified location in the HTML.
Example #6 defines a function (createPTag) that creates a p element with specified text. The function is used to create a p element, which is then added to the HTML.
Example #7 introduces the OnClick event, triggering the creation of a p element when a button is clicked. Two functions (createPTag and addPTagOnButton) are used in conjunction with the event.
The code effectively covers various aspects of DOM manipulation and functions in JavaScript. It provides a comprehensive understanding of accessing, modifying, and creating elements within the DOM. The use of functions enhances code readability and reusability. [3:41 PM] NEXT # JavaScript Basics - Console, Variables, Operators, and Conditional Statements
The provided code covers fundamental JavaScript concepts, including console output, data types, operators, and conditional statements. Below is a detailed review:
Example #1 demonstrates the use of console.log to output text to the console. Clear instructions are provided on how to view the console in various browsers.
The section emphasizes the importance of understanding how data is stored in programming, introducing the concept of Data Abstraction. Basic data types in JavaScript (string, number, boolean) are explained.
The process of creating variables using the var keyword and accessing data by using the variable name is explained. Examples #3 and #4 show the creation of variables and logging them along with their types.
Example #5 illustrates string concatenation and string comparison using operators like == and !==. The assignment operator (=) is demonstrated for changing the value of a variable.
Example #6 covers number operators (+, -, *, /, %) and their usage. Number comparison with operators like ===, !==, <, >, <=, and >= is demonstrated.
Example #7 introduces conditional statements (if, else if, else) based on the example of setting an alarm. Clear explanations and comments accompany the code, making it beginner-friendly.
Example #8 extends the use of conditional statements by incorporating comparison operators. The if, else if, else structure is utilized to handle different cases.
The code effectively covers foundational concepts of JavaScript, providing a solid introduction to variables, operators, and conditional statements. It serves as a beginner-friendly resource for understanding essential programming principles. [3:41 PM] NEXT # JavaScript - Debugging
Introduced a variable letterNumber to represent the position of the alphabet letter. Used a for loop to iterate through alphabetList. Checked if the current index i matches the specified letterNumber. If there’s a match, printed the corresponding alphabet letter and its position.
The loop condition in for (var i = 0; i < alphabetList; i++) should be for (var i = 0; i < alphabetList.length; i++) to iterate over the array properly. The printed output message includes a hardcoded “1” in “is letter number 1 in the alphabet”. It should be the actual position. Review for Segment 3: Odd Numbers
Corrected the loop condition to while (i < 10) to print odd numbers below 10. Adjusted the loop increment to i += 2 to ensure odd numbers are pushed into the array.
The loop condition while (i < 10) should be while (i <= 10) to include the number 10. The variable name evens is misleading; consider renaming it to odds for clarity. Review for Segment 4: Filtering Numbers
Adjusted the loop condition to while (i <= 100) to include 100. In the for loop, directly iterate through the array elements rather than using for (var i of numbers).
The loop condition while (i < 100) is correct, but the loop could be simplified as for (var i = 1; i <= 100; i++). The logic inside the loop could be improved to correctly filter multiples of 2 or 5. Review for Challenge: Menu Calculation
Added a function calculateTotal(item) to calculate the total cost based on the selected menu item. Updated the code to call this function for the specified item (“burger”). Added all other items present to calculate the total.
The toFixed(2) method is used to round the menu item prices to two decimal places, which is a good practice for currency representation. The code should be expanded to handle multiple items and accumulate the total cost.
The provided code shows understanding of basic JavaScript concepts. Feedback provided aims to enhance correctness and clarity. Further improvements could be made based on the specific comments for each code segment. [3:42 PM] NEXT # Accomplishments:
II white_check_mark eyes raised_hands
2:51
This week we worked on our Web Development test. Ishan Lincoln Sergi and I worked on the hacks and practiced to present them. We input and ran the code and made sure we were prepared.
First, we had an issue in where some of our running code wasn’t disposing our preferred output. After “swapping” the links on js with HTML the expected output of “switched” wasn’t appearing. We added a missing piece of code to resolve our issues. Lincoln and I had issues with our teacher repository not updating the new files, we tried committing and pulling, which fortunately worked for me but Lincoln had to create a new teacher repository.