My chat app became overwhelmed with profanity and spam, but all this could have been avoided with better security practices. Let's take a look at essential app security libraries and techniques. 

#programming #hacking #tech 

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Original Chat App Pocketbase Project https://youtu.be/gUYBFDPZ5qk
- 7 Web Security Risks https://youtu.be/4YOpILi9Oxs
- Cryptography Concepts https://youtu.be/NuyzuNBFWxQ
- Cloudflare Turnstile https://www.cloudflare.com/products/turnstile/

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- How to prevent profanity in app
- How to deal with spam bots
- How to prevent website hacking
- Web app security best practices 
- Cloudflare Turnstile vs reCaptcha
- Preventing DDoS attacks

Why my chat app broke… a cautionary tale

why are splines? well my god I have good news for you, here's why splines!

if you like my work, please consider supporting me 💖
https://www.patreon.com/acegikmo

This project grew much larger in scope than I had originally intended, and burnout made it impossible for me to do more with it. It was already getting incredibly unwieldy, so I apologize in advance for not covering non-uniform splines, and the general jankiness of some parts. There are also quite a lot of places where I just talk about something without *showing* it, but since I couldn't animate it all, I opted to keep that information in rather than remove it altogether

• Lots of love to
💛 Jazz "queenjazz" Mickle for music & sounds ❱ https://queenjazz.bandcamp.com/
🐈 our children, Thor, Salad & Toast, for helping me out during recording

• How was this video made?
🔨 I made it in Unity, the game engine
⭕ Using Shapes, my vector graphics plugin ❱ https://u3d.as/1W37
📈 Using Mathfs, my math library ❱ https://github.com/FreyaHolmer/Mathfs
...along with a bunch of hacky, partially broken, procedural animation tools I made specifically for this video
💡 Striped studio skybox by ProAssets: https://assetstore.unity.com/packages/2d/textures-materials/sky/studio-lighting-hdri-pack-55154
🎥 Final editing in DaVinci Resolve

• Links
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer

Timestamps:

00:00:00 Intro
00:01:17 Examples of Paths

00:02:16 CHAPTER 1 - Bézier Curves
00:02:20 Lerp
00:03:16 Quadratic Bézier
00:03:54 Cubic Bézier
00:07:41 n-Degree Bézier

00:09:37 CHAPTER 2 - Bézier Splines
00:10:00 Cubic Bézier Spline
00:10:21 Spline Parameterization
00:11:01 The Anatomy of a Spline
00:11:32 Knot Values & Knot Intervals
00:12:21 Local Control
00:14:03 The flexibility of the Cubic Bézier
00:14:28 Tangent Points

00:15:07 CHAPTER 3 - Continuity
00:15:28 C⁰ (Positional Continuity)
00:16:12 Spline Derivatives
00:17:32 C¹ (Velocity Continuity)
00:20:25 C² (Acceleration Continuity)
00:21:48 Cascading Loss of Local Control
00:23:46 C³ (Jolt Continuity)
00:24:49 C∞ Continuity
00:25:19 Parametric Continuity Summary

00:26:20 CHAPTER 4 - Geometric Continuity
00:26:50 G¹ (Tangent Continuity)
00:27:46 G² (Curvature Continuity)
00:28:05 The Reflection Test
00:28:56 Seams in Circular Arcs
00:29:43 Angle Analysis
00:30:47 Curvature & The Osculating Circle
00:32:26 Curvature Combs
00:32:48 G¹ (Algebraically)
00:33:27 G² (Algebraically)
00:34:52 Geometric Continuity Summary
00:36:30 Continuity Summarized
00:38:06 Cusps

00:39:25 CHAPTER 5: The Extended Universe
00:39:40 Hermite Spline
00:43:35 Hermite ⇔ Bézier Conversion
00:44:09 Linear Spline
00:45:17 Cardinal Spline
00:48:20 Catmull-Rom Spline
00:49:33 Investigating Basis Functions
00:51:02 Basis Function Continuity Analysis
00:51:31 In Search of a C² Spline
00:53:15 B-Spline
00:56:35 Quiz Time!
00:57:12 Cubic Trajectory
00:57:37 Uniform Cubic Splines
00:59:09 Splines & Their Use Cases
01:01:37 Outro
01:02:16 NURBS
01:02:56 Color Spline
01:03:52 Credits & Freya Rambles
01:13:26 Cats helping me w. recording

The Continuity of Splines

I’m a big believer that database systems share similar core fundamentals at their storage layer and understanding them allows one to compare different DBMS objectively. For example, How documents are stored in MongoDB is no different from how MySQL or PostgreSQL store rows.
Everything goes to disk, the trick is to fetch what you need from disk efficiently with as fewer I/Os as possible, the rest is API.

In this video I discuss the evolution of MongoDB internal architecture on how documents are stored and retrieved focusing on the index storage representation. I assume the reader is well versed with fundamentals of database engineering such as indexes, B+Trees, data files, WAL etc, you may pick up my database course to learn the skills.
Let us get started.

0:00 Intro
2:00 SQL vs NOSQL 
18:00 MongoDB first version MMAPV1 
26:30 MongoDB Wired Tiger 
38:00 Clustered Collections 

Follow me on Medium
https://medium.com/@hnasr/membership

Fundamentals of Backend Engineering Design patterns udemy course (link redirects to udemy with coupon)
https://backend.husseinnasser.com

Fundamentals of Networking for Effective Backends udemy course (link redirects to udemy with coupon)
https://network.husseinnasser.com

Fundamentals of Database Engineering udemy course (link redirects to udemy with coupon)
https://database.husseinnasser.com

Introduction to NGINX  (link redirects to udemy with coupon)
https://nginx.husseinnasser.com

Python on the Backend (link redirects to udemy with coupon)
https://python.husseinnasser.com

Follow me on Medium
https://medium.com/@hnasr/membership

Become a Member on YouTube
https://www.youtube.com/channel/UC_ML5xP23TOWKUcc-oAE_Eg/join

Buy me a coffee if you liked this
https://www.buymeacoffee.com/hnasr

Arabic Software Engineering Channel 
https://www.youtube.com/channel/UChWZsjdoRvZ0T9QWZOD6UpA

🔥 Members Only Content
https://www.youtube.com/playlist?list=UUMO_ML5xP23TOWKUcc-oAE_Eg
 


🏭 Backend Engineering Videos in Order
https://backend.husseinnasser.com

💾 Database Engineering Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQXjD0HOzN7P2tgzu7scWpl2

🎙️Listen to the Backend Engineering Podcast
https://husseinnasser.com/podcast 

Gears and tools used on the Channel (affiliates)

🖼️ Slides and Thumbnail Design 
Canva
https://partner.canva.com/c/2766475/647168/10068
 

Stay Awesome,
Hussein

MongoDB Internal Architecture

Zod is an extraordinary library for TypeScript validation, and with 3.20 it just got even better.

Matt's Zod Course: https://totaltypescript.com/tutorials/zod
GitHub Release: https://github.com/colinhacks/zod/releases/tag/v3.20

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

The best TypeScript library just got better

SWR 2.0 just got released - let's take a look at all the shiny new goodness!

SWR: https://swr.vercel.app/
TanStack Query: https://tanstack.com/query/v4

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

Vercel wants you to fetch data like this

Zaplib bet their startup on WASM, and it wasn't ready. Their post-mortem makes for hard reading.

Zaplib post-mortem: https://zaplib.com/docs/blog_post_mortem.html

Become a TypeScript Wizard with Matt's TypeScript Course:

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

00:00 - Is WASM Ready?
00:51 - What Zaplib Found
02:25 - What about Figma?
02:37 - What I Think
03:14 - Hiring Devs?

WASM is not ready

The User Interface/User Experience has great impact on the backend architecture and scalability. In this podcast I discuss three UI/UX that affected backend design and scalability. 

0:00 Intro
1:40 UI vs UX
4:30 Google Chrome OmniBox 
12:30 1 out of X Page
20:00 YouTube Notification

Resources
https://blog.apnic.net/2020/08/21/chromiums-impact-on-root-dns-traffic/


Fundamentals of Backend Engineering Design patterns udemy course (link redirects to udemy with coupon)
https://backend.husseinnasser.com

Fundamentals of Networking for Effective Backends udemy course (link redirects to udemy with coupon)
https://network.husseinnasser.com

Fundamentals of Database Engineering udemy course (link redirects to udemy with coupon)
https://database.husseinnasser.com

Introduction to NGINX  (link redirects to udemy with coupon)
https://nginx.husseinnasser.com

Python on the Backend (link redirects to udemy with coupon)
https://python.husseinnasser.com

Become a Member on YouTube
https://www.youtube.com/channel/UC_ML5xP23TOWKUcc-oAE_Eg/join

Buy me a coffee if you liked this
https://www.buymeacoffee.com/hnasr

Arabic Software Engineering Channel 
https://www.youtube.com/channel/UChWZsjdoRvZ0T9QWZOD6UpA

🔥 Members Only Content
https://www.youtube.com/playlist?list=UUMO_ML5xP23TOWKUcc-oAE_Eg
 


🏭 Backend Engineering Videos in Order
https://backend.husseinnasser.com

💾 Database Engineering Videos
https://www.youtube.com/playlist?list=PLQnljOFTspQXjD0HOzN7P2tgzu7scWpl2

🎙️Listen to the Backend Engineering Podcast
https://husseinnasser.com/podcast 

Gears and tools used on the Channel (affiliates)

🖼️ Slides and Thumbnail Design 
Canva
https://partner.canva.com/c/2766475/647168/10068
 

Stay Awesome,
Hussein

How UI/UX can break the backend

It's simple enough, but don't use Vue CLI. But why should you not use Vue CLI when create Vue 2 and Vue.js 3 apps? In this video I explore that question and what to do about.

👉Check out my last videoon getting started with Nuxt + Auth
https://youtu.be/46DxCr5w1u0

👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech

👉 Need some help with a project,  level up your skills, Vuetify or Nuxt bug? Check out my 1-on-1 mentoring!
https://mentorcruise.com/mentor/erikhanchett/