Our Code Styles

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 20 July 2022

⏱️ 59 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this episode of Syntax, Wes and Scott talk about their coding styles - functional vs object oriented, interfaces vs types, tabs vs spaces, should comments exist? And a whole lot more. Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax 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. 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. Show Notes 00:07 Welcome 01:56 Functional vs object oriented 03:49 Interfaces vs types 05:38 Tabs vs spaces 07:02 Semicolons vs no semicolons 08:10 Let vs const 09:33 Do you explicitly type or allow TypeScript do it’s magic? 11:26 Naming variables Naming convention for programming 15:13 Methods of looping 18:03 if statement curlys 20:57 Naming files 24:46 Inline testing vs running test as a process 25:31 Sponsor: Freshbooks 26:37 CSS property:val; or property: val; 27:40 CSS nesting? 29:49 Alphabetizing CSS properties 31:11 Rems, Ems, PX, Etc… 33:37 How do you center something in CSS? 35:22 How do you make something 100% height? 36:52 Sponsor: Sentry 37:30 Should comments exist? Better Comments Wes’ custom parser for VS Code Todo Tree 42:31 Creating HTML 45:28 Components in app or in isolation? 47:41 Sponsor: Sanity 48:45 Single component per file vs multiple Storybook 50:22 Naming components 51:19 General stuff 53:55 ××× SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Scott’s iPad case for kids Wes: Garbage can with custom bags. Shameless Plugs Scott: LevelUp Tutorials Wes: Wes Bos Tutorials 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

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to syntax the podcast with the tastiest web development treats out there strap yourself in and get ready
0:07.7	Here is Scott Tillinski and West boss
0:10.8	Welcome to syntax the podcast with the tastiest web development treats out there today
0:16.3	We've got a pretty fun one for you. It's on our coding style
0:19.6	We're gonna go through all different coding styles of JavaScript and CSS and how do you write things?
0:24.3	We'll do the the the silly ones tabs and spaces, but we'll also get into a lot more
0:30.5	Rems, M's and pixels. How do you make something a hundred percent height?
0:34.7	What is your approach to making HTML with JavaScript?
0:39.3	Some pretty cool stuff in Scott and I will go back and forth and sort of explain our approach and our thoughts behind all of this
0:45.0	We are sponsored by three awesome companies for rush books cloud accounting century
0:50.2	Air exceptional performance tracking and sanity
0:53.8	They are the
0:55.2	Content platform for your next website check them out and we'll talk about them partway through the episode
1:01.3	How you doing today mr. Tillinski? Oh, I'm doing good
1:05.9	Yeah, I got nothing to report. This is like the fifth sixth episode we've recorded today
1:11.3	So yeah, you know everything that I've been doing
1:15.7	Yeah, we are recording a whole bunch trying to get ahead. I'm about to move
1:19.8	So we're trying to get at least a couple weeks ahead so we can take some time off and work on the house a little bit
1:24.9	So excited about that. Yeah, yeah, that is really super exciting. I am pumped for you especially to see
1:32.2	What you make of your new space. I think that's going to be really cool. Yeah, yeah, it should be pretty fun
1:36.9	There's a lot of a lot of work to do in my office. I have to build an entire office
1:42.5	But I think it's going to be so sick by the end of it. So stay tuned for that. We'll have some shows on it so sick
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.