109 lines
4.4 KiB
HTML
Executable File
109 lines
4.4 KiB
HTML
Executable File
<!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’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> |