![Syntax - Tasty Web Development Treats](https://cdn.podimo.com/images/336537c3-bdc6-48a3-a880-a461921a38f9_400x400.png)
Kostenloser Podcast
Syntax - Tasty Web Development Treats
Podcast von Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.
Diesen Podcast kannst du überall hören, wo es Podcasts gibt und auch ohne Mitgliedschaft in der Podimo App.
Alle Folgen
819 Folgen![episode 818: CJ × Hosting Meetups - Lunch and Learn artwork](https://cdn.podimo.com/images/336537c3-bdc6-48a3-a880-a461921a38f9_400x400.png)
818: CJ × Hosting Meetups - Lunch and Learn
In this episode of Syntax, Wes and Scott talk with CJ Reynolds about the resurgence of meetups in a post-COVID world. They discuss the benefits of attending and speaking at meetups, and the logistics of organizing them. CJ also shares his experiences running the DenverScript meetup, including sourcing speakers, finding venues, and ensuring a welcoming community.
Show Notes
* 00:00 Welcome to Syntax!
* 01:35 Brought to you by Sentry.io [https://sentry.io]
* 01:49 CJ’s history hosting meetups
* DenverScript [https://denverscript.com/]
* Code Talent [https://www.code-talent.com/]
* 06:35 How do you structure a meetup?
* 09:50 How do you raise awareness for a meetup and get people to attend?
* Meetup.com [https://meetup.com]
* Guild [https://guild.host/]
* 13:27 How to pay for a meetup
* 15:22 How to get speakers at meetups
* 16:50 The length of these talks
* 17:03 Does live-streaming hurt attendance?
* Syntax 806 - The King of Drag and Drop: Alex Reardon [https://syntax.fm/show/806/the-king-of-drag-and-drop-alex-reardon]
* 19:32 Is there a vetting process for finding speakers?
* Syntax 019 - How to Get Into Speaking at Conferences [https://syntax.fm/show/19/how-to-get-into-speaking-at-conferences]
* 24:26 A meetup doesn’t have to be talks
* Develop Happy Hour [https://www.meetup.com/develop-happy-hour/]
* 27:48 What’s the worst part about hosting a meetup?
* 29:37 What was your first meetup like?
* 33:27 What’s the best meetup you’ve been to and why?
* 37:10 How to be a good attendee
* 40:45 Are meetups back?
* 44:00 Tips for organizing a great meetup
* 45:29 How to find a meetup
* 47:37 Sick Picks & Shameless Plugs
Sick Picks
* CJ: Fillo’s Walking Tamales [https://www.fillos.com/pages/walking-tamales?srsltid=AfmBOopCEmXcB7Xp253yDJ7AOzE697ElhaB4HkigLdcXiXFdC9ITu-QB]
Shameless Plugs
* CJ:
* DenverScript [https://denverscript.com/]
* You Should Use Hono in your Next Project [https://youtu.be/sYZW8TK2IV4?si=zOYGQdH9NVXuboRb]
Hit us up on Socials!
Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm]
Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos]
Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski]
Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]
06. Sept. 2024 - 50 min
![episode 817: You Need These 30 Apps - PART 1 artwork](https://cdn.podimo.com/images/336537c3-bdc6-48a3-a880-a461921a38f9_400x400.png)
817: You Need These 30 Apps - PART 1
Scott and Wes kick off part 1 of a 2-part series, breaking down 30 must-have apps for web developers and productivity enthusiasts. From file management tools to media utilities, they cover everything you need to supercharge your workflow.
Show Notes
* 00:00 Welcome to Syntax!
* 01:03 Brought to you by Sentry.io [https://sentry.io/syntax].
* 01:27 File management applications.
* 01:43 DaisyDisk [https://daisydiskapp.com/].
* 04:19 Marta [https://marta.sh/].
* 07:50 EasyFind [https://easyfind.en.softonic.com/mac].
* 10:16 Czkawka [https://github.com/qarmin/czkawka].
* 12:53 Backblaze [https://www.backblaze.com/].
* 14:40 Hazel [https://www.noodlesoft.com/].
* 17:42 AutoMounter [https://www.pixeleyes.co.nz/automounter/].
* 18:43 Media applications.
* 18:52 Automator HIEC to JPG.
* 20:04 Rant on QuickView.
* 20:32 DVD idea.
* 22:06 IINA [https://iina.io/].
* 24:07 Capture One [https://www.captureone.com/en].
* 25:02 YouTube Enhance [https://chromewebstore.google.com/detail/enhancer-for-youtube/ponfpcnoihfmfllpaingbgckeeldkhle?pli=1].
* 27:16 HandBrake [https://handbrake.fr/].
* 28:05 MakeMKV [https://www.makemkv.com/].
* 30:33 Overkill for Mac [https://github.com/KrauseFx/overkill-for-mac].
* 33:42 Search by Image [https://chromewebstore.google.com/detail/search-by-image/cnojnbdhbhnkbcieeekonklommdnndci].
* 37:09 eqMac [https://eqmac.app/].
* 37:37 Utility applications.
* 37:52 Stats [https://github.com/exelban/stats?tab=readme-ov-file] & iStat [https://istat-menus.en.softonic.com/mac?ex=RAMP-2081.0] Menu.
* 40:19 Alternatives to popular Mac applications.
* 40:23 Ice [https://github.com/jordanbaird/Ice].
* 41:03 PearCleaner [https://github.com/alienator88/Pearcleaner].
* 43:08 Numi [https://numi.app/].
* 44:17 Bottom (btm) [https://github.com/ClementTsang/bottom].
* 44:53 Sip Color Picker [https://sipapp.io/].
* 50:25 Sick Picks & Shameless Plugs.
Sick Picks
* Scott: Wilde Chips [https://www.wildebrands.com/]
* Wes: Apple TV+: The Big Conn [https://tv.apple.com/ca/show/the-big-conn/umc.cmc.5nidhx69sm3a7gtv2a4k0l0lw?mttn3pid=Google%20AdWords&mttnagencyid=a5e&mttncc=CA&mttnsiteid=143238&mttnsubad=OCA2019953_1-660636129081-c&mttnsubkw=149066215919__YpqZmbhQ_&mttnsubplmnt=_adext_]
Shameless Plugs
* Scott: Syntax on YouTube [https://www.youtube.com/@syntaxfm]
Hit us up on Socials!
Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm]
Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos]
Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski]
Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]
04. Sept. 2024 - 57 min
![episode 816: Why Your CSS Sucks artwork](https://cdn.podimo.com/images/336537c3-bdc6-48a3-a880-a461921a38f9_400x400.png)
816: Why Your CSS Sucks
Scott and Wes break down why your CSS might suck—from misusing specificity to not leveraging CSS variables. Tune in as they dive into common pitfalls that are making your stylesheets a hot mess.
Show Notes
* 00:00 Welcome to Syntax!
* 00:33 Breakdancing [https://olympics.com/en/paris-2024/sports/breaking] in the Olympics.
* 05:29 Brought to you by Sentry.io [https://sentry.io/syntax].
* 05:44 Why your CSS sucks.
* 07:01 You’re styling the wrong element.
* 11:01 Nesting too deep.
* 12:37 You don’t understand specificity.
* 14:56 Your classes don’t use a system.
* 16:24 You’re using values instead of CSS vars.
* 20:16 You don’t understand block vs inline vs inline-block.
* CSS Logical Properties [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values]
* 21:16 You aren’t using the right tool for the job.
* CSS Flexbox [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox], CSS Grid [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout].
* 24:15 You’re setting the value in too many places.
* 24:31 You’re scoping to tightly or not tightly enough.
Hit us up on Socials!
Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm]
Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos]
Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski]
Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]
02. Sept. 2024 - 28 min
![episode 815: Deno 2 with Ryan Dahl artwork](https://cdn.podimo.com/images/336537c3-bdc6-48a3-a880-a461921a38f9_400x400.png)
815: Deno 2 with Ryan Dahl
In this episode of Syntax, Wes and Scott talk with Ryan Dahl about Deno 2.0, its new features and use of web standards, and how it seamlessly integrates with popular frameworks like Next.js. Ryan shares insights on the motivations behind Deno’s creation, its emphasis on simplicity and security, and offers his take on the evolving JavaScript ecosystem.
Show Notes
* 00:00 Welcome to Syntax!
* 00:34 What is Deno [https://deno.com/]?
* 05:08 Deno 2.0
* 07:49 NPM compatibility
* 09:40 What parts of Node aren’t doable in Deno?
* 11:22 Do we need a hard break from Require?
* 13:51 Package management
* 16:25 Security and performance benefits of Deno
* 20:57 Brought to you by Sentry.io [https://sentry.io]
* 20:57 Thoughts on Bun and Node additions
* 26:25 Ryan’s favorite Deno projects
* Lume [https://lume.land/]
* Fresh [https://fresh.deno.dev/]
* webgpu-examples [https://github.com/denoland/webgpu-examples]
* gpucraft minecraft clone + deno + webgpu [https://github.com/brendan-duncan/gpucraft]
* gpucraft example [https://www.youtube.com/watch?v=vTJvjBG-GLs]
* Shaderplay [https://github.com/littledivy/shaderplay]
* Orillusion [https://github.com/littledivy/deno_sdl2/blob/webgpu_external_surface/webgpu-examples/orillusion.ts]
* 28:42 Will we ever see a unified file system API?
* 31:49 Typescript
* 36:12 Jupyter Notebooks with Deno [https://blog.jupyter.org/bringing-modern-javascript-to-the-jupyter-notebook-fc998095081e]
* Polars [https://pola-rs.github.io/nodejs-polars/]
* 39:11 AI and WASM in JavaScript
* 42:01 Deno 2.0 features and future
* 43:08 Sick Picks & Shameless Plugs
Sick Picks
* Ryan: McCarren Park [https://www.google.com/search?q=mccarren+park]
Shameless Plugs
* Ryan: https://deno.com/enterprise [https://deno.com/enterprise]
Hit us up on Socials!
Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm]
Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos]
Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski]
Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]
30. Aug. 2024 - 44 min
![episode 814: Fundamentals: HTML artwork](https://cdn.podimo.com/images/336537c3-bdc6-48a3-a880-a461921a38f9_400x400.png)
814: Fundamentals: HTML
In this episode of Syntax, Wes and Scott talk about HTML fundamentals — from basic structure and semantics to practical tips for better accessibility and SEO. They also discuss the difference between block and inline elements, form functionalities, HTML5 elements like dialog and canvas, and more.
Show Notes
* 00:00 Welcome to Syntax!
* 02:33 Brought to you by Sentry.io [https://sentry.io]
* 03:25 Why HTML is important
* 06:52 Semantic vs non-semantic
* 07:58 The basic structure of an HTML page
* HTML elements reference [https://developer.mozilla.org/en-US/docs/Web/HTML/Element]
* The Main element [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main]
* 08:45 Doctype
* 15:24 Nav
* 18:47 Section
* 20:41 Aside
* 22:09 Article
* 22:54 Span
* 27:18 Why use a span when you have a div and a paragraph tag?
* 29:29 Figure and Caption
* 31:16 Fieldset
* 31:53 UL vs OL
* 32:44 DFN
* The Definition element [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn]
* 34:16 Form
* 36:56 Button vs Anchor
* 38:22 Headings
* 674 - A11y Treats - Heading Design [https://syntax.fm/show/674/a11y-treats-heading-design]
* 40:21 Output
* The Output element [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output]
* 41:46 Dialog
* 42:04 Tables
* 44:03 Media
* media-chrome [https://github.com/muxinc/media-chrome]
* 45:06 Canvas
* https://githubuniverse.com/ [https://githubuniverse.com/]
* https://maximeheckel.com/ [https://maximeheckel.com/]
* 46:07 On graphics programming
* 47:38 Search
* 354 - The Surprisingly Exciting World of HTML Elements [https://syntax.fm/show/354/the-surprisingly-exciting-world-of-html-elements]
* 48:27 Sick Picks + Shameless Plugs
Sick Picks
* Scott: 2Pack Traditional Natural Bamboo Wok Brushes [https://amzn.to/4co51dS]
* Wes: Logitech MX Master 3S [https://amzn.to/46MXmVd]
Shameless Plugs
* Syntax YouTube Channel [https://www.youtube.com/@syntaxfm]
* The Easiest Way to Infinite Scroll with React | Full Example [https://www.youtube.com/watch?v=nR85ayDEVBc]
Hit us up on Socials!
Syntax: X [https://twitter.com/syntaxfm] Instagram [https://www.instagram.com/syntax_fm/] Tiktok [https://www.tiktok.com/@syntaxfm] LinkedIn [https://www.linkedin.com/company/96077407/admin/feed/posts/] Threads [https://www.threads.net/@syntax_fm]
Wes: X [https://twitter.com/wesbos] Instagram [https://www.instagram.com/wesbos/] Tiktok [https://www.tiktok.com/@wesbos] LinkedIn [https://www.linkedin.com/in/wesbos/] Threads [https://www.threads.net/@wesbos]
Scott: X [https://twitter.com/stolinski] Instagram [https://www.instagram.com/stolinski/] Tiktok [https://www.tiktok.com/@stolinski] LinkedIn [https://www.linkedin.com/in/stolinski/] Threads [https://www.threads.net/@stolinski]
Randy: X [https://twitter.com/randyrektor] Instagram [https://www.instagram.com/randyrektor/] YouTube [https://www.youtube.com/@randyrektor] Threads [https://www.threads.net/@randyrektor]
28. Aug. 2024 - 55 min
Der neue Look und die “Trailer” sind euch verdammt gut gelungen! Die bisher beste Version eurer App 🎉 Und ich bin schon von Anfang an dabei 😉 Weiter so 👍
Eine wahnsinnig große, vielfältige Auswahl toller Hörbücher, Autobiographien und lustiger Reisegeschichten. Ein absolutes Muss auf der Arbeit und in unserem Urlaub am Strand nicht wegzudenken... für uns eine feine Bereicherung
Spannende Hörspiele und gute Podcasts aus Eigenproduktion, sowie große Auswahl. Die App ist übersichtlich und gut gestaltet. Der Preis ist fair.
Nutze Podimo überall
Höre Podimo auf deinem Smartphone, Tablet, Computer oder im Auto!
Ein ganzes Universum für Unterhaltung für die Ohren
Tausende Hörbücher und exklusive Podcasts
Ohne Werbung
Verschwende keine Zeit mit Werbeunterbrechungen, wenn du bei Podimo hörst
Dein Angebot
Unbegrenzter Zugang zu allen exklusiven Podcasts
Ohne Werbung
20 Stunden Hörbücher / Monat
Nach der Testphase nur 4,99 € / Monat. Keine Vertragsbindung.