Scribd
Upload
15 views

index.html (3)

Uploaded by

judedautey20
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
15 views

index.html (3)

Uploaded by

judedautey20
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 6

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Year 1, Section 1: Algebra 1</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 20px;
background-color: #f4f4f4;
}
.container {
max-width: 1200px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h1, h2, h3 {
color: #333;
}
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
.tab button:hover {
background-color: #ddd;
}
.tab button.active {
background-color: #ccc;
}
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
#dictionary input {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
#dictionary-list {
list-style-type: none;
padding: 0;
}
#dictionary-list li {
background-color: #f1f1f1;
margin: 5px 0;
padding: 10px;
border-radius: 3px;
}
</style>
</head>
<body>
<div class="container">
<h1>Year 1, Section 1: Algebra 1</h1>

<div class="tab">
<button class="tablinks" onclick="openTab(event, 'Content')"
id="defaultOpen">Content</button>
<button class="tablinks" onclick="openTab(event, 'WorkSolutions')">Work
Solutions</button>
<button class="tablinks" onclick="openTab(event, 'Quiz')">Quiz</button>
<button class="tablinks" onclick="openTab(event,
'Simulations')">Simulations</button>
<button class="tablinks" onclick="openTab(event,
'Resources')">Resources</button>
<button class="tablinks" onclick="openTab(event,
'Projects')">Projects</button>
<button class="tablinks" onclick="openTab(event,
'Dictionary')">Dictionary</button>
</div>

<div id="Content" class="tabcontent">


<h2>Content</h2>
<h3>Unit 1.1: Sets</h3>
<ul>
<li>Algebra of sets</li>
<li>Three-set problems</li>
</ul>
<h3>Unit 1.2: Surds</h3>
<ul>
<li>Operations on surds</li>
<li>Rationalizing surds with binomial denominators</li>
</ul>
<h3>Unit 1.3: Binary Operations</h3>
<ul>
<li>Properties of binary operations</li>
<li>Closure property</li>
<li>Identity and inverse elements</li>
</ul>
<h3>Unit 1.4: Relations and Functions</h3>
<ul>
<li>Graphical representation of functions</li>
<li>Domain and range of functions</li>
<li>Inverse functions</li>
<li>Composite functions</li>
</ul>
<h3>Unit 1.5: Polynomial Functions</h3>
<ul>
<li>Linear and quadratic functions</li>
<li>Sketching curves of quadratic functions</li>
<li>Solving quadratic equations</li>
<li>Nature of roots of quadratic equations</li>
<li>Polynomial functions of higher degree</li>
<li>Operations on polynomials</li>
<li>Remainder and factor theorems</li>
</ul>
<h3>Unit 1.6: Rational Functions</h3>
<ul>
<li>Definition and properties of rational functions</li>
<li>Operations on rational functions</li>
<li>Partial fractions</li>
</ul>
<h3>Unit 1.7: Binomial Theorem</h3>
<ul>
<li>Binomial expansion for positive integral index</li>
<li>Combination method for determining coefficients</li>
<li>Approximation of exponential values using binomial
expansion</li>
</ul>
<h3>Unit 1.8: Inequalities and Linear Programming</h3>
<ul>
<li>Linear inequalities in two variables</li>
<li>Graphical solution of simultaneous inequalities</li>
<li>Quadratic inequalities</li>
</ul>
</div>

<div id="WorkSolutions" class="tabcontent">


<h2>Work Solutions</h2>
<h3>Example 1: Set Operations</h3>
<p>Given sets A = {1, 2, 3, 4}, B = {3, 4, 5, 6}, and C = {4, 5, 6, 7},
find:</p>
<ol type="a">
<li>A ∪ B = {1, 2, 3, 4, 5, 6}</li>
<li>A ∩ B = {3, 4}</li>
<li>(A ∪ B) ∩ C = {4, 5, 6}</li>
<li>A' (complement of A in the universal set U = {1, 2, 3, 4, 5, 6,
7}) = {5, 6, 7}</li>
</ol>
<h3>Example 2: De Morgan's Law</h3>
<p>Prove: (A ∪ B)' = A' ∩ B'</p>
<p>Proof: (A ∪ B)' contains all elements not in A and not in B, which
is the same as A' ∩ B'.</p>
<h3>Example 3: Set Problem</h3>
<p>In a class of 30 students, 15 play football, 12 play basketball, and
8 play both sports. How many students don't play either sport?</p>
<p>Solution: Students who play at least one sport = 15 + 12 - 8 =
19<br>
Students who don't play either sport = 30 - 19 = 11</p>
</div>

<div id="Quiz" class="tabcontent">


<h2>Quiz</h2>
<ol>
<li>If A = {1, 2, 3} and B = {2, 3, 4}, what is A ∪ B?
<br>Answer: {1, 2, 3, 4}
</li>
<li>Which of the following is always true for any sets A and B?
<br>Answer: A ∪ B = B ∪ A and A ∩ B = B ∩ A
</li>
<li>If U = {1, 2, 3, 4, 5, 6, 7, 8, 9, 10} is the universal set,
and A = {2, 4, 6, 8}, what is A'?
<br>Answer: {1, 3, 5, 7, 9, 10}
</li>
<li>Simplify: √18 + √50 - √8
<br>Answer: 5√2
</li>
<li>Which of the following is a rational function?
<br>Answer: f(x) = (x^2 + 1) / (x - 2)
</li>
</ol>
</div>

<div id="Simulations" class="tabcontent">


<h2>Simulations</h2>
<p>For interactive simulations, please visit the following links:</p>
<ul>
<li><a href="https://www.geogebra.org/m/nbjfjtpv"
target="_blank">Interactive Venn Diagram</a></li>
<li><a href="https://www.desmos.com/calculator/auubsajefh"
target="_blank">Quadratic Function Grapher</a></li>
<li><a href="https://www.geogebra.org/m/mbjjpqhr"
target="_blank">Binomial Expansion Calculator</a></li>
</ul>
</div>

<div id="Resources" class="tabcontent">


<h2>Resources</h2>
<ul>
<li><a href="https://www.khanacademy.org/math/statistics-
probability/probability-library/basic-set-ops/v/basic-set-operations"
target="_blank">Khan Academy: Set Theory Basics</a></li>
<li><a href="https://www.mathsisfun.com/algebra/quadratic-
equation.html" target="_blank">Mathsisfun: Quadratic Functions</a></li>
<li><a href="https://mathworld.wolfram.com/BinomialTheorem.html"
target="_blank">Wolfram MathWorld: Binomial Theorem</a></li>
<li><a
href="https://tutorial.math.lamar.edu/Classes/Alg/RationalFunctions.aspx"
target="_blank">Paul's Online Math Notes: Rational Functions</a></li>
<li><a href="https://ocw.mit.edu/courses/sloan-school-of-
management/15-053-optimization-methods-in-management-science-spring-2013/
tutorials/MIT15_053S13_tut01.pdf" target="_blank">MIT OpenCourseWare: Linear
Programming Introduction</a></li>
</ul>
</div>

<div id="Projects" class="tabcontent">


<h2>Projects</h2>
<h3>1. Set Theory in Real Life</h3>
<p><strong>Materials:</strong> Colored paper, scissors, glue, large
poster board</p>
<p><strong>Steps:</strong></p>
<ol>
<li>Choose three overlapping categories (e.g., sports, music, and
reading)</li>
<li>Survey classmates about their interests in these
categories</li>
<li>Create a large Venn diagram on the poster board</li>
<li>Use colored paper to represent each person and place them in
the appropriate region of the Venn diagram</li>
<li>Analyze the results and present findings to the class</li>
</ol>
<h3>2. Quadratic Functions in Architecture</h3>
<p><strong>Materials:</strong> Graph paper, ruler, colored pencils,
computer with graphing software</p>
<p><strong>Steps:</strong></p>
<ol>
<li>Research buildings or structures that incorporate parabolic
shapes</li>
<li>Sketch the parabolic elements on graph paper</li>
<li>Determine the quadratic function that best fits the sketch</li>
<li>Use graphing software to plot the function and compare it to
the original sketch</li>
<li>Present findings, discussing how quadratic functions are used
in architecture</li>
</ol>
</div>

<div id="Dictionary" class="tabcontent">


<h2>Dictionary</h2>
<input type="text" id="dictionarySearch" onkeyup="searchDictionary()"
placeholder="Search for terms...">
<ul id="dictionary-list">
<li><strong>∪ (Union):</strong> Combines elements from two or more
sets</li>
<li><strong>∩ (Intersection):</strong> Contains elements common to
two or more sets</li>
<li><strong>' (Complement):</strong> Contains all elements not in a
given set</li>
<li><strong>⊆ (Subset):</strong> A set contained entirely within
another set</li>
<li><strong>∈ (Element of):</strong> Indicates that an item is a
member of a set</li>
<li><strong>f(x) (Function notation):</strong> Represents the
output of a function for a given input x</li>
<li><strong>Δ (Discriminant):</strong> Used in quadratic equations
to determine the nature of roots</li>
<li><strong>√ (Square root):</strong> The inverse operation of
squaring a number</li>
<li><strong>∘ (Composition):</strong> Denotes the composition of
two functions</li>
<li><strong>≤ (Less than or equal to):</strong> Indicates that one
value is less than or equal to another</li>
<li><strong>≥ (Greater than or equal to):</strong> Indicates that
one value is greater than or equal to another</li>
<li><strong>∑ (Summation):</strong> Represents the sum of a series
of values</li>
<li><strong>π (Pi):</strong> The ratio of a circle's circumference
to its diameter, approximately 3.14159</li>
<li><strong>e (Euler's number):</strong> The base of natural
logarithms, approximately 2.71828</li>
<li><strong>∞ (Infinity):</strong> A concept representing an
unbounded, unlimited, or unmeasurable quantity</li>
</ul>
</div>
</div>

<script>
function openTab(evt, tabName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active",
"");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " active";
}

document.getElementById("defaultOpen").click();

function searchDictionary() {
var input, filter, ul, li, i, txtValue;
input = document.getElementById("dictionarySearch");
filter = input.value.toUpperCase();
ul = document.getElementById("dictionary-list");
li = ul.getElementsByTagName("li");
for (i = 0; i < li.length; i++) {
txtValue = li[i].textContent || li[i].innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
li[i].style.display = "none";
}
}
}
</script>
</body>
</html>

You might also like