Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

715: Google & MS Duopoly, Frontend to Fullstack, Where to Put Business Logic + more(Potluck)

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 class="has-line-data" data-line-start="0" data-line-end="1">Wes and Scott answer your questions about duopoly in tech, tech stacks for creating content, switching from frontend to full stack, DSA knowledge, email HTML, and more!</p> <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=02:21">02:21</a></strong> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:31">03:31</a></strong> Are you concerned about duopolistic companies taking over the web?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <strong><a href="#t=11:29">11:29</a></strong> What stack do you you use for videos and sharing content?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=15:02">15:02</a></strong> How do you know once your ready to officially make the switch from frontend to full stack?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=17:58">17:58</a></strong> As someone new to tech and looking to apply for junior front end positions, how much should i know about DSA’s?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href= "https://twitter.com/wesbos/status/1353729683486076930">Friends that work at big tech companies - did you need Data Structures and Algorithms to get hired? I get an lots of messages from new devs asking how to learn these things. Many of them say the need it to work at FAANG type companies</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=21:59">21:59</a></strong> Which tools would you recommend for crafting HTML emails from scratch?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://get.foundation/">Foundation</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://mjml.io/">MJML</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://react.email/">React Email</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=25:03">25:03</a></strong> Hey are you guys setting up your own CI/CD like github action or gitlab CI?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://www.netlify.com/">Netlify</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://vercel.com/">Vercel</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=28:25">28:25</a></strong> What do you think about unstyled component libs. Eg: Ark?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://ark-ui.com/">Ark UI</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=31:47">31:47</a></strong> Do I need to have every single feature on mobile as I do on a desktop?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://obsidian.md/">Obsidian - Sharpen your thinking</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://missiveapp.com/">Missive ‐ Team Email, Chat & Tasks</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=39:15">39:15</a></strong> How can I get better at planning my code?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href= "https://shaky.github.bushong.net/">shaky.github.bushong.net</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://monodraw.helftone.com/">Monodraw for macOS — Helftone</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://octopus.do/">Octopus.do, Visual Sitemap Tool, Website Planner, Architecture</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://mermaid.js.org/">Mermaid | Diagramming and charting tool</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=42:32">42:32</a></strong> What exactly makes it so that a piece of logic is client/frontend logic vs backend logic?</li> <li class="has-line-data" data-line-start="29" data-line-end="31"> <strong><a href="#t=46:17">46:17</a></strong> Sick Picks</li> </ul> <h3 class="code-line" data-line-start="31" data-line-end="32"> <a id="Sick_Picks_31"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="33" data-line-end="34"> Scott: <a href= "https://www.amazon.com/Sleeping-Queens-Card-Game-Cards/dp/B0009XBY3A?th=1&linkCode=sl1&linkId=6eef3adfd2c4730f354eb65ce40b1f65&language=en_US"> Sleeping Queens Card Game, 79 Cards : Toys & Games</a></li> <li class="has-line-data" data-line-start="34" data-line-end="36"> Wes: Package drop box</li> </ul> <h3 class="code-line" data-line-start="36" data-line-end="37"> <a id="Shameless_Plugs_36"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="38" data-line-end="39"> Scott: <a href="https://syntax.fm/snackpack">Syntax Newsletter</a></li> <li class="has-line-data" data-line-start="39" data-line-end="41"> Wes: <a href="https://wesbos.com/courses">Wes Bos Courses</a></li> </ul> <h3 class="code-line" data-line-start="41" data-line-end="42"> <a id="Hit_us_up_on_Socials_41"></a>Hit us up on Socials!</h3> <p class="has-line-data" data-line-start="43" data-line-end="44"> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a></p> <p class="has-line-data" data-line-start="45" data-line-end="46"> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a></p> <p class="has-line-data" data-line-start="47" data-line-end="48"> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a></p>

Wes and Scott answer your questions about duopoly in tech, tech stacks for creating content, switching from frontend to full stack, DSA knowledge, email HTML, and more!
 Show Notes  00:10 Welcome
 02:21 Syntax Brought to you by Sentry
 03:31 Are you concerned about duopolistic companies taking over the web?
 11:29 What stack do you you use for videos and sharing content?
 15:02 How do you know once your ready to officially make the switch from frontend to full stack?
 17:58 As someone new to tech and looking to apply for junior front end positions, how much should i know about DSA’s?
 Friends that work at big tech companies - did you need Data Structures and Algorithms to get hired? I get an lots of messages from new devs asking how to learn these things. Many of them say the need it to work at FAANG type companies

 21:59 Which tools would you recommend for crafting HTML emails from scratch?
 Foundation

 MJML

 React Email

 25:03 Hey are you guys setting up your own CI/CD like github action or gitlab CI?
 Netlify

 Vercel

 28:25 What do you think about unstyled component libs. Eg: Ark?
 Ark UI

 31:47 Do I need to have every single feature on mobile as I do on a desktop?
 Obsidian - Sharpen your thinking

 Missive ‐ Team Email, Chat & Tasks

 39:15 How can I get better at planning my code?
 shaky.github.bushong.net

 Monodraw for macOS — Helftone

 Octopus.do, Visual Sitemap Tool, Website Planner, Architecture

 Mermaid | Diagramming and charting tool

 42:32 What exactly makes it so that a piece of logic is client/frontend logic vs backend logic?
 46:17 Sick Picks
  Sick Picks  Scott: Sleeping Queens Card Game, 79 Cards : Toys & Games

 Wes: Package drop box
  Shameless Plugs  Scott: Syntax Newsletter

 Wes: Wes Bos Courses

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads

Aplikace Youradio Talk

715: Google & MS Duopoly, Frontend to Fullstack, Where to Put Business Logic + more(Potluck)

Poslechněte si podcast