Syntax - Tasty Web Development Treats
Syntax - Tasty Web Development Treats

SSR, SEO, Tips for Students, music, security and GraphQL

It’s a Potluck episode - you bring the questions and we turn them into tasty treats. Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section. Coffeecup’s CSS Grid Builder Tool Check out Coffeecup’s CSS Grid.cc bui

Featured Speakers

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers Host

Topics Discussed

Episode Summary

Executive Summary: Syntax’s potluck episode covers practical developer advice across browser APIs, motivation, GraphQL learning paths, language choice, SEO/server-side rendering, networking, design growth, security basics, and favorite podcasts. The hosts emphasize continuous learning, finishing projects, leveraging community, and using modern tools/services to reduce friction in web development.

Main Topics: Staying current with browser JavaScript APIs: Wes explains that the best way to keep up with new DOM and browser APIs is by reading release notes for Chrome and Firefox, especially their JavaScript sections, and then exploring useful additions. Motivation and finishing projects: The hosts discuss how to stay engaged on boring work by turning projects into technical or creative challenges and by building the discipline to finish the last 10% of a project. Learning GraphQL in the right order: They recommend starting with GraphiQL, then learning GraphQL’s core concepts, then choosing a client library like Apollo or Relay, and finally moving into server-side usage. Whether to learn other languages or double down on JavaScript: They advise that it depends on career goals, but broadly suggest investing heavily in JavaScript because it now powers front ends, serverless functions, and increasingly many web experiences. SEO and server-side rendering for modern apps: The conversation covers why client-side React alone can be risky for SEO, when to use frameworks like Next.js or Gatsby, and how services like pre-render and Cloudflare can help. Networking, conferences, and soft skills: They recommend low-friction digital networking through Slack, Twitter, GitHub, and occasional meetups or conferences, even for introverted or busy developers. Design growth, security, and useful resources: Wes shares how his design skills improved through PSD-to-code work and CSS experimentation; the episode also highlights security learning via Troy Hunt and podcast recommendations.

Key Arguments: Browser API updates are best tracked through official browser release notes, especially the JavaScript sections, because that is where newly available or flag-gated APIs are documented. If you dislike a work project, make it more interesting by using it to learn new tools, build internal utilities, or solve a harder technical problem. Finishing projects matters as much as starting them; the last 10% is often the hardest and most valuable part of skill development. GraphQL is easier to learn when you start with GraphiQL and the core concepts before choosing Apollo or Relay and then moving to server implementation. For many developers, doubling down on JavaScript may be the highest-leverage move because it now spans front-end, serverless, and increasingly broader application use cases. SEO concerns are best handled with server rendering or static generation rather than relying on client-only rendering for important pages. Networking does not have to be time-consuming; digital communities and one meetup a month can be enough to maintain relationships and visibility. Design skill comes from repeated practice, attention to details like spacing and typography, and learning how to make interfaces not only attractive but usable. Security education is easier when you follow trusted experts like Troy Hunt and use managed platforms or services that automate HTTPS. The hosts value podcasts and learning resources that are practical, opinionated, and grounded in real experience rather than overly polished or fluffy content.

Data Points: Monthly potluck episodes: 1 - The hosts say they plan to do one question-and-answer potluck episode per month because they receive many listener questions. Meetup cadence suggested: 1 per month - For networking, Wes and Scott recommend attending at least one meetup a month rather than trying to go weekly. Experience building design skill: 10 years - Wes says he has been doing design-related work for roughly a decade, which helped him develop his visual style. Time estimate for learning GraphQL docs: 10–20 minutes - They suggest spending a short focused session on graphql.org’s learn section to understand the basic concepts. Project completion challenge: last 10% - The hosts describe the final stretch of projects as disproportionately hard and important to finish well. Podcast discussion span: multiple recommendations - They mention several programming, security, and business podcasts such as GraphQL Radio, Smashing Security, Test Talks, CodePen Radio, Shop Talk Show, Full Stack Radio, JS Party, Under the Radar, Tools Day, Indie Hackers, and Startups for the Rest of Us. Security service scale: 19 billion pages - Scott mentions pre-render handling at scale and cites that it has crawled 19 billion pages to make JavaScript sites searchable.

Pivotal Quotes: "If you are looking to just double down on a language, often what I hear from people is that I'm super overwhelmed... I would just forget about other languages and just double down on all in JavaScript." — Wes: Advice on whether a JavaScript developer should learn PHP or Python versus investing further in JavaScript. "The last 10% of the project is always such a... it's so hard to finish projects like that." — Wes: On the importance and difficulty of finishing projects rather than endlessly starting new ones. "You can take it and try to build in ways to either make it more of a learning experience for me technically... and then turn more challenging will make it more fun." — Scott: Scott explains how he stayed motivated while working on boring university projects.

Implications: Listeners are encouraged to focus on high-leverage habits: keep up with official browser changes, learn by building, finish work, invest in JavaScript, use SSR/managed services for SEO and HTTPS, and grow professionally through lightweight but consistent networking.

🔓 Sign Up for Unlimited Episode Search

About Syntax - Tasty Web Development Treats

View all episodes from Syntax - Tasty Web Development Treats