Syntax - Tasty Web Development Treats
Wes Bos and Scott Tolinski are two full stack web developers who like to break down complex topics and make them easy to understand.
The Freelance Client Lifecycle - Part 1
In this episode Scott and Wes talk about the freelance client lifecycle—from gathering requirements, to project hand-off, and everything in between. Techmeme Ride Home Podcast FromTechmeme.com, Silicon Valley’s most-read news source, The Techmeme Ride Home podcast is a short daily podcast about the day’s tech news. Mark Zuckerberg called Techmeme the one news source he definitely follows. New episodes are published every day at 5p.m. You cancheck out the show here, or search for “Techmeme Ride Home” in your favorite podcast player. LogRocket - Sponsor LogRocketlets 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 athttps://logrocket.com/syntax. Show Notes 03:29 - Gathering Requirements Probably the most important part of the process. If you botch this, you’ll be dealing with change orders and scope-creep throughout the entire project. Poor planning is why agencies have project managers and why many freelancers hate their clients. Ask lots of questions Get lots of examples Break down each page into functionality Ask about budget Clarify who will be updating the site Do this in person if possible 17:00 - Quote Figuring out the quote Break it down into major functional areas that don’t necessarily depend on each other. Multi-staged quotes are great because if it’s too expensive, the client knows they can add additional features later in the project. Explain the tech you will use in relation to how it will help their business, or how easy it will be for them to manage. Presenting the quote List what will be included List what won’t be included Make your quote valid for two weeks Create a template that looks professional Our agency had a professional template, printed on heavy paper in an embossed folder with our logo on it. You don’t have to go this far, but experience matters. Think Apple. You can quote more if you have a higher perception of quality. 30:20 - Timelines Timelines should include hard dates. You should have a “hard on” and and “hard off”. Assume 24-hour turnaround on questions Be generous with your estimates. Under promise, over deliver. Quoting time is a huge skill 35:58 - Contract You best have one Spell out what the client is getting (from quote) At the very least, have the client sign your quote Clear communication and a good relationship is extremely important Use online templates, or have a lawyer create something specific 41:09 - Setting Expectations Don’t make yourself available 24/7 Establish a professional environment by not being too casual Your choices will set the course for your relationship Don’t be too quick to reply to email Schedule emails for 10a.m. Links Syntax 036: Hasty Treat - Freelancing Hot Tips docracy Boomerang for Gmail ××× SIIIIICK ××× PIIIICKS ××× Scott:The Great Suspender Wes:Food Busker YouTube Channel Shameless Plugs Scott’s Level 1 Styled Components Course Wes’ Courses Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include@SyntaxFMin your tweets
Hasty Treat - Tidying Up Code #MarieKondo
In this Hasty Treat, Scott and Wes talk about tidying up your code - why it’s important and how it can make your (dev) life better. Sentry - Sponsor If you want to know what’s happening with your errors, track them withSentry. 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 visitingSentry.ioand using the coupon code “tastytreat”. Show Notes 3:24 - Removal Unneeded comments Unused CSS Unused Functions 8:06 - Organizing A system that works for you Know when to break things out into a new file, components, functions otherwise Index file works sometimes - other times it’s too much work 11:45 - Tiding Up Refactoring bad/old code Non-ironically, does this code spark joy? Unused Functions Add in comments Folding - use a code formatter CSS Links Tidying...
Tips for Work Life Balance
In this episode Scott and Wes talk about work life balance. These tips aren’t hard-and-fast - part of the beauty of being a web developer is that you do get to enjoy some flexibility. Work is a big part of our live and these are tips that will hopefully allow you to get the most enjoyment out of both work and life. Sanity.io - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get up and running by typingnpm i -g @sanity/cli && sanity initin your command line. Get an awesome supercharged free developer plan onsanity.io/syntax. Freshbooks - Sponsor Get a 30 day free trial of Freshbooks atfreshbooks.com/syntaxand putSYNTAXin the "How did you hear about us?" section. Show Notes 8:06 - Know when you work best The 9-5 isn’t for everyone - you know when you work best, so use that to your advantage 9:39 - Work when it’s time to work, life when it’s time to life Don’t do laundry during work time 11:08 - Make it clear to family members...
See More Episodes on Himalaya