Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

The Fundamentals: HTML + CSS

Syntax - Tasty Web Development Treats

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.

<p>In this episode of Syntax, Scott and Wes talk about the “fundamentals” of web development and what you need to know - HTML, CSS foundations and more!</p> <h2><a id="Sentry__Sponsor_9" name="Sentry__Sponsor_9"></a>Sentry - Sponsor</h2> <p>If you want to know what’s happening with your errors, track them with <a href="https://sentry.io/">Sentry</a>. 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 <a href= "https://sentry.io/">Sentry</a> and using the coupon code “tastytreat”.</p> <h2><a id="Freshbooks__Sponsor_13" name= "Freshbooks__Sponsor_13"></a>Freshbooks - Sponsor</h2> <p>Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">Freshbooks</a> and put SYNTAX in the “How did you hear about us?” section.</p> <h2><a id="Show_Notes_17" name="Show_Notes_17"></a>Show Notes</h2> <p>1:54 - Learning fundamentals vs framework specialists</p> <ul> <li>Learning vs getting a job</li> <li>Abstractions work well until they don’t and you need to debug them</li> </ul> <p><strong>HTML</strong></p> <p>7:58 - Semantic markup</p> <p>9:15 - Accessibility basics</p> <p>9:57 - Attributes</p> <p><strong>CSS</strong></p> <p>16:13 - Specificity</p> <p>22:42 - Selectors</p> <p>24:52 - Layouts</p> <p>27:53 - Box model</p> <p>32:50 - Positioning</p> <p>36:42 - Forms and inputs</p> <p>40:45 - Block vs inline vs inline-block</p> <p>43:09 - Sizing units</p> <p>44:40 - Typography</p> <p>47:53 - Media Queries</p> <h2><a id="Links_54" name="Links_54"></a>Links</h2> <ul> <li><a href= "https://twitter.com/wesbos/status/1137058712466722816">Interviewing candidates with a lack of fundamentals - Tweet</a></li> <li><a href= "https://twitter.com/veksenn/status/1137187264486944770">Jean-Philippe Sirois Tweet</a></li> <li><a href="https://syntax.fm/show/072/accessibility">Syntax 72: Accessibility</a></li> <li><a href= "https://syntax.fm/show/107/hasty-treat-css-units">Syntax 107: Hasty Treat - CSS Units</a></li> </ul> <h2><a id="_SIIIIICK__PIIIICKS__60" name= "_SIIIIICK__PIIIICKS__60"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li>Scott: <a href= "https://www.netflix.com/title/80986854?source=35">I Think You Should Leave with Tim Robinson</a></li> <li>Wes: <a href="https://amzn.to/2MD6AxU">Forearm Forklift Lifting and Moving Straps</a></li> </ul> <h2><a id="Shameless_Plugs_64" name= "Shameless_Plugs_64"></a>Shameless Plugs</h2> <ul> <li><a href="https://www.leveluptutorials.com/pro">Scott’s new course - “Debugging and Dev Tools”</a></li> <li><a href="https://wesbos.com/courses/">Wes’ courses</a> - Use the coupon code ‘Syntax’ for $10 off!</li> </ul> <h2><a id="Tweet_us_your_tasty_treats_68" name= "Tweet_us_your_tasty_treats_68"></a>Tweet us your tasty treats!</h2> <ul> <li><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li>Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Scott and Wes talk about the “fundamentals” of web development and what you need to know - HTML, CSS foundations 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 and using the coupon code “tastytreat”.
 Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at Freshbooks and put SYNTAX in the “How did you hear about us?” section.
 Show Notes 1:54 - Learning fundamentals vs framework specialists
 Learning vs getting a job
 Abstractions work well until they don’t and you need to debug them
 HTML
 7:58 - Semantic markup
 9:15 - Accessibility basics
 9:57 - Attributes
 CSS
 16:13 - Specificity
 22:42 - Selectors
 24:52 - Layouts
 27:53 - Box model
 32:50 - Positioning
 36:42 - Forms and inputs
 40:45 - Block vs inline vs inline-block
 43:09 - Sizing units
 44:40 - Typography
 47:53 - Media Queries
 Links Interviewing candidates with a lack of fundamentals - Tweet
 Jean-Philippe Sirois Tweet
 Syntax 72: Accessibility
 Syntax 107: Hasty Treat - CSS Units
 ××× SIIIIICK ××× PIIIICKS ××× Scott: I Think You Should Leave with Tim Robinson

 Wes: Forearm Forklift Lifting and Moving Straps

 Shameless Plugs Scott’s new course - “Debugging and Dev Tools”

Wes’ 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

Aplikace Youradio Talk

The Fundamentals: HTML + CSS

Poslechněte si podcast