Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - Temporal Date Objects in JavaScript

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="7" data-line-end="8">In this Hasty Treat, Scott and Wes talk about Temporal Date Objects in JavaScript — a WICKED AWESOME API for working with times and dates.</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Sentry__Sponsor_9" name="Sentry__Sponsor_9"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11">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.io</a> and using the coupon code “tastytreat”.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Show_Notes_12" name="Show_Notes_12"></a>Show Notes</h2> <p class="has-line-data" data-line-start="14" data-line-end="15"> 05:11 - Temporal Now</p> <ul> <li class="has-line-data" data-line-start="15" data-line-end="18"> You can get now <ul> <li class="has-line-data" data-line-start="16" data-line-end="18"> <code>Temporal.now.___</code></li> </ul> </li> </ul> <p class="has-line-data" data-line-start="18" data-line-end="19"> 07:58 - Temporal Instants</p> <ul> <li class="has-line-data" data-line-start="19" data-line-end="23"> A <code>Temporal.Instant</code> represents a fixed point in time, without regard to calendar or location. <ul> <li class="has-line-data" data-line-start="20" data-line-end="21"> Most common way to show it is nanoseconds since unix epoch.</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> Can be formatted a few different ways.</li> </ul> </li> </ul> <p class="has-line-data" data-line-start="23" data-line-end="24"> 09:59 - Calendar</p> <ul> <li class="has-line-data" data-line-start="24" data-line-end="26"> Support for different types of calendars</li> </ul> <p class="has-line-data" data-line-start="26" data-line-end="27"> 11:43 - Durations</p> <ul> <li class="has-line-data" data-line-start="27" data-line-end="30"> Temporal.Duration <ul> <li class="has-line-data" data-line-start="28" data-line-end="30"> There are .from and .add and subtract() methods</li> </ul> </li> </ul> <p class="has-line-data" data-line-start="30" data-line-end="31"> 12:47 - Other interesting parts</p> <ul> <li class="has-line-data" data-line-start="31" data-line-end="33"> Timezones <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> Temporal.ZonedDateTime</li> </ul> </li> <li class="has-line-data" data-line-start="33" data-line-end="35"> Temporal.YearMonth - represents a ym = new Temporal.YearMonth(2019, 6) // => 2019-06</li> </ul> <p class="has-line-data" data-line-start="35" data-line-end="36"> 14:51 - Polyfill (unstable)</p> <h2 class="code-line" data-line-start="37" data-line-end="38"> <a id="Links_37" name="Links_37"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href= "https://maggiepint.com/2017/04/09/fixing-javascript-date-getting-started/"> Fixing JavaScrip Date - Maggie Pint</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href= "https://github.com/tc39/proposal-temporal">https://github.com/tc39/proposal-temporal</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href= "https://github.com/tc39/proposal-temporal/blob/main/docs/calendar.md#methods"> https://github.com/tc39/proposal-temporal/blob/main/docs/calendar.md#methods</a></li> <li class="has-line-data" data-line-start="41" data-line-end="43"> <a href= "https://github.com/tc39/proposal-temporal/blob/main/docs/duration.md"> https://github.com/tc39/proposal-temporal/blob/main/docs/duration.md</a></li> </ul> <h2 class="code-line" data-line-start="43" data-line-end="44"> <a id="Tweet_us_your_tasty_treats_43" name= "Tweet_us_your_tasty_treats_43"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about Temporal Date Objects in JavaScript — a WICKED AWESOME API for working with times and dates.
 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.io and using the coupon code “tastytreat”.
 Show Notes 05:11 - Temporal Now
  You can get now  Temporal.now.___

  07:58 - Temporal Instants
  A Temporal.Instant represents a fixed point in time, without regard to calendar or location. Most common way to show it is nanoseconds since unix epoch.
 Can be formatted a few different ways.

  09:59 - Calendar
  Support for different types of calendars
  11:43 - Durations
  Temporal.Duration  There are.from and.add and subtract() methods

  12:47 - Other interesting parts
  Timezones  Temporal.ZonedDateTime

 Temporal.YearMonth - represents a ym = new Temporal.YearMonth(2019, 6) // => 2019-06
  14:51 - Polyfill (unstable)
 Links  Fixing JavaScrip Date - Maggie Pint

 https://github.com/tc39/proposal-temporal

  https://github.com/tc39/proposal-temporal/blob/main/docs/calendar.md#methods

  https://github.com/tc39/proposal-temporal/blob/main/docs/duration.md

  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

Hasty Treat - Temporal Date Objects in JavaScript

Poslechněte si podcast