Keeping Up with The Fast and Furious Web

Bookmark
Rate this content

Things are evolving constantly and it's hard to know what's worth your time. As someone who learns and teaches for a living, Scott explores the web platform and what really matters.

This talk has been presented at JSNation US 2025, check out the latest edition of this JavaScript Conference.

FAQ

Scott Talinsky is the co-host of the Syntax Podcast and an executive producer at Sentry, working on Syntax full time. He also started one of the first web development channels on YouTube in 2012.

The Syntax Podcast covers topics related to web development, including front-end frameworks, JavaScript, CSS, and more. It also brings educational content to life through YouTube videos.

Scott Talinsky started his web development career by creating one of the first web development channels on YouTube in 2012, producing tutorial videos on WordPress, Drupal, and other topics.

Scott Talinsky discusses various topics, including JavaScript-less applications, new browser APIs, local data caching, and the importance of accessibility in web development.

Scott Talinsky mentions the transition from HTML and CSS to ActionScript and Flash, the introduction of HTML5 and CSS3, the rise of JavaScript frameworks like React and Angular, and the advent of AI in web development.

Scott Talinsky emphasizes learning fundamentals because they provide a strong foundation, allowing developers to adapt to new technologies without relying heavily on libraries or packages.

Scott Talinsky advises focusing on fundamentals, experimenting with code, finding content types that suit your learning style, and not relying too much on AI for learning.

Scott Talinsky personally prefers not to use semicolons in his own work but adheres to the team's coding standards, which include semicolons.

Scott Talinsky believes AI can be helpful for summarizing documents and comparing information, but cautions against relying on it too much as it can hinder learning important skills.

Scott Talinsky suggests finding a passion for the projects you're working on, learning through exploration and play, and managing the influence of social media on learning choices.

Scott Tolinski
Scott Tolinski
29 min
17 Nov, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Scott Talinsky's journey in web development highlights his transition from YouTube tutorials to creating educational content and courses, reflecting his passion for teaching. The evolution of web development tools showcases advancements from limited colors to modern frameworks like React and CSS features like squircles. Adapting to new technologies emphasizes core skills and freedom in tool selection. User-centric development prioritizes accessibility and understanding the purpose of tools. Learning strategies focus on fundamentals, hands-on learning, and avoiding influencer bias. Standing out in tech roles requires quality projects, broad knowledge, and effective communication.

1. Scott Talinsky's Web Development Journey

Short description:

Scott Talinsky, co-host of Syntax Podcast, discusses his journey in web development, from YouTube tutorials to creating educational content and courses. His early experiences in website creation reflect his passion for teaching and sharing knowledge.

Hey, how's it going? Yeah, my name is Scott Talinsky. I am the co-host of the Syntax Podcast. Has anybody listened to Syntax out there? Yeah. So Syntax is more than just a podcast these days. As you heard CJ and I and my Wes Boss have all been doing a lot on YouTube, whether that is competitive coding games or just bringing the podcast to life in video or just bringing a lot of fun to education, we're on there at Syntax. I'm also an executive producer over at Century where I get to work on Syntax full time.

So I learned how to learn things quickly out of necessity. Back in 2012, I started one of the first web development channels on YouTube. I started making nine tutorial videos a week just on whatever I was working on. So at the time it was a lot of WordPress and Drupal and stuff. I would do these things all day at work and then come home, record a few tutorials, push it up online. That turned into 500 videos a year of making custom videos for companies as their training materials for doing endless amounts of tutorials.

Then that eventually was a brand new 24-video course every single month for paid subscribers. Now with Syntax, we've done nearly a thousand episodes of the podcast. All of this has been teaching web development. Throughout this time, I was always thinking about like, I have all this acquired knowledge from having to learn things to be able to teach it back really quickly. But when I really thought about it, it didn't start in 2012. It started way back because this was one of my first websites, the first one I had a screenshot of, and you can tell I'm 15. This is on AngelFire. It has a repeating background. There's a poll about zebras and I thought newsletter was two words and I spelled here incorrectly. It's hilarious.

2. Evolution of Web Development Tools

Short description:

Reflecting on the evolution of web development tools and technologies from limited web-safe colors to modern frameworks like React and CSS features like squircles. The journey includes transitions from Flash to HTML 5, jQuery to front-end frameworks, and the introduction of server-side JavaScript and new data storage methods like MongoDB.

But I was making this website for myself. To me, this was like as hideous as this is and terrible. It was like the pinnacle. I thought if I could put a poll, yes or no, or newsletter, that that was like next level. In 2002, that website wasn't just bad taste. I mean, it was not good taste, but it wasn't just bad. We had a limited work set. We had web-safe colors and table layouts and inline CSS and Internet Explorer hacks, slicing images and all that stuff. And then Flash, right? And then everybody had to learn Flash. We had to almost acquire an entirely new skill set where it wasn't HTML and CSS anymore. It was ActionScript and if you wanted video or multimedia on the web at all, you needed to learn at least a little bit of Flash, right? And that was a whole ton. And then we got HTML 5 with a whole host of new building blocks and CSS3 with all those browser prefixes that you had to learn or copy and paste from CSS3, please.

We had me personally, I was building a lot in WordPress and Drupal and doing a lot in PHP. And during the same time, people were picking up Rails and Django and other frameworks to build sites with. And personally, a lot of people got into JavaScript through something called jQuery, right? One of my first JavaScript projects was a jQuery plugin called DTF, down to fade. And it faded in elements on the page and again, I was like, this is now the new pinnacle for me. I can get like six things staggered loading on the page and it's like incredible. And then we had front end frameworks and interactivity, Backbone Emulator, and then eventually Angular. And me personally, I used a lot of Meteor to do real time and I was getting to build chat apps and now you're having to learn installing packages. I mean, Meteor was pre Node modules, right? And then you have MongoDB, which is like an entirely different way of storing data. And then you have JavaScript on the server all of a sudden, we're not writing PHP on the server, we get Express and Node modules. I was typing this up and I was like, there's really too much stuff to even put on these slides. I was running out of room. And even just like talking about it and thinking about all these changes that we've had to go through is exhausting.

Because then we got React and 27 new CSS, 24-7 new CSS features. Like there's probably CSS features that came out ten years ago that you've never heard of. TypeScript and a thousand new JavaScript frameworks, and then now a thousand more new CSS features. I mean, heck, you can make a squircle with corner shape. And if you don't know what a squircle is, well, now you're going to have to because everybody's going to be doing squircles with corner shapes. And we got all these new little things that come along with AI.

QnA

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Don't Solve Problems, Eliminate Them
React Advanced 2021React Advanced 2021
39 min
Don't Solve Problems, Eliminate Them
Top Content
Kent C. Dodds discusses the concept of problem elimination rather than just problem-solving. He introduces the idea of a problem tree and the importance of avoiding creating solutions prematurely. Kent uses examples like Tesla's electric engine and Remix framework to illustrate the benefits of problem elimination. He emphasizes the value of trade-offs and taking the easier path, as well as the need to constantly re-evaluate and change approaches to eliminate problems.
Jotai Atoms Are Just Functions
React Day Berlin 2022React Day Berlin 2022
22 min
Jotai Atoms Are Just Functions
Top Content
State management in React is a highly discussed topic with many libraries and solutions. Jotai is a new library based on atoms, which represent pieces of state. Atoms in Jotai are used to define state without holding values and can be used for global, semi-global, or local states. Jotai atoms are reusable definitions that are independent from React and can be used without React in an experimental library called Jotajsx.
Debugging JS
React Summit 2023React Summit 2023
24 min
Debugging JS
Top Content
Watch video: Debugging JS
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
The Epic Stack
React Summit US 2023React Summit US 2023
21 min
The Epic Stack
Top Content
Watch video: The Epic Stack
This Talk introduces the Epic Stack, a project starter and reference for modern web development. It emphasizes that the choice of tools is not as important as we think and that any tool can be fine. The Epic Stack aims to provide a limited set of services and common use cases, with a focus on adaptability and ease of swapping out tools. It incorporates technologies like Remix, React, Fly to I.O, Grafana, and Sentry. The Epic Web Dev offers free materials and workshops to gain a solid understanding of the Epic Stack.
A Look Ahead at Web Development in 2025
JSNation US 2024JSNation US 2024
32 min
A Look Ahead at Web Development in 2025
Top Content
Today, Wes Boss introduces the new features of the web, including customizable select and temporal, a standardized API for working with dates, time, and duration. The current date API in JavaScript has some problems related to time zones and date manipulation. With the temporal API, you can create dates without a time zone, specify dates without a year, and create durations without being attached to a specific date. The API also provides features for finding the difference between two dates. Invokers is a declarative click handlers API that eliminates the need for JavaScript. Speculation API enables pre-rendering and pre-loading of pages, improving performance. The CSS Anchor API allows positioning elements based on another element's location. Web components are encapsulated, framework-agnostic, and easy to use, offering a standardized approach for building reusable UI components. Building media UI components, like video players, is made easier with web components like Shoelace. Transformers JS allows running AI models in JavaScript for tasks like emotion detection and background removal. Python doesn't run in the browser, but JavaScript does. Small AI models can be loaded and executed faster in the browser using technologies like WebGPU. Animate height auto transition using calc size. Apply starting styles to elements for smooth animations. Use Vue transition for CSS and JavaScript animations. Syntax website with Vue transition for smooth page transitions. CSS relative colors allow for lighter or darker shades. Scope CSS ensures styles only apply to specified div containers. Web primitives facilitate modern JavaScript code. You can create web requests and receive web responses using the same primitives on both the client and server. There are many new web standards that work everywhere and frameworks like Hano and Nitro are built upon them. The select and Popover elements are accessible by default. Most of the discussed features will be available in all browsers by 2025. The future of web development with AI is uncertain, but web developers should embrace AI tools to improve efficiency. Implicit CSS lazy loading depends on whether it's prefetching or pre-rendering. Wes Boss discusses the specific features he is excited about in web development, including starting style, calc auto, and allowed discrete. He shares his preferred way of staying informed on new web development discoveries, emphasizing the importance of being part of the community and keeping up with industry discussions. Wes also mentions reading W3C meeting notes and recommends following the Twitter account Intent2Ship to stay updated on upcoming CSS features. Lastly, he discusses the potential impact of the new Scope CSS feature on developers' management of styles.
Fighting Technical Debt With Continuous Refactoring
React Day Berlin 2022React Day Berlin 2022
29 min
Fighting Technical Debt With Continuous Refactoring
Top Content
Watch video: Fighting Technical Debt With Continuous Refactoring
This Talk discusses the importance of refactoring in software development and engineering. It introduces a framework called the three pillars of refactoring: practices, inventory, and process. The Talk emphasizes the need for clear practices, understanding of technical debt, and a well-defined process for successful refactoring. It also highlights the importance of visibility, reward, and resilience in the refactoring process. The Talk concludes by discussing the role of ownership, management, and prioritization in managing technical debt and refactoring efforts.

Workshops on related topic

React, TypeScript, and TDD
React Advanced 2021React Advanced 2021
174 min
React, TypeScript, and TDD
Top Content
Featured Workshop
Paul Everitt
Paul Everitt
ReactJS is wildly popular and thus wildly supported. TypeScript is increasingly popular, and thus increasingly supported.

The two together? Not as much. Given that they both change quickly, it's hard to find accurate learning materials.

React+TypeScript, with JetBrains IDEs? That three-part combination is the topic of this series. We'll show a little about a lot. Meaning, the key steps to getting productive, in the IDE, for React projects using TypeScript. Along the way we'll show test-driven development and emphasize tips-and-tricks in the IDE.
Web3 Workshop - Building Your First Dapp
React Advanced 2021React Advanced 2021
145 min
Web3 Workshop - Building Your First Dapp
Top Content
Featured Workshop
Nader Dabit
Nader Dabit
In this workshop, you'll learn how to build your first full stack dapp on the Ethereum blockchain, reading and writing data to the network, and connecting a front end application to the contract you've deployed. By the end of the workshop, you'll understand how to set up a full stack development environment, run a local node, and interact with any smart contract using React, HardHat, and Ethers.js.
Remix Fundamentals
React Summit 2022React Summit 2022
136 min
Remix Fundamentals
Top Content
Workshop
Kent C. Dodds
Kent C. Dodds
Building modern web applications is riddled with complexity And that's only if you bother to deal with the problems
Tired of wiring up onSubmit to backend APIs and making sure your client-side cache stays up-to-date? Wouldn't it be cool to be able to use the global nature of CSS to your benefit, rather than find tools or conventions to avoid or work around it? And how would you like nested layouts with intelligent and performance optimized data management that just works™?
Remix solves some of these problems, and completely eliminates the rest. You don't even have to think about server cache management or global CSS namespace clashes. It's not that Remix has APIs to avoid these problems, they simply don't exist when you're using Remix. Oh, and you don't need that huge complex graphql client when you're using Remix. They've got you covered. Ready to build faster apps faster?
At the end of this workshop, you'll know how to:- Create Remix Routes- Style Remix applications- Load data in Remix loaders- Mutate data with forms and actions
Vue3: Modern Frontend App Development
Vue.js London Live 2021Vue.js London Live 2021
169 min
Vue3: Modern Frontend App Development
Top Content
Workshop
Mikhail Kuznetsov
Mikhail Kuznetsov
The Vue3 has been released in mid-2020. Besides many improvements and optimizations, the main feature of Vue3 brings is the Composition API – a new way to write and reuse reactive code. Let's learn more about how to use Composition API efficiently.

Besides core Vue3 features we'll explain examples of how to use popular libraries with Vue3.

Table of contents:
- Introduction to Vue3
- Composition API
- Core libraries
- Vue3 ecosystem

Prerequisites:
IDE of choice (Inellij or VSC) installed
Nodejs + NPM
Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop
JSNation 2023JSNation 2023
174 min
Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop
Top Content
WorkshopFree
Alba Silvente Fuentes
Roberto Butti
2 authors
This SvelteKit workshop explores the integration of 3rd party services, such as Storyblok, in a SvelteKit project. Participants will learn how to create a SvelteKit project, leverage Svelte components, and connect to external APIs. The workshop covers important concepts including SSR, CSR, static site generation, and deploying the application using adapters. By the end of the workshop, attendees will have a solid understanding of building SvelteKit applications with API integrations and be prepared for deployment.
0 to Auth in an hour with ReactJS
React Summit 2023React Summit 2023
56 min
0 to Auth in an hour with ReactJS
WorkshopFree
Kevin Gao
Kevin Gao
Passwordless authentication may seem complex, but it is simple to add it to any app using the right tool. There are multiple alternatives that are much better than passwords to identify and authenticate your users - including SSO, SAML, OAuth, Magic Links, One-Time Passwords, and Authenticator Apps.
While addressing security aspects and avoiding common pitfalls, we will enhance a full-stack JS application (Node.js backend + React frontend) to authenticate users with OAuth (social login) and One Time Passwords (email), including:- User authentication - Managing user interactions, returning session / refresh JWTs- Session management and validation - Storing the session securely for subsequent client requests, validating / refreshing sessions- Basic Authorization - extracting and validating claims from the session token JWT and handling authorization in backend flows
At the end of the workshop, we will also touch other approaches of authentication implementation with Descope - using frontend or backend SDKs.