add: workshop 2

fractaldotbox · Oct 15, 2024 · 43c4f26 · 43c4f26
1 parent 72eb8fc
commit 43c4f26
Show file tree

Hide file tree

Showing 36 changed files with 791 additions and 49 deletions.
diff --git a/w3dc-pre-devcon-workshop/.vscode/settings.json b/w3dc-pre-devcon-workshop/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "slidev.port": 3030
+}
diff --git a/w3dc-pre-devcon-workshop/image-1.png b/w3dc-pre-devcon-workshop/image-1.png
diff --git a/w3dc-pre-devcon-workshop/image-10.png b/w3dc-pre-devcon-workshop/image-10.png
diff --git a/w3dc-pre-devcon-workshop/image-11.png b/w3dc-pre-devcon-workshop/image-11.png
diff --git a/w3dc-pre-devcon-workshop/image-12.png b/w3dc-pre-devcon-workshop/image-12.png
diff --git a/w3dc-pre-devcon-workshop/image-13.png b/w3dc-pre-devcon-workshop/image-13.png
diff --git a/w3dc-pre-devcon-workshop/image-14.png b/w3dc-pre-devcon-workshop/image-14.png
diff --git a/w3dc-pre-devcon-workshop/image-16.png b/w3dc-pre-devcon-workshop/image-16.png
diff --git a/w3dc-pre-devcon-workshop/image-17.png b/w3dc-pre-devcon-workshop/image-17.png
diff --git a/w3dc-pre-devcon-workshop/image-18.png b/w3dc-pre-devcon-workshop/image-18.png
diff --git a/w3dc-pre-devcon-workshop/image-19.png b/w3dc-pre-devcon-workshop/image-19.png
diff --git a/w3dc-pre-devcon-workshop/image-2.png b/w3dc-pre-devcon-workshop/image-2.png
diff --git a/w3dc-pre-devcon-workshop/image-20.png b/w3dc-pre-devcon-workshop/image-20.png
diff --git a/w3dc-pre-devcon-workshop/image-21.png b/w3dc-pre-devcon-workshop/image-21.png
diff --git a/w3dc-pre-devcon-workshop/image-22.png b/w3dc-pre-devcon-workshop/image-22.png
diff --git a/w3dc-pre-devcon-workshop/image-23.png b/w3dc-pre-devcon-workshop/image-23.png
diff --git a/w3dc-pre-devcon-workshop/image-24.png b/w3dc-pre-devcon-workshop/image-24.png
diff --git a/w3dc-pre-devcon-workshop/image-25.png b/w3dc-pre-devcon-workshop/image-25.png
diff --git a/w3dc-pre-devcon-workshop/image-26.png b/w3dc-pre-devcon-workshop/image-26.png
diff --git a/w3dc-pre-devcon-workshop/image-27.png b/w3dc-pre-devcon-workshop/image-27.png
diff --git a/w3dc-pre-devcon-workshop/image-28.png b/w3dc-pre-devcon-workshop/image-28.png
diff --git a/w3dc-pre-devcon-workshop/image-3.png b/w3dc-pre-devcon-workshop/image-3.png
diff --git a/w3dc-pre-devcon-workshop/image-30.png b/w3dc-pre-devcon-workshop/image-30.png
diff --git a/w3dc-pre-devcon-workshop/image-31.png b/w3dc-pre-devcon-workshop/image-31.png
diff --git a/w3dc-pre-devcon-workshop/image-4.png b/w3dc-pre-devcon-workshop/image-4.png
diff --git a/w3dc-pre-devcon-workshop/image-5.png b/w3dc-pre-devcon-workshop/image-5.png
diff --git a/w3dc-pre-devcon-workshop/image-6.png b/w3dc-pre-devcon-workshop/image-6.png
diff --git a/w3dc-pre-devcon-workshop/image-7.png b/w3dc-pre-devcon-workshop/image-7.png
diff --git a/w3dc-pre-devcon-workshop/image-8.png b/w3dc-pre-devcon-workshop/image-8.png
diff --git a/w3dc-pre-devcon-workshop/image-9.png b/w3dc-pre-devcon-workshop/image-9.png
diff --git a/w3dc-pre-devcon-workshop/part0.md b/w3dc-pre-devcon-workshop/part0.md
@@ -0,0 +1,194 @@
+---
+---
+
+# Common dApps dev patterns and primitives by @debuggingfuture
+
+### Disclaimers
+
+- We position as tutors
+  - so you can learn from the gigabrains!
+- I'm
+  - Application Developer
+  - Geek who study CS/Maths
+- I'm not
+  - Protocol / Zk Engineer
+  - Cryptographer
+
+
+
+---
+layout: center
+---
+
+# Where to Start?
+- 2 Opionated Take(Rant)s
+
+
+---
+layout: two-cols
+---
+
+## Going to a crypto conference
+
+- WTF is Appchain & Superchain
+- WTF is FHE
+- WTF is AA & ERC4337
+- WTF is EIP7702
+- WTF is pre-confirmations
+
+::right::
+
+<img src="/image-13.png" style="height:300px" />
+
+---
+layout: two-cols
+---
+
+## Learning Art history
+- WTF is Baroque
+- WTF is Art Deco
+- WTF is Renaissance 
+- WTF is Brutalism
+- WTF is Modernism
+
+::right::
+<v-click>
+What builders actually learn
+
+<img src="https://www.researchgate.net/publication/378111967/figure/fig2/AS:11431281223068755@1707568768574/Bauhaus-curriculum-wheel.png" style="height: 300px; margin-bottom:10px " />
+
+
+<img src="/image-31.png"  style="height: 100px;"/>
+</v-click>
+
+---
+layout: two-cols
+---
+
+## ~~Going to a crypto conference~~
+
+- ~~WTF is Appchain & Superchain~~
+- ~~WTF is FHE~~
+- ~~WTF is AA & ERC4337~~
+- ~~WTF is EIP7702~~
+- ~~WTF is pre-confirmations~~
+
+::right::
+
+## What you need to know 
+
+- Ecliptic Curve
+- Modulus 
+- Finite Field
+- Signing signatures
+- Security guarantee
+<!-- metaphor: Talking SSG, SSR, ISG to devops. basic ideas not hard. Mastering them hard.  -->
+
+
+---
+layout: center
+---
+# Devcon has a track!
+
+<img src="/image-3.png" style="height:400px" />
+
+
+---
+layout:center
+---
+
+# on Maths
+
+
+<img src="/image-7.png" style="height:400px !important; background:cover;"/>
+![alt text](image-7.png)
+
+
+<!-- # meme
+ Not good at maths
+ good at using chat gpt for maths -->
+
+
+---
+---
+# Premier #1: Maths that sounds complicated
+
+## Don't know WTF is `Residue class`
+
+## But you know `modular arithmetic` already
+
+- `5 % 3 === 2` 
+
+
+![alt text](image-2.png)
+
+
+
+<!-- Spent 15 years of our lives learn about it and finally learn to fear and avoid it -->
+
+
+
+---
+layout: two-cols
+---
+
+
+
+## Don't know WTF is group theory / rings
+
+### But you know what is Set
+
+![alt text](image-12.png)
+
+---
+---
+
+## You know set & Traits in programming
+
+- Traits/Mixins `implements RealNumber`
+
+- `divide(x: int)-> int`
+
+
+
+::right::
+
+<img src="/image-24.png" style="height:400px"/>
+
+
+
+---
+---
+
+
+### Field
+
+<img src="/image-27.png" style="height:300px"/>
+<img src="/image-5.png" style="height:300px"/>
+
+---
+---
+
+
+### Counter Example
+- Integers ℤ is NOT a field
+### Examples
+- Real Numbers ℝ
+- Complex Number ℂ
+  - specifically, it's field extension by adjoining i. ℝ(i)
+  - s.t. we have a solution for i^2 =1 
+- Consider field of modulus prime number ...Prime field
+- which has finite elements.... Finite Field
+
+---
+class: bg-white whiteboard
+---
+
+
+---
+---
+
+
+## One Way, Trap door function   
+
+<img src="/image-19.png" style="height: 300px" />