Web Development and AI Updates - CSS, JavaScript, HTML, and AI Trends

Overview

Embark on a comprehensive journey through the latest developments in artificial intelligence and web technologies in this nearly two-hour video. Explore the role of AI engineers, the impact of AI on jobs, and the distinction between answer engines and search engines. Dive into advanced CSS topics including view transitions, container queries, and dynamic viewport units. Discover JavaScript updates like Object.groupBy and immutable array methods, and learn about new tools such as vlt, Bun, and Tauri 2.0. Examine modern JavaScript frameworks, focusing on bundle size optimization. Investigate HTML advancements like OpenUI, new elements, and HTMX. Gain valuable insights into how these technologies are shaping the future of web development and their implications for developers and the tech industry at large.

Syllabus

- Intro
- Sponsor
- AI
- AI Engineering: What is an AI Engineer?
- Is AI going to take my job?
- Answer Engines vs. Search Engines
- CSS: View Transitions
- CSS: Container Queries
- CSS: :has selector
- CSS: Dynamic Viewport Units
- CSS: Why not just use JS?
- JavaScript: Object.groupBy
- JavaScript: Immutable Array Methods
- JavaScript: vlt new npm
- JavaScript: Bun
- JavaScript: Tauri 2.0
- JavaScript: Frameworks, Signals, Qwik, Bundle Size, React Forget
- HTML: OpenUI, selectmenu, popover
- HTML: dialog element
- HTML: HTMX
- Conclusion