0% found this document useful (0 votes)
18 views

index.html (3)

Uploaded by

judedautey20
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
18 views

index.html (3)

Uploaded by

judedautey20
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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