February 7th, 2024 × #beginners#JavaScript#webdev#tutorial
How to Code: Opinionated TypeScript Stack + Tooling Choices Explained
Overview of main web development technologies by category with opinions on best options for beginners
Join Wes and Scott for a 30,000 foot, 'soup-to-nuts' view of web development. From choosing design tools, website styling, and programming languages, to backend infrastructure, data management, and hosting.
Show Notes
- 00:00 Welcome!
- 00:21 30,000 foot view of web development
- 02:37 Brought to you by Sentry.io
- 02:55 Starting with design tools.
- 06:10 Code Tooling
- 21:43 CSS (how you style your website).
- 25:34 Programming languages.
- 27:14 Backend with metaframework.
- 29:36 Backend without metaframework.
- 32:20 Runtimes (JavaScript).
- What is Bun? The New JS Runtime
- The Deno Show
- 34:02 User interface libraries.
- Shoelace.style
- 39:43 Data management: Databases
- 41:42 Data management: ORM
- WTF is an ORM
- You should learn Drizzle, the TypeScript SQL ORM
- 42:53 Other data management considerations.
- 43:33 Image pipelines.
- 45:52 Hosting, CDN, CI.
- Where Should You Host Your App? Hosting Providers Compared
- Hasty Treat WTF × SSR vs JamStack vs Serverless?
- 47:21 Hosting your site.
- 50:19 The finishing touches.
- 55:03 Sick Picks + Shameless Plugs.
Sick Picks
- Scott: GreatScottLab, Show #594
- Wes: AliExpress Board, Wes' Demo
Shameless Plugs
- Scott: Syntax on YouTube
- Wes: Syntax on YouTube
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads