Liczba odcinków: 224

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.

Syntax - Tasty Web Development Treats Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

    • Technologie

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.

    Hasty Treat - Get Movin' With Framer Motion

    Hasty Treat - Get Movin' With Framer Motion

    In this Hasty Treat, Scott and Wes talk about Framer Motion — why it is so cool, and how it can improve animations in your projects.
    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 re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
    Show Notes 4:53 - The 411
    Previous knowns as Pop Motion Pose Animation library with focus on ease of use Utilizes both spring and duration based animations 7:19 - Pose
    Pose was previously more pose based - aka you made scenes and toggled between them This still exists within Motion as variants, but isn’t the main way 8:06 - The New New
    motion.div animate prop is basically a live value for the animation initial for initial state exit for animating out with use of animatePresence Hard stuff made easy drag prop Full control over properties like duration and easing Orchestration features, this then that Variants Multiple scenes allow you to orchestrate many animations with a single state change Handles hover and tap easily Scroll values SVG path animations 19:45 - Final Thoughts
    Framer Motion is easier React Spring is much smaller React Spring makes very complex animation possible Links Framer Motion React Spring Framer Motion Examples Framer X Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

    • 23 min.
    Are Web Dev GUIs Going to Replace Us?

    Are Web Dev GUIs Going to Replace Us?

    In this episode of Syntax, Scott and Wes talk about web dev GUIs — what are they, are they going to replace developers, are they good or bad, and more!
    Hasura - Sponsor Hasura is an open source real-time GraphQL engine. It connects to your databases & microservices and instantly gives you a production-ready GraphQL API. Check it out at Hasura.io.
    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 re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
    Show Notes 1:30 - What is “codeless”?
    The codeless movement is coming in with a force. Are they just selling something? Or is it a real concern? All types of jobs are being replaced by computers Truckers Cashiers Lawnmowers Doctors Why not web developers? 7:22 - First experience building sites with a GUI?
    Dreamweaver 10:18 - Entire website builders:
    Wix Squarespace Webflow Modulz Grid.io Wordpress Builders 13:17 - When are GUIs useful?
    Brochure site Basic e-commerce 20:26 - Is a GUI/Codeless always better?
    It depends what you’re capable of doing 25:21 - Levels of hell GUI assistance in builders
    CMS - Just modifying content and basic markup Access to code, drag blocks into place No or minimal access to code No modification outside of options 31:36 - Are there GUIs for making applications?
    Native Mobile Zapier 36:54 - Are jobs at risk?
    Yes
    I think a lot of WordPress tinkering has already been replaced The guy who knows what buttons to push is at risk? Webmaster jobs where the roll was just occasionally updating HTML and text No
    Government Educational institutions Major corporations that can’t have their content stored via a service 39:55 - Our favorite GUIs to help development
    Scott:
    Netlify Heroku Studio 3T VS Code Wes:
    Sketch CSS Export Digital Ocean Cyberduck Transmit ZSH VS Code Links Roomba’s first autonomous lawnmower Notepad++ Geocities Angelfire Sketch Figma Gatsby Excel Meteor Recurly Gumroad Begin.com ××× SIIIIICK ××× PIIIICKS ××× Scott: Baron of Botox Wes: Owlet Smart Sock Shameless Plugs Scott: How To Build A GraphQL API - Sign up for the year and save 25%! Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

    • 52 min.
    Hasty Treat - The Power of Hobbies

    Hasty Treat - The Power of Hobbies

    In this Hasty Treat, Scott and Wes talk about hobbies — how they can improve your life and make you a better developer, as well as the hobbies they enjoy.
    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 3:19 - What are our hobbies?
    Wes: Focus on one thing, learn it, move along
    Kombucha, Fermentation and Curing Projects Bike flipping Kids ride on repairs + hacks ATV fixing ICE to Battery conversion Scott:
    Dance - 15+ years Weightlifting / fitness Video games Watching hockey Design Computing / coding Snowboarding Kung fu movies 9:00 - Why are they good?
    Fuel your coding project Maybe could even become your key to a job you love They keep your mind sharp Good for downtime Good for mental health and mood Can be meditative Be cognizant of what they do to your mental state Promotes creativity and critical thinking Fun man 17:54 - How do you find a hobby?
    Wes
    I always need an end game I want to grow hot peppers I want a wicked ATV for cheap I think batteries are fascinating but I need something real to do Scott - I start with the fascination
    I think dancing is cool, but I could never learn I think _____ is cool, but I don’t know where to start Deep dark YouTube holes
    YouTube has an endless selection of educational content Facebooks groups or forums
    Meetups / volunteering
    Introverts will have a hard time with this, push yourself 22:50 - What is your hobby?
    Tweet us @syntaxfm SyntaxFM Reddit Links Oculus Quest Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

    • 23 min.
    The Synology Show - Backups and Home Server

    The Synology Show - Backups and Home Server

    In this episode of Syntax, Scott and Wes talk about running backups and a home server — Synology setups, apps, 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.
    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.
    Show Notes 2:03 - What is it?
    A little headless computer 5:07 - Drives
    WD Red or Seagate Ironwolf — They are loud, you can put SSDs in them, but it’s $$ 6:25 - RAID
    11:17 - Power
    Backup Time Machine over the network You can upgrade the memory SSDs 22:40 - Backing up your Backups
    Mirror folders to Backblaze B2 Slow, but worth it 30:53 - Apps
    Plex + Emby Storage Analyzer Docker - anything really Node js ;) Security cameras Pi-hole or custom DNS server Moments Drive Links Screenflow Synology DS918+ DS219+ WD Red Drives Seagate Iron Wolf Govee Thermometer Now Squizzy Backblaze B2 Plex Emby Storage Analyzer DaisyDisk Docker Node.js Raspberry Pi Dokku Synology vs Blue Iris Moments app Pi-hole Discourse ××× SIIIIICK ××× PIIIICKS ××× Scott: Lululemon Men’s Jogger Wes: DS918+ Shameless Plugs Scott: How to Build a GraphQL API - Sign up for the year and save 25%! Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

    • 59 min.
    Hasty Treat - Non-Glamorous Skills You Should Have

    Hasty Treat - Non-Glamorous Skills You Should Have

    In this Hasty Treat, Scott and Wes talk about the non-glamorous skills that will improve your life as a developer!
    Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
    Show Notes 3:13 - Why it’s needed
    Make you a better dev Make big tasks easier 7:00 - Why we don’t do it
    Because it’s hard It’s boring - sometimes It’s not our focus 7:24 - Good command line skills
    Get around file system Copy, move, delete things 8:58 - Keyboard skills
    Jump by word/line/BOL/EOL Learn 1 new shortcut per week Custom keybindings for common tasks 14:22 - Communication and interpersonal skills
    Check out Syntax 125: Hasty Treat - Communication Skillz 14:41 - Time management
    Focus apps to help How long will something take? Revisit past projects when they are done and see how long it took 16:36 - Good file hygiene
    Good folder structure Delete old cruft Clear your recycle Desktop and downloads are off-limits Create template structures or tools for commonly used structures Links Wes’ Command Line Power User Course Synology VSCode React PropTypes Generate Syntax 125: Hasty Treat - Communication Skillz CleanMyMac DaisyDisk Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

    • 23 min.
    Potluck - Dev Culture Fit × Slack Communities × Vanilla JS × Backpacks × Raspberry Pi × More!

    Potluck - Dev Culture Fit × Slack Communities × Vanilla JS × Backpacks × Raspberry Pi × More!

    It’s another potluck! In this episode, Scott and Wes answer your questions about dev culture fit, Slack communities, vanilla Javascript, backpacks, Raspberry Pi, beards, and more!
    .TECH Domains - Sponsor If you need eyes on your project, you’ll need a domain, and .TECH is perfect for representing your brand. Find out if your .TECH domain is available at go.tech/syntax2020. Use the coupon code Syntax2020 and get 90% off 1- 5- and 10-year domain names.
    Netlify - Sponsor Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info.
    Show Notes 3:10 - Q: Recently I took a job as a lead dev doing the exact kind of work I’ve always wanted to do. But after the first week, I really hate it. I feel like I don’t fit in and I’m seeing many red flags. There are no processes and there doesn’t seem to be any real excitement around what we are building. What should I do? Do I suck it up for a while? Or do I start looking for something else, potentially taking a pay cut (and moving back into doing web dev as opposed to building apps) to work at another creative agency with people who are more my jam?
    10:32 - Does Syntax have a Discord or Slack community channel to collaborate on topics?
    12:00 - What is one thing that really annoys you about Javascript? I’m curious if you could change one thing about the language itself, what would it be?
    15:08 - Have you tried Fauna DB?
    19:13 - What are your thoughts on including tutorial projects in a portfolio? (For example, putting the Sick Fits site from Wes’ Advanced React course in a portfolio.) I’m relatively new to React and have a couple of my own projects, but a bunch of projects from following a course.
    23:58 - A site you’re maintaining is hacked, how do you handle fixing it?
    30:28 - My bookmarks are overwhelming! I just started learning web dev and even though I sort my bookmarks into folders, I end up with so much that I don’t even know how to use them. What do you guys do for managing bookmarks on browsers?
    34:15 - How would you recommend integrating React and other modern JS frameworks into (more or less) “static” or “brochure” websites? Say for instance I have a banking website that has mostly static content, but also has complicated JS pieces such as calculators, location finders and sign-up forms? I currently reach for jQuery & jQuery plugins for these pieces of functionality, but React and Vue sound like they could also help solve these one-off pieces of functionality. Most tutorials and examples are based on creating apps from the ground up, but what if you only want to sprinkle these frameworks in and only use them where JS is necessary? How might the both of you solve for these scenarios?
    38:00 - I was wondering whether you could share which backpack, or bag do you use for carrying your laptops? I’m looking for something that would be useful for carrying my 16" Macbook Pro, but also could hold some other stuff like groceries, clothes, or other various things that one may want to put there.
    41:50 - Do you write out a vanilla fetch() in your components that need it, or do you use a fetch “wrapper” written by yourself or someone else? If so, what does it look like?
    46:16 - Have you ever done any automation projects using a Raspberry Pi? I am trying my hand at remote access to the solar power setup at our ‘bach’ (pronounced ‘batch’) here in New Zealand, which is the same thing as a ‘cottage’ in Canada. Finding it hard to find good resources for this online as most get really technical really fast. My idea is to take the RS485 modbus data and just send it up to a DB every 5 minutes or so.
    51:38 - What do Wes and Scott think about beards and have you ever

    • 1 godz.

Recenzje użytkowników

marek.developer ,

Love it

Great podcast

TomWro ,

Tomasz Rozalski

In my opinion the best podcast series ever! Moreover one of the best source of the knowledge, inspiration for all front-end developers :) Keep it up guys!

TomWro ,

Tomasz Różalski

In my opinion the best podcast series ever! Moreover one of the best source of knowledge, inspiration for all front-end developers :) Keep it up guys!

Najpopularniejsze podcasty w kategorii Technologie

Słuchacze subskrybowali także