Eclypsed/CS343-Labs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First commit

Browse Source
This commit is contained in:
Eclypsed
2025-09-10 14:42:57 -04:00
commit 1d12903e4e
65 changed files with 3587 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
Lab 2/index.html Executable file
View File

@@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Nicholas Tamassia">
<meta name="description" content="Lab 2 submission">
<title>CS 343 Lab 2</title>
</head>
<body>
<script>
let header1 = 'Course Information', header2 = 'Detailed Course Objectives', header3 = 'Course Catalog Description'
let showFooter = true
</script>
<header>
<h1>CS 343: Application Development</h1>
<h2>Fall 2023</h2>
<blockquote cite="https://uxdworld.com">
<p>"A user interface is like a joke. If you have to explain it, it&rsquo;s not that good."</p>
<p>- Martin LeBlanc</p>
</blockquote>
</header>
<hr>
<section>
<h3 id="header1"></h3>
<p>
Learning to work with the tools and technologies that are used to build and
create web sites is both empowering and fun. With these tools, you can build
your own web sites and customize the experience of those you visit. You can
also create interactive applications for storing and manipulating personal or
enterprise data. And you can dynamically generate images and graphics to help
visualize data sets.
</p>
<p>
The goal of this course is to explore these technologies - HTML, CSS, and
Javascript - that define the structure, presentation, and interactions for
modern web development. In addition to covering the basics of how to use these
tools, we will explore guidelines to ensure the sites we create are accessible
for a variety of users, including users with disabilities. After completing
this course, you will have a solid foundation to continue learning more
advanced web development techniques.
</p>
<ul>
<li><strong>Website: </strong><a>https://w3.cs.jmu.edu/kirkpams/343</a></li>
<li><strong>Time: </strong>M/W/F 9:10 - 10:00 AM</li>
<li><strong>Location: </strong>King Hall 243</li>
<li><strong>Textbook: </strong><cite>Fundamentals of Web Development, 3rd Edition</cite></li>
</ul>
</section>
<hr>
<section>
<h3 id="header2"></h3>
<p>
Following the successful completion of this course, students will be able to:
</p>
<ol type="1">
<li>Summarize the key steps and processes for retrieving and displaying a web page.</li>
<li>Structure text documents as HTML and publish them on a server.</li>
<li>Apply accessibility standards to web documents.</li>
<li>Create and adapt CSS style sheets for consistent web site presentation and styling.</li>
<li>Use a web framework to create a modern, responsive web site.</li>
<li>Generate HTML content dynamically with Javascript.</li>
<li>Create handlers to detect and respond to user input events.</li>
<li>Store and retrieve data in client-side storage.</li>
<li>Build images dynamically using provided data.</li>
<li>Learn to consult a web framework documentation and tutorials for additional help.</li>
</ol>
</section>
<hr>
<section>
<h3 id="header3"></h3>
<p>
Projects or topics in computer science which are of interest to the lower
division student. May be repeated for credit when course content changes.
Topics may vary. Prerequisite: Fully admitted Computer Science majors or
minors only and students should consult the instructor prior to enrolling
for the course.
</p>
</section>
<hr>
<footer id="footer"></footer>
<script>
document.querySelector('#header1').innerText = header1
document.querySelector('#header2').innerText = header2
document.querySelector('#header3').innerText = header3
const footer = document.querySelector('#footer')
if (showFooter) {
footer.innerHTML = '<img src="./JMU-Logo-RGB-horiz-purple.png" alt="James Madison University logo in purple" />'
} else {
footer.innerText = 'JMU logo is not shown'
}
</script>
</body>
</html>