commit 1d12903e4eeba3cd9d39390e29e1fdf0b44248c1 Author: Eclypsed Date: Wed Sep 10 14:42:57 2025 -0400 First commit diff --git a/Lab 10/storadons.html b/Lab 10/storadons.html new file mode 100755 index 0000000..34a8b33 --- /dev/null +++ b/Lab 10/storadons.html @@ -0,0 +1,255 @@ + + + + + + + Storadons + + + + + + + + +
+
+

🦕 Storadons

+ + +
+ + +
+
+
+ + + +
+
    +
    +
    + + + + + \ No newline at end of file diff --git a/Lab 11/JMU-Logo-RGB-horiz-purple.png b/Lab 11/JMU-Logo-RGB-horiz-purple.png new file mode 100755 index 0000000..6a8e986 Binary files /dev/null and b/Lab 11/JMU-Logo-RGB-horiz-purple.png differ diff --git a/Lab 11/bootstrap.html b/Lab 11/bootstrap.html new file mode 100755 index 0000000..d01c4a0 --- /dev/null +++ b/Lab 11/bootstrap.html @@ -0,0 +1,131 @@ + + + + + + + CSP Test + + + + + + + + + + + + +
    +
    +
    +
    +
    +

    Inline CSS

    +
    +
    +

    Large text

    +
    +
    +
    +
    +
    +
    +

    Local CSS file

    +
    +
    +

    Level 5 heading

    +
    +
    +
    +
    +
    +
    +

    Remote CSS file

    +
    +
    +

    Level 6 heading

    +
    +
    +
    +
    +
    +
    +

    Inline JavaScript

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Local JS file

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Remote JS file

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Display an image

    +
    +
    + Image should not load due to CSP +
    +
    +
    +
    +
    +
    +

    Local image in iframe

    +
    +
    + +
    +
    +
    +
    +
    +
    +

    Remote image in iframe

    +
    +
    + +
    +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/Lab 11/index.html b/Lab 11/index.html new file mode 100755 index 0000000..905488f --- /dev/null +++ b/Lab 11/index.html @@ -0,0 +1,130 @@ + + + + + + + CSP Test + + + + + + + + + + + +
    +
    +
    +
    +
    +

    Inline CSS

    +
    +
    +

    Large text

    +
    +
    +
    +
    +
    +
    +

    Local CSS file

    +
    +
    +

    Level 5 heading

    +
    +
    +
    +
    +
    +
    +

    Remote CSS file

    +
    +
    +

    Level 6 heading

    +
    +
    +
    +
    +
    +
    +

    Inline JavaScript

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Local JS file

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Remote JS file

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Display an image

    +
    +
    + Image should not load due to CSP +
    +
    +
    +
    +
    +
    +

    Local image in iframe

    +
    +
    + +
    +
    +
    +
    +
    +
    +

    Remote image in iframe

    +
    +
    + +
    +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/Lab 11/local.html b/Lab 11/local.html new file mode 100755 index 0000000..4c3d2a2 --- /dev/null +++ b/Lab 11/local.html @@ -0,0 +1,131 @@ + + + + + + + CSP Test + + + + + + + + + + + + +
    +
    +
    +
    +
    +

    Inline CSS

    +
    +
    +

    Large text

    +
    +
    +
    +
    +
    +
    +

    Local CSS file

    +
    +
    +

    Level 5 heading

    +
    +
    +
    +
    +
    +
    +

    Remote CSS file

    +
    +
    +

    Level 6 heading

    +
    +
    +
    +
    +
    +
    +

    Inline JavaScript

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Local JS file

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Remote JS file

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Display an image

    +
    +
    + Image should not load due to CSP +
    +
    +
    +
    +
    +
    +

    Local image in iframe

    +
    +
    + +
    +
    +
    +
    +
    +
    +

    Remote image in iframe

    +
    +
    + +
    +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/Lab 11/local.js b/Lab 11/local.js new file mode 100755 index 0000000..d32e226 --- /dev/null +++ b/Lab 11/local.js @@ -0,0 +1,7 @@ +(function() { + let scripts = document.getElementsByTagName('script'); + let script = scripts[scripts.length - 1]; + let parent = script.parentNode; + + parent.textContent = 'This is locally generated'; +})(); diff --git a/Lab 11/noframe.html b/Lab 11/noframe.html new file mode 100755 index 0000000..08ba3f8 --- /dev/null +++ b/Lab 11/noframe.html @@ -0,0 +1,131 @@ + + + + + + + CSP Test + + + + + + + + + + + + +
    +
    +
    +
    +
    +

    Inline CSS

    +
    +
    +

    Large text

    +
    +
    +
    +
    +
    +
    +

    Local CSS file

    +
    +
    +

    Level 5 heading

    +
    +
    +
    +
    +
    +
    +

    Remote CSS file

    +
    +
    +

    Level 6 heading

    +
    +
    +
    +
    +
    +
    +

    Inline JavaScript

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Local JS file

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Remote JS file

    +
    +
    +

    + +

    +
    +
    +
    +
    +
    +
    +

    Display an image

    +
    +
    + Image should not load due to CSP +
    +
    +
    +
    +
    +
    +

    Local image in iframe

    +
    +
    + +
    +
    +
    +
    +
    +
    +

    Remote image in iframe

    +
    +
    + +
    +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/Lab 11/styles.css b/Lab 11/styles.css new file mode 100755 index 0000000..2f502ec --- /dev/null +++ b/Lab 11/styles.css @@ -0,0 +1,3 @@ +.h5 { + font-style: italic; +} diff --git a/Lab 2/JMU-Logo-RGB-horiz-purple.png b/Lab 2/JMU-Logo-RGB-horiz-purple.png new file mode 100755 index 0000000..6a8e986 Binary files /dev/null and b/Lab 2/JMU-Logo-RGB-horiz-purple.png differ diff --git a/Lab 2/index.html b/Lab 2/index.html new file mode 100755 index 0000000..166fd38 --- /dev/null +++ b/Lab 2/index.html @@ -0,0 +1,109 @@ + + + + + + + + + CS 343 Lab 2 + + + + + +
    +

    CS 343: Application Development

    +

    Fall 2023

    +
    +

    "A user interface is like a joke. If you have to explain it, it’s not that good."

    +

    - Martin LeBlanc

    +
    +
    + +
    + +
    +

    +

    + 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. +

    +

    + 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. +

    + +
    + +
    + +
    +

    +

    + Following the successful completion of this course, students will be able to: +

    +
      +
    1. Summarize the key steps and processes for retrieving and displaying a web page.
      2. +
    2. Structure text documents as HTML and publish them on a server.
      3. +
    3. Apply accessibility standards to web documents.
      4. +
    4. Create and adapt CSS style sheets for consistent web site presentation and styling.
      5. +
    5. Use a web framework to create a modern, responsive web site.
      6. +
    6. Generate HTML content dynamically with Javascript.
      7. +
    7. Create handlers to detect and respond to user input events.
      8. +
    8. Store and retrieve data in client-side storage.
      9. +
    9. Build images dynamically using provided data.
      10. +
    10. Learn to consult a web framework documentation and tutorials for additional help.
      11. +
    +
    + +
    + +
    +

    +

    + 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. +

    +
    + +
    + + + + + + + \ No newline at end of file diff --git a/Lab 2/lab2.txt b/Lab 2/lab2.txt new file mode 100755 index 0000000..0aae97e --- /dev/null +++ b/Lab 2/lab2.txt @@ -0,0 +1,104 @@ +# CONVERT # LINES TO COMMENTS (DELETE THIS ONE AND THE HORIZONTAL LINES) + +# Create an HTML header using the author (your name), description +# ("Lab 2 submission"), and charset ("UTF-8") meta tags. Add a title of +# "CS 343 Lab 2". + +# Define 4 JavaScript variables here: +# One is a Boolean that controls whether or not the footer image is shown. +# The Boolean MUST be named showFooter for testing purposes. +# The other three are the level-3 headings, including both the

    tag +# and the associated text. The names are not important. + +# Wrap the title, subtitle, and blockquote inside a
    element + + # Page title and subtitle (should both be bigger than section headers) + CS 343: Application Development + Fall 2023 + + # Block quotation. Use an attribute to add the citation "https://uxdworld.com". + # The quote and the name should be two paragraphs. + "A user interface is like a joke. If you have to explain it, it’s not that good." + - Martin LeBlanc + +# End of the
    + + +# HORIZONTAL LINE + +# Section header - MUST BE WRITTEN BY JAVASCRIPT +Course Information + +# Two separate paragraphs +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. + +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. + +# Make this a bullet-point list. Format the text as shown in the sample +# solution image. Note that is NOT allowed for bold text. For the book +# title, use the tag to mark it as a citation. + + * Website: https://w3.cs.jmu.edu/kirkpams/343 + * Time: M/W/F 9:10 - 10:00 AM + * Location: King Hall 243 + * Textbook: Fundamentals of Web Development, 3rd Edition + + +# HORIZONTAL LINE + +# Section header - MUST BE WRITTEN BY JAVASCRIPT +Detailed Course Objectives + +# Paragraph +Following the successful completion of this course, students will be able to: + +# Make this a numbered list and do NOT hard-code the numbers + 1. Summarize the key steps and processes for retrieving and displaying a web page. + 2. Structure text documents as HTML and publish them on a server. + 3. Apply accessibility standards to web documents. + 4. Create and adapt CSS style sheets for consistent web site presentation and styling. + 5. Use a web framework to create a modern, responsive web site. + 6. Generate HTML content dynamically with Javascript. + 7. Create handlers to detect and respond to user input events. + 8. Store and retrieve data in client-side storage. + 9. Build images dynamically using provided data. + 10. Learn to consult a web framework documentation and tutorials for additional help. + + +# HORIZONTAL LINE + +# Section header - MUST BE WRITTEN BY JAVASCRIPT +Course Catalog Description + +# Paragraph +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. + +# HORIZONTAL LINE + +# Wrap the following image inside a