Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

814: Fundamentals: HTML

Syntax - Tasty Web Development Treats

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.

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 03:25 Why HTML is important 06:52 Semantic vs non-semantic 07:58 The basic structure of an HTML page  HTML elements reference The Main element  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  34:16 Form 36:56 Button vs Anchor 38:22 Headings  674 - A11y Treats - Heading Design  40:21 Output  The Output element  41:46 Dialog 42:04 Tables 44:03 Media  media-chrome  45:06 Canvas  https://githubuniverse.com/ https://maximeheckel.com/  46:07 On graphics programming 47:38 Search  354 - The Surprisingly Exciting World of HTML Elements  48:27 Sick Picks + Shameless Plugs  Sick Picks  Scott: 2Pack Traditional Natural Bamboo Wok Brushes Wes: Logitech MX Master 3S  Shameless Plugs  Syntax YouTube Channel The Easiest Way to Infinite Scroll with React | Full Example  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

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

 03:25 Why HTML is important
 06:52 Semantic vs non-semantic
 07:58 The basic structure of an HTML page  HTML elements reference

 The Main element

 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

 34:16 Form
 36:56 Button vs Anchor
 38:22 Headings  674 - A11y Treats - Heading Design

 40:21 Output  The Output element

 41:46 Dialog
 42:04 Tables
 44:03 Media  media-chrome

 45:06 Canvas  https://githubuniverse.com/

 https://maximeheckel.com/

 46:07 On graphics programming
 47:38 Search  354 - The Surprisingly Exciting World of HTML Elements

 48:27 Sick Picks + Shameless Plugs
  Sick Picks  Scott: 2Pack Traditional Natural Bamboo Wok Brushes

 Wes: Logitech MX Master 3S

  Shameless Plugs  Syntax YouTube Channel

 The Easiest Way to Infinite Scroll with React | Full Example

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

814: Fundamentals: HTML

Poslechněte si podcast