Logo
    Search

    errortracking

    Explore "errortracking" with insightful episodes like "Converting JS to TypeScript", "State Machines, CSS and Animations with David K Piano", "Potluck - Are classes dead? × Tutorials vs Real Life × CRA vs Next × Scraping × More", "Hasty Treat - Code Quality Tooling Part 2" and "Potluck - Working with designers × Is WordPress Crap? × When to stop working × More" from podcasts like ""Syntax - Tasty Web Development Treats", "Syntax - Tasty Web Development Treats", "Syntax - Tasty Web Development Treats", "Syntax - Tasty Web Development Treats" and "Syntax - Tasty Web Development Treats"" and more!

    Episodes (6)

    Converting JS to TypeScript

    Converting JS to TypeScript

    In this episode of Syntax, Wes and Scott talk about their respective processes for converting JavaScript to TypeScript in their projects, why you might want to, and tooling for moving to TypeScript.

    Sentry - Sponsor

    If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

    Show Notes

    ××× SIIIIICK ××× PIIIICKS ×××

    Shameless Plugs

    Tweet us your tasty treats

    State Machines, CSS and Animations with David K Piano

    State Machines, CSS and Animations with David K Piano

    In this episode of Syntax, Scott and Wes talk with David K Piano about state machines, CSS, animations and more!

    Sanity - Sponsor

    Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

    Sentry - Sponsor

    If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

    Show Notes

    2:30 - Who is David K Piano?

    4:00 - Did you have a background in animation prior to web development?

    5:45 - How did you build the CSS Responsive House on Codepen?

    8:36 - What are state machines?

    14:47 - How does it relate to programming?

    17:20 - How do you go about changing states?

    20:20 - Is this similar to how RxJS works?

    21:40 - How would state machine work in CSS?

    29:07 - Perspective in CSS

    34:47 - How do you like Twitch vs YouTube?

    35:48 - How do you add XState to a current project?

    41:42 - Visualizing sate machines

    46:15 - Do you have a day job as well?

    Links

    ××× SIIIIICK ××× PIIIICKS ×××

    Shameless Plugs

    Tweet us your tasty treats!

    Potluck - Are classes dead? × Tutorials vs Real Life × CRA vs Next × Scraping × More

    Potluck - Are classes dead? × Tutorials vs Real Life × CRA vs Next × Scraping × More

    It’s another potluck episode in which Wes and Scott answer your questions! This month - are classes dead?, tutorials vs real life, the smart home, developers and mental health, and more!

    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.

    Sentry - Sponsor

    If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

    Show Notes

    1:30

    • Q: What advice would you give to someone wanting to get involved with the open source community, coming from closed-source full-time work? How do people make time to code on the side and balance a life/family?

    5:38

    • Q: In Syntax 060, you mentioned making your life easier as a motivation. How do you get your data from sites that may not have an API? Web scraping? Any tools you’d recommend?

    11:34

    • Q: Do you think React aims toward a world with functional components only or will class based components always play a role?

    17:10

    • Q: Just feedback on the recent Smart Home podcast…I really enjoyed it! I have about 48 (color) HUE lights throughout my home, and use an IFTTT applet for my Ring PRO doorbell, so when someone rings the doorbell, all the lights in the home blink (e.g. so I can see when an Amazon Prime package arrives, or know someone is at the front door, etc…while I’m working and wearing my Bose QC35II’s, and of course listening to your podcast)! I’m a huge fan of the podcast since early last summer (I rarely comment, but you guys are great)!

    21:37

    • Q: What would you do in the event your clients sends you a “thank you” card along with cash that is MUCH lower than you are preparing to invoice them? Would you remove it from the invoice, ask them what they would prefer, etc? I’m stuck in an awkward situation and it doesn’t even cover the hosting costs.

    24:39

    • Q: I’ve heard a lot of good things about Next.js, but what exactly is it? How does it compare to just using the create-react-app? Is it worth it to migrate a small side project that I have to Next.js?

    28:26

    • Q: I take tutorials all the time for web dev. I have taken many of both of your courses. Thank you, they are great! I am completely self taught and have zero computer science education whatsoever. As well as your courses and other tutorials have taught me various languages and libraries, they do not prepare me for real work interviews or jobs. No offense. How do I make the jump from tutorials to real life?

    34:39

    • Q: Do you have exercises to warm up your brain before you start coding? I always find it a bit difficult to jump straight into a project. I would never start working out before warming up and I feel that’s also true about development!

    36:42

    • Q: How should developers deal with depression and mental health?

    Links

    ××× SIIIIICK ××× PIIIICKS ×××

    Shameless Plugs

    Tweet us your tasty treats!

    Hasty Treat - Code Quality Tooling Part 2

    Hasty Treat - Code Quality Tooling Part 2

    In this Hasty Treat, Scott and Wes continue their discussion about code quality tooling - how to get your code extra nice and clean, and the tools that will help you along the way.

    LogRocket - Sponsor

    LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session replayer and a performance monitor. Get 14 days free at https://logrocket.com/syntax.

    Show Notes

    2:28

    • Typescript and Types

    5:42

    • Jest and Testing

    7:48

    • Exceptions & Error Tracking

    Links

    Tweet us your tasty treats!

    Potluck - Working with designers × Is WordPress Crap? × When to stop working × More

    Potluck - Working with designers × Is WordPress Crap? × When to stop working × More

    It’s another potluck episode in which Wes and Scott answer your questions! This month - working with designers, criticisms of WordPress, avoiding burnout, time management, and more.

    Sentry - Sponsor

    If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

    .tech Domains - Sponsor

    Finding a great domain name is tough with so many names already taken. If you’re looking for a domain name for your startup, side project, or anything at all, check out .tech Domains. Syntax listeners can get 90% off both one-year and five-year registration by visiting go.tech/syntax and using the coupon code “syntax”.

    Show Notes

    5:05 - How can you help a designer understand how styling works and how layouts work in the web? In other words: How do I explain my boundaries as a front-end developer to a designer?

    • Work closely with the designer
    • Allow the designer to push your limits
    • You can help them understand by:
      • Showing them poor performing websites
      • Showing them things that usually are taxing on the GPU to paint - rotations, background images, drop shadows, etc.
    • Don’t be afraid to let a tough design push your boundaries

    13:23 - How do you manage your time for learning new things when you have children and a daily full-time job?

    • Those who figure out how to make it a priority will win out
    • Family first - talk to your spouse
    • Ask your boss for time to learn and grow
    • Find ways to get paid for learning

    19:45 - How do you deal with burnout in this constantly evolving front end tech ecosystem?

    25:00 - Do you code at night (past 9pm)?

    • Start your wind-down time earlier
    • Let your brain wok on problems while you sleep
    • Get it out of your head
    • Listen to podcasts, audiobooks, etc.

    29:23 - How do you compress your videos/audio for your courses/tutorials?

    • Handbrake Fast 1080
    • Use presets
    • Output from video editor, rip from YouTube, or compress directly from video editor

    33:10 - It seems like in the web dev community, a lot of people give WordPress crap. Any idea why?

    • WordPress is dope - people just like to complain.
    • WordPress is often one of the first things people learn and have bad memories of it
    • It’s easy to write bad code with WordPress
    • It can be slow
    • It can attract a certain type of developer

    33:10 - What are some of the biggest mistakes that people make when they are learning programming and what’s the best way to overcome them?

    • Don’t focus on too many things
    • Don’t worry about picking the right technology
    • Focus on the fundamentals
    • Let your curiosity and excitement drive you
    • Celebrate wins

    40:29 - What are your best tips for writing documentation?

    43:08 - What are some good questions or techniques to better understand a client’s requirements?

    • How does your business work right now?
    • What are people coming to the website for?
    • Questionnaires are good - they get people thinking
    • It’s your job to understand what a client want out of a website - what problems they have and need solved

    45:38 - Do you guys have any tips for taking over maintenance and development of existing websites where the previous developer is no longer reachable?

    • Take time to asses the codebase before writing anything
    • Learn what’s there any and why
    • Don’t start ripping out code without understanding what’s really going on
    • Don’t leave it worse than you found it
    • It depends on the stack, but it’s probably worth giving it an honest go before re-writing the whole thing

    ××× SIIIIICK ××× PIIIICKS ×××

    Shameless Plugs

    Tweet us your tasty treats!

    Hasty Treat - Building Curriculum for Courses

    Hasty Treat - Building Curriculum for Courses

    In this Hasty Treat, Scott and Wes discuss how they create courses, design and build curriculum, as well as insights and best practices for content creation.

    Sentry - Sponsor

    If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

    Show Notes

    4:32 - Wes’ process

    • Figure out what to make
    • Build the thing you’re teaching in the course
    • Have it reviewed by experts
    • Simplify and create a linear flow for what you’re teaching

    16:25 - Scott’s process

    • Chose a topic
    • Build the thing
    • Create the outline as you go
    • Have goals in mind, for individual topics
    • Record with final code open

    28:25 - How to get started

    Tweet us your tasty treats!