Skip to content

Commit a0cb9b0

Browse files
anthonydmaysanthonydmays
authored
feat: adds slides for supplemental lesson 2 (#660)
Signed-off-by: Anthony D. Mays <[email protected]>
1 parent 1053e32 commit a0cb9b0

File tree

3 files changed

+176
-1
lines changed

3 files changed

+176
-1
lines changed

‎slides/src/Slides/Lessons/Supplemental2.js

Lines changed: 171 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
import htm from "htm";
2+
import { createElement } from "react";
3+
import { DemoSlide, Lesson } from "../Layouts/index.js";
4+
5+
const html = htm.bind(createElement);
6+
7+
function Supplemental2() {
8+
return html`
9+
<${Lesson} title="How to Build A Website" lessonId="supplemental_2" subtitle="Supplemental 2">
10+
<section>
11+
<h2>Building and Managing Modern Websites</h2>
12+
<p>Understanding the key components and considerations</p>
13+
</section>
14+
15+
<section>
16+
<h2>Essential Website Components</h2>
17+
</section>
18+
19+
<section class="ml-bullet-slide">
20+
<h3>Core Pages and Features</h3>
21+
<ul>
22+
<li class="fragment">Landing Page
23+
<ul>
24+
<li>First impression</li>
25+
<li>Clear value proposition</li>
26+
<li>Call to action</li>
27+
</ul>
28+
</li>
29+
<li class="fragment">Legal Pages
30+
<ul>
31+
<li>Terms & Conditions</li>
32+
<li>Privacy Policy</li>
33+
</ul>
34+
</li>
35+
<li class="fragment">Content Features
36+
<ul>
37+
<li>Blog system</li>
38+
<li>Contact form</li>
39+
</ul>
40+
</li>
41+
</ul>
42+
</section>
43+
44+
<section>
45+
<h2>Essential Backend Systems</h2>
46+
</section>
47+
48+
<section class="ml-bullet-slide">
49+
<h3>Content Management</h3>
50+
<ul>
51+
<li class="fragment">WYSIWYG editors</li>
52+
<li class="fragment">Media management</li>
53+
<li class="fragment">Version control</li>
54+
<li class="fragment">Content scheduling</li>
55+
</ul>
56+
</section>
57+
58+
<section class="ml-bullet-slide">
59+
<h3>User Systems</h3>
60+
<ul>
61+
<li class="fragment">User registration & profiles</li>
62+
<li class="fragment">Role management</li>
63+
<li class="fragment">Permission systems</li>
64+
<li class="fragment">User preferences</li>
65+
</ul>
66+
</section>
67+
68+
<section class="ml-bullet-slide">
69+
<h3>Integration Systems</h3>
70+
<ul>
71+
<li class="fragment">Email systems
72+
<ul>
73+
<li>Transactional emails</li>
74+
<li>Marketing campaigns</li>
75+
</ul>
76+
</li>
77+
<li class="fragment">E-commerce
78+
<ul>
79+
<li>Payment processing</li>
80+
<li>Inventory management</li>
81+
</ul>
82+
</li>
83+
</ul>
84+
</section>
85+
86+
<section class="ml-bullet-slide">
87+
<h3>User Engagement</h3>
88+
<ul>
89+
<li class="fragment">In-app notifications
90+
<ul>
91+
<li>Real-time updates</li>
92+
<li>Push notifications</li>
93+
</ul>
94+
</li>
95+
<li class="fragment">Feedback systems
96+
<ul>
97+
<li>User surveys</li>
98+
<li>Feature requests</li>
99+
</ul>
100+
</li>
101+
</ul>
102+
</section>
103+
104+
<section class="ml-bullet-slide">
105+
<h3>Analytics & Monitoring</h3>
106+
<ul>
107+
<li class="fragment">User behavior tracking</li>
108+
<li class="fragment">Performance metrics</li>
109+
<li class="fragment">Conversion tracking</li>
110+
<li class="fragment">A/B testing</li>
111+
</ul>
112+
</section>
113+
114+
<section>
115+
<h2>Technical Cross-Cutting Concerns</h2>
116+
</section>
117+
118+
<section class="ml-bullet-slide">
119+
<h3>Logging & Monitoring</h3>
120+
<ul>
121+
<li class="fragment">System logs</li>
122+
<li class="fragment">Error tracking</li>
123+
<li class="fragment">Performance monitoring</li>
124+
<li class="fragment">Audit trails</li>
125+
</ul>
126+
</section>
127+
128+
<section class="ml-bullet-slide">
129+
<h3>Authentication & Authorization</h3>
130+
<ul>
131+
<li class="fragment">User authentication
132+
<ul>
133+
<li>Password security</li>
134+
<li>Multi-factor authentication</li>
135+
</ul>
136+
</li>
137+
<li class="fragment">Access control
138+
<ul>
139+
<li>Role-based access</li>
140+
<li>Resource permissions</li>
141+
</ul>
142+
</li>
143+
</ul>
144+
</section>
145+
146+
<section class="ml-bullet-slide">
147+
<h3>Security Concerns</h3>
148+
<ul>
149+
<li class="fragment">SSL/TLS encryption</li>
150+
<li class="fragment">CSRF protection</li>
151+
<li class="fragment">XSS prevention</li>
152+
<li class="fragment">SQL injection protection</li>
153+
<li class="fragment">Regular security audits</li>
154+
</ul>
155+
</section>
156+
157+
<section class="ml-bullet-slide">
158+
<h3>Beaconing & Tracking</h3>
159+
<ul>
160+
<li class="fragment">User activity tracking</li>
161+
<li class="fragment">Performance beacons</li>
162+
<li class="fragment">Error reporting</li>
163+
<li class="fragment">Privacy compliance</li>
164+
</ul>
165+
</section>
166+
167+
<${DemoSlide} />
168+
<//>`;
169+
}
170+
171+
export default Supplemental2;

‎slides/src/Slides/Lessons/index.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ import Lesson26 from "./Lesson26.js";
2525
import Lesson27 from "./Lesson27.js";
2626
import Lesson28 from "./Lesson28.js";
2727
import Supplemental1 from "./Supplemental1.js";
28+
import Supplemental2 from "./Supplemental2.js";
2829

2930
export {
3031
Lesson00,
@@ -53,5 +54,7 @@ export {
5354
Lesson26,
5455
Lesson27,
5556
Lesson28,
56-
Supplemental1
57+
Supplemental1,
58+
Supplemental2
5759
};
60+

‎slides/src/Slides/Slides.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ function Slides() {
4040
<${lessons.Lesson27} />
4141
<${lessons.Lesson28} />
4242
<${lessons.Supplemental1} />
43+
<${lessons.Supplemental2} />
4344
</div>`;
4445
}
4546

0 commit comments

Comments
 (0)