forked from pepe/culs-project-2024
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
34 lines (32 loc) · 6.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contemporary client side</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;800&display=swap">
<link rel="stylesheet" href="./main.css">
<link rel="icon" type="image/svg+xml" href="/logo.svg">
</head>
<body>
<header>
<span>
Contemporary client side
</span>
<nav>
<button id="previous-slide"><</button>
<span id="slide-count"></span>
<button id="next-slide">></button>
<button id="previous-deck"><<</button>
<span id="deck-count"></span>
<button id="next-deck">>></button>
</nav>
</header>
<main><section><h2>Late 2024 Edition</h2><h1>Future Client Side</h1><h2>Around the world and back</h2></section><section><h2>Who am I?</h2><ul><li>Father of three</li><li>World citizen</li><li>Better computer scientist</li></ul></section><section><h2>What am I affraid of?</h2><ul><li>WWIII</li><li>AI Fever</li><li>Black Swan</li></ul></section><section><h2>Who are you?</h2><ul><li>Name & Origin</li><li>Experience</li><li>Diploma thesis</li></ul></section><section><h2>Technique</h2><ul><li>Flyby style</li><li>My experiences</li><li>Your needs</li></ul></section><section><h2>Organization</h2><ul><li>Attendance or Battle</li><li>Theory -> Hands on</li><li>Project evaluation on Friday</li></ul></section><section><h2>Hands On</h2><ul><li>Simple examples</li><li>Live projects</li><li>Project related</li><li>Slow me down</li></ul></section><section><h1>Project</h1></section><section><h2>Requirements</h2><ul><li>Individual</li><li>Repository</li><li>Glitch</li></ul></section><section><h2>Present and script</h2><ul><li>Presentation example</li><li>I will give you HTML</li><li>You will do the rest</li></ul></section><section><h1>Evaluation will be very biased</h1></section><section><h2>Points' distribution</h2><ul><li>Tasks 20%</li><li>Project 70%</li><li>Test 10%</li></ul></section><section><h1>ChatGPT?</h1></section><section><h2>Any questions</h2><quote>Speak now, or be silent for the rest of the week.</quote></section><section><h2>Show yourselves!</h2><quote>I would love to see your works.</quote></section><section><h1>Let's Go!</h1></section><footer><h1>Intro</h1><span>2024-10-29</span><span>Ing. Josef "pepe" Pospíšil</span></footer></main>
<main><section><h2>Late 2024 Edition</h2><h1>Future Client Side</h1><h2>Things that make things</h2></section><section><h1>Tools</h1></section><section><h2>What are the tools?</h2><ul><li>Browser</li><li>Editor</li><li>Git</li></ul></section><section><h2>FOSS FTW!</h2><ul><li>Free</li><li>OpenSource</li><li>Everywhere</li></ul></section><section><h1>Source Control Management</h1></section><section><h2>Value</h2><ul><li>Storing</li><li>History</li><li>Collaboration</li><li>Not only code</li></ul></section><section><h2>Options</h2><ul><li><a href="https://git-scm.com/" target="_blank">Git</a></li><li>Mercurial</li><li>New kids</li></ul></section><section><h2>Git</h2><ul><li>Most used</li><li><a href="https://git-scm.com/book/en/v2" target="_blank">Best documentation</a></li><li><a href="https://github.com/" target="_blank">GitHub</a></li></ul></section><section><h2>GitHub</h2><ul><li>Your work</li><li>OpenSource projects</li><li>Not only SCM</li><li>Hands On</li></ul></section><section><h2>More GitHub</h2><ul><li>Issues, projects</li><li>Pull requests</li><li>Static pages </li><li>Hands On</li></ul></section><section><h2>More Git(Hub)</h2><ul><li>Commit vs Push</li><li>Branches</li><li>Pull requests vs Participants</li><li>Hands On</li></ul></section><section><h2>GitHub Task</h2><ul><li>Register</li><li>Follow @pepe and star</li><li>Create project repository</li></ul></section><section><h2>Source Hut</h2><ul><li><a href="https://sr.ht/" target="_blank">Drew</a></li><li>OpenSource</li><li>Git/Mercurial</li><li>Email</li></ul></section><section><h2>(break)</h2></section><section><h1>Editors</h1></section><section><h2>Visual Studio Code</h2><ul><li><a href="https://code.visualstudio.com/" target="_blank">Microsoft's take</a></li><li>Very similar to Atom</li><li>MS technologies</li></ul></section><section><h2>VSC Extensions</h2><ul><li>Languages</li><li>Processing</li><li>Goodies</li><li>Hands On</li></ul></section><section><h2>Electron</h2><ul><li>WebView</li><li>Native Applications</li></ul></section><section><h2>Ancient</h2><ul><li>emacs</li><li>vim</li><li>kak ♥</li></ul></section><section><h1>AI fever</h1></section><section><h2>Editors Task</h2><ul><li>Install application</li><li>HTML, CSS, JS packages</li></ul></section><section><h2>(break)</h2></section><section><h1>Misc</h1></section><section><h2>Developer Tools</h2><ul><li>Firefox Nightly</li><li>Chrome Canary</li><li>Hands On</li></ul></section><section><h2>Browser Task</h2><ul><li>Install</li></ul></section><section><h2>node.js</h2><ul><li>JavaScript</li><li>Frontend tools</li><li>http-server</li><li>Hands On</li></ul></section><section><h2>Documentation</h2><ul><li><a href="https://developer.mozilla.org/en-US/" target="_blank">Mozilla Developer Network</a></li><li>All about web & more</li><li>Hands On</li></ul></section><section><h1>Glitch</h1><ul><li>Web IDE</li><li>Your project</li></ul></section><footer><h1>Tools</h1><span>2024-10-29</span><span>Ing. Josef "pepe" Pospíšil</span></footer></main>
<main><section><h2>Late 2024 Edition</h2><h1>Future Client Side</h1><h2>Don't believe the hype</h2></section><section><h1>Hypermedia</h1></section><section><h2>Hypermedia systems</h2><ul><li><a href="https://hypermedia.systems/" target="_blank">Book</a></li><li>Code</li></ul></section><section><h2>HTTP protocol</h2><ul><li>Evolution</li><li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview#http_messages" target="_blank">Structure</a></li></ul></section><section><h2>HTTP statuses</h2><ul><li>Numbers</li><li>Messages</li></ul></section><section><h2>HTTP methods</h2><ul><li>Browser</li><li>All</li><li>Live Screen</li></ul></section><section><h2>SSE</h2><ul><li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events" target="_blank">Server Sent Events</a></li><li>One way only</li><li>Compose with requests</li></ul></section><section><h2>Data Star</h2><ul><li>Evolution</li><li><a href="https://data-star.dev/" target="_blank">More server side</a></li></ul></section><footer><h1>Hypermedia</h1><span>2024-10-29</span><span>Ing. Josef "pepe" Pospíšil</span></footer></main>
<script src="main.js"></script>
</body>
</html>