<p class="has-line-data" data-line-start="7" data-line-end="8">In this episode of Syntax, Scott and Wes talk about advice for new devs, our advice and opinions for how new devs can level up.</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Sanity__Sponsor_9" name="Sanity__Sponsor_9"></a>Sanity - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> <a href="http://sanity.io/">Sanity.io</a> 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 <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Sentry__Sponsor_12" name="Sentry__Sponsor_12"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14">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 <a href= "https://sentry.io/">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Cloudinary__Sponsor_15" name= "Cloudinary__Sponsor_15"></a>Cloudinary - Sponsor</h2> <p class="has-line-data" data-line-start="16" data-line-end="17"> <a href= "https://cloudinary.com/?utm_source=Syntax.fm&utm_medium=Podcast&utm_content=Cloudinary_Syntax_podcast"> Cloudinary</a> is the best way to manage images and videos in the cloud. Edit and transform for any use case, from performance to personalization, using Cloudinary’s APIs, SDKs, widgets, and integrations.</p> <h2 class="code-line" data-line-start="18" data-line-end="19"> <a id="Show_Notes_18" name="Show_Notes_18"></a>Show Notes</h2> <p class="has-line-data" data-line-start="19" data-line-end="20"> 01:59 - Get comfortable with your code not working</p> <ul> <li class="has-line-data" data-line-start="20" data-line-end="22"> All of our code is broken much of the time.</li> </ul> <p class="has-line-data" data-line-start="22" data-line-end="23"> 02:40 - Compound learning and momentum is your biggest tool</p> <ul> <li class="has-line-data" data-line-start="23" data-line-end="24"> There is no formation without repetition.</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> It sucks to hear, but honestly, if you get a little bit better every single day, you will be WAY ahead in years to come. Keep at it, keep chipping away, take the lows and the highs.</li> </ul> <p class="has-line-data" data-line-start="26" data-line-end="27"> 04:05 - Learn to read error messages</p> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> Is this error coming from my code?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> Is this coming from the library? If so, maybe the library wasn’t expecting that.</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> Is this coming from the browser? An extension? Is it even related?</li> <li class="has-line-data" data-line-start="30" data-line-end="32"> Stack trace is a treasure map</li> </ul> <p class="has-line-data" data-line-start="32" data-line-end="33"> 09:42 - Take the time to learn the concepts that scare you</p> <ul> <li class="has-line-data" data-line-start="33" data-line-end="35"> They are often easier than they seem (though not every time).</li> </ul> <p class="has-line-data" data-line-start="35" data-line-end="36"> 10:40 - We all struggle</p> <ul> <li class="has-line-data" data-line-start="36" data-line-end="38"> This stuff is hard — give yourself a break.</li> </ul> <p class="has-line-data" data-line-start="38" data-line-end="39"> 12:56 - Taking a walk is good for solving bugs</p> <ul> <li class="has-line-data" data-line-start="39" data-line-end="41"> It’s hard to walk away from broken code, but it really helps.</li> </ul> <p class="has-line-data" data-line-start="41" data-line-end="42"> 14:33 - Get comfortable with the command line</p> <ul> <li class="has-line-data" data-line-start="42" data-line-end="44"> You’ll need it</li> </ul> <p class="has-line-data" data-line-start="44" data-line-end="45"> 18:09 - The ability to replicate a design pixel perfect is a valuable skill</p> <ul> <li class="has-line-data" data-line-start="45" data-line-end="47"> You will be shocked at how many devs can’t or don’t do this. If you want to avoid spending extra time on something, don’t make the designers tell you to go back and fix simple spacing, color, and detail things.</li> </ul> <p class="has-line-data" data-line-start="47" data-line-end="48"> 21:26 - You are on a team</p> <ul> <li class="has-line-data" data-line-start="48" data-line-end="50"> Don’t get stuck in the "us vs them" mentality of internal company teams (e.g. devs vs designers). You are all working together to make something.</li> </ul> <p class="has-line-data" data-line-start="50" data-line-end="51"> 24:10 - You are not an expert</p> <ul> <li class="has-line-data" data-line-start="51" data-line-end="53"> Even if you think you are an expert, you should always be seeking out alternate viewpoints and ideas. You are a student forever in this game.</li> </ul> <p class="has-line-data" data-line-start="53" data-line-end="54"> 26:14 - Scaffold with comments</p> <ul> <li class="has-line-data" data-line-start="54" data-line-end="56"> It helps keep you organized once you get into the mess</li> </ul> <p class="has-line-data" data-line-start="56" data-line-end="57"> 28:30 - From Twitter</p> <ul> <li class="has-line-data" data-line-start="57" data-line-end="59"> Tweet thread - <a href= "https://twitter.com/wesbos/status/1417139639861735424">https://twitter.com/wesbos/status/1417139639861735424</a></li> </ul> <p class="has-line-data" data-line-start="59" data-line-end="60"> 29:30 - Ben Newton</p> <ul> <li class="has-line-data" data-line-start="60" data-line-end="61"> Soft skills are about as important as coding skills if you want to go far.</li> <li class="has-line-data" data-line-start="61" data-line-end="63"> <a href= "https://twitter.com/BenENewton/status/1417140062211526658">https://twitter.com/BenENewton/status/1417140062211526658</a></li> </ul> <p class="has-line-data" data-line-start="63" data-line-end="64"> 32:46 - Eric McCormick</p> <ul> <li class="has-line-data" data-line-start="64" data-line-end="65"> Don’t be afraid to push yourself beyond your comfort zone.</li> <li class="has-line-data" data-line-start="65" data-line-end="67"> <a href= "https://twitter.com/edm00se/status/1417140503527792640">https://twitter.com/edm00se/status/1417140503527792640</a></li> </ul> <p class="has-line-data" data-line-start="67" data-line-end="68"> 33:31 - Jason Liggi</p> <ul> <li class="has-line-data" data-line-start="68" data-line-end="69"> You don’t have to code for fun.</li> <li class="has-line-data" data-line-start="69" data-line-end="71"> <a href= "https://twitter.com/Liggi/status/1417141600124346371">https://twitter.com/Liggi/status/1417141600124346371</a></li> </ul> <p class="has-line-data" data-line-start="71" data-line-end="72"> 35:34 - Andrew Nickerson</p> <ul> <li class="has-line-data" data-line-start="72" data-line-end="75"> Start by building a project that’s interesting to you.<br /> <a href= "https://twitter.com/Nickvisual/status/1417140742531674118">https://twitter.com/Nickvisual/status/1417140742531674118</a></li> </ul> <p class="has-line-data" data-line-start="75" data-line-end="76"> 37:15 - Michael Powers</p> <ul> <li class="has-line-data" data-line-start="76" data-line-end="77"> Ask questions, break things once in a while, learn vanilla everything even if it feels like a waste of time.</li> <li class="has-line-data" data-line-start="77" data-line-end="79"> <a href= "https://twitter.com/mgrpowers/status/1417141364525912064">https://twitter.com/mgrpowers/status/1417141364525912064</a></li> </ul> <p class="has-line-data" data-line-start="79" data-line-end="80"> 39:33 - Jason Liggi</p> <ul> <li class="has-line-data" data-line-start="80" data-line-end="81"> Doesn’t matter how long you do this job, MOST stuff out there will probably be unknown and confusing.</li> <li class="has-line-data" data-line-start="81" data-line-end="83"> <a href= "https://twitter.com/Liggi/status/1417141322478235653">https://twitter.com/Liggi/status/1417141322478235653</a></li> </ul> <p class="has-line-data" data-line-start="83" data-line-end="84"> 40:14 - Swashata</p> <ul> <li class="has-line-data" data-line-start="84" data-line-end="85"> Learn to read documentation</li> <li class="has-line-data" data-line-start="85" data-line-end="87"> <a href= "https://twitter.com/swashata/status/1417142055436910598">https://twitter.com/swashata/status/1417142055436910598</a></li> </ul> <p class="has-line-data" data-line-start="87" data-line-end="88"> 49:59 - Max Stoiber</p> <ul> <li class="has-line-data" data-line-start="88" data-line-end="89"> Know your tradeoffs.</li> <li class="has-line-data" data-line-start="89" data-line-end="91"> <a href= "https://twitter.com/mxstbr/status/1417142461709828101">https://twitter.com/mxstbr/status/1417142461709828101</a></li> </ul> <p class="has-line-data" data-line-start="91" data-line-end="92"> 43:34 - Pat Clarke</p> <ul> <li class="has-line-data" data-line-start="92" data-line-end="95"> Build a rapport with PMs/clients beyond the technical.<br /> <a href= "https://twitter.com/LeftShotDev/status/1417142505494269954">https://twitter.com/LeftShotDev/status/1417142505494269954</a></li> </ul> <p class="has-line-data" data-line-start="95" data-line-end="96"> 44:21 - Musa Barighzaai</p> <ul> <li class="has-line-data" data-line-start="96" data-line-end="99"> Leave things better than you found them.<br /> <a href= "https://twitter.com/mbarighzaai/status/1417142734993907715">https://twitter.com/mbarighzaai/status/1417142734993907715</a></li> </ul> <p class="has-line-data" data-line-start="99" data-line-end="100"> 45:20 - David Moore</p> <ul> <li class="has-line-data" data-line-start="100" data-line-end= "101">Build things that excite you.</li> <li class="has-line-data" data-line-start="101" data-line-end= "103"><a href= "https://twitter.com/DavidIMoore/status/1417145783581741067">https://twitter.com/DavidIMoore/status/1417145783581741067</a></li> </ul> <h2 class="code-line" data-line-start="103" data-line-end="104"> <a id="Links_103" name="Links_103"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="104" data-line-end= "105"><a href= "https://johnlindquist.com/">https://johnlindquist.com/</a></li> <li class="has-line-data" data-line-start="105" data-line-end= "107"><a href= "https://github.com/albertlauncher/albert">https://github.com/albertlauncher/albert</a></li> </ul> <h2 class="code-line" data-line-start="107" data-line-end="108"> <a id="_SIIIIICK__PIIIICKS__107" name= "_SIIIIICK__PIIIICKS__107"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="108" data-line-end= "109">Scott: <a href="https://raycast.com/">Raycast</a></li> <li class="has-line-data" data-line-start="109" data-line-end= "111">Wes: <a href= "https://www.amazon.com/b?ie=UTF8&node=21209121011">Amazon iPhone Repair Kits</a></li> </ul> <h2 class="code-line" data-line-start="111" data-line-end="112"> <a id="Shameless_Plugs_111" name= "Shameless_Plugs_111"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="112" data-line-end= "113">Scott: <a href= "https://www.leveluptutorials.com/pro">Web Components 101</a> - Sign up for the year and save 25%!</li> <li class="has-line-data" data-line-start="113" data-line-end= "115">Wes: <a href="https://wesbos.com/courses/">All Courses</a> - Use the coupon code ‘Syntax’ for $10 off!</li> </ul> <h2 class="code-line" data-line-start="115" data-line-end="116"> <a id="Tweet_us_your_tasty_treats_115" name= "Tweet_us_your_tasty_treats_115"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="116" data-line-end= "117"><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="117" data-line-end= "118"><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="118" data-line-end= "119"><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="119" data-line-end= "120"><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="120" data-line-end= "121"><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="121" data-line-end= "122"><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="122" data-line-end= "123">Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

Advice for New Devs

Syntax - Tasty Web Development Treats