before week 1

WebEngineering-FHNW · Sep 17, 2024 · e09f884 · e09f884
1 parent c3678f5
commit e09f884
Show file tree

Hide file tree

Showing 4 changed files with 143 additions and 0 deletions.
diff --git a/docs/week01/Example.html b/docs/week01/Example.html
@@ -0,0 +1,18 @@
+<html>
+<head></head>
+<body>
+    <pre>
+    If your gitHub repository has a docs/ folder with gitHub-pages enabled* in the repo settings,
+    you can see this file as delivered through a web server
+    by using this url pattern:
+       https://webengineering-fhnw.github.io/webec-hs23/week01/Example.html
+                <1>                              <2>         <3>
+    <1> User
+    <2> Repository
+    <3> File					
+
+    * You enable gitHub-pages in the repository settings - Options - Github Pages.
+      Select the second option: master-branch / docs folder		
+    </pre>
+</body>
+</html>
diff --git a/docs/week01/Storybook.html b/docs/week01/Storybook.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Storybook for the Web Engineering Module</title>
+	<style>		
+	</style>
+</head>
+
+<body>
+    <header>
+        <dfn title="Drehbuch">Storybook</dfn> for the Web Engineering Module
+    </header>
+    <main>
+        <section id="context">
+            <h1>Module delivery mode</h1>
+            <p> This installment of the <dfn title="WebEngineering">webeC</dfn> module.
+            </p>
+
+        </section>
+        <section id="content">
+            <h1>Delivery dates and examination details</h1>
+            <article>
+                <h2>Overview</h2>
+                <table>
+                    <caption>Delivery dates</caption>
+                    <thead>
+                        <tr>
+                            <th> Date </th>
+                            <th> # </th>
+                            <th>Topic</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+
+                        <!-- fill from /lectures.txt here -->
+
+                    </tbody>
+                    <tfoot>
+                        <tr>
+                            <td colspan="3"> MSP date to be announced</td>
+                        </tr>
+                    </tfoot>
+                </table>
+            </article>
+            <article>
+                <h2> Total Effort</h2>
+                <p> Classroom lectures add up to <code>15 * 3h = 45h</code>.</p>
+                <p> Prework and afterwork, including homework adds up to <code>15 * 1h = 15h</code>.</p>
+                <p> The exercise for the continuous assessment grade takes <code>4 * 5h = 20h</code>.</p>
+                <p> Preparation for the final exam will take approximately <code>8h</code>.</p>
+                <p> Writing the final exam takes <code>2h</code>.</p>
+                <p> This makes a total of <code>90h</code>.</p>
+            </article>
+            <article id="criteria">
+                <h2> Passing criteria </h2>
+                <ul>
+                    <li>You have to attend the exercise preparation event.</li>
+                    <li>You have to do the exercise and deliver before the deadline.</li>
+                    <li>You have to attend the <dfn title="Modulschlussprüfung">final exam (MSP)</dfn>.</li>
+                </ul>
+                <p> Your exercise will determine your <abbr title="Erfahrungsnote">continuous assessment grade (EN)</abbr>. </p>
+                <p> EN and MSP together make your final grade. </p>
+
+            </article>
+        </section>
+    </main>
+    <footer>
+        <address>Dierk König, 5.2B16, mailto: [email protected]</address>
+    </footer>
+</body>
+
+</html>
diff --git a/docs/week01/lecture01.md b/docs/week01/lecture01.md
@@ -0,0 +1,36 @@
+# WebEngineering Module, HTML
+
+## Resources:
+[Example File](https://webengineering-fhnw.github.io/webec_hs24/week01/Example.html)
+[Storybook frame](https://webengineering-fhnw.github.io/webec_hs24/week01/Storybook.html)
+
+## Assignment 1: 
+Using gitHub as a web server
+- create a gitHub account if you haven't one already
+- create a gitHub repository
+- setup gitHub "pages" under "settings"
+- copy Example.html into the /docs folder of that repo
+- Change Example.html document, git commit, push
+- view change in browser
+
+## Assignment 2:
+- Correct Example.html to be valid html
+- Validate your work with https://validator.w3.org
+
+## Assignment 3:
+
+Choose one of the following topics and create an HTML solution
+that you can extend over the course of this semester.
+
+Possible topics:
+
+- A web solution to keep track of your daily learning achievements.
+- A web solution to keep track of your programming errors.
+- A web solution to keep track of your plans in life.
+
+## Training for aspiring professionals
+
+- create an HTML page with a form
+- make the form action sending an email to [email protected]
+- on the web, find the resource about HTML that you like best
+- use the form to submit a link to that resource and a description on why you like it
diff --git a/docs/week01/lectures.txt b/docs/week01/lectures.txt
@@ -0,0 +1,15 @@
+Mi, 20.09.23 HTML
+Mi, 27.09.23 CSS
+Mi, 04.10.23 Grails, Web, MVC, Test
+Mi, 11.10.23 GSP, Template, Taglib, Layout
+Mi, 18.10.23 Persistence, DB-Access
+Mi, 25.10.23 Simple Security
+Mi, 01.11.23 REST, Services
+Mi, 08.11.23 ANWESENHEITSPLICHT! Übungsvorbereitung
+Mi, 15.11.23 Javascript
+Mi, 22.11.23 Responsive / Mobile Web
+Mi, 06.12.23 Übungsanlass
+Mi, 13.12.23 Übungsanlass
+Mi, 20.12.23 WICHTIG! Übungsabgabe
+Mi, 10.01.24 Deployment
+Mi, 17.01.24 Prüfungsvorbereitung