Podcasts about transpiling

In this episode of Syntax, Wes and Scott talk about what polyfills, transpiling, and monkey patching mean, how and when to do it, and libraries that can help you out. Show Notes 00:10 Welcome 01:07 Toast follow up 02:45 What are transpiling, ponyfill, polyfill, and monkey patching TC39 Proposals Pretty excited about the new JavaScript non-mutating array methods. Currently in stage 3 11:18 Transpiling unsupported CSS 15:11 Polyfills Popover polyfill 19:22 Polyfilling CSS 21:06 HTML polyfills 27:47 How to transpile and polyfill Babel TypeScript: JavaScript With Syntax For Types CoffeeScript Civet cronn/jsxtransformer: Pipeline for transforming JSX files using Babel.js and Uglify.js Svelte • Cybernetically enhanced web apps Polyfill.io core-js - npm 35:46 Shiv and shims Shim vs Shiv 38:16 Monkey patching 49:08 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Cable sleeve Wes: Air Purifier AliExpress Shameless Plugs Scott: Sentry 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 Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky

Also page-lifecycle, WASM, and massages.

In episode 52 of Does Not Compute, Sean and Paul talk about Vue 2.0 and the ecosystem surrounding it, utilizing presentational, container, and stateless components, and how developers absolutely should be involved in the discussion surrounding user experience design

How Service Workers will change the way you think about web apps Panelists: Ari Lerner, Olivier Combe, Gleb Bahmatov Guests: Minko GechevShow notes: What Gleb and Minko have been up to lately What is Service Worker? Any relation to Web Worker?Are there other types of workers?  Do they all rest on Sundays? Differences with appCache What is the current browsers support? Can you use polyfills? How can they be used? You can find how existing websites use them right now by opening chrome://serviceworker-internals/and clicking on script urls              Smartcache and offline support Image or video transcodingon the fly Background data sync andpush messages Instant application restartfrom last known HTML (bottle-service) Transpiling code(babel-service) Even running server-sideJavaScript server in the browser (express-service) What are Progressive Web Apps?       angular/progressive What will mobile look like in 5 years when serviceworkers are fully supported? When should we use service workers? When shouldn’t we use service workers?Tips &Picks  Minko Gechev https://github.com/angular/progressive https://github.com/ngrx https://www.packtpub.com/web-development/switching-angular-2 Gleb Bahmutov The status of ServiceWorkers api implementation indifferent browsers: https://jakearchibald.github.io/isserviceworkerready/ Mozilla’s book of service workers demos and features https://serviceworke.rs/ WebWorkers + ServiceWorkers presentation video https://youtu.be/4axZ3D75Llg Olivier Combe Mix It: https://www.mix-it.fr/ Ng conf planning looks awesome o/ --- Support this podcast: https://anchor.fm/angularair/support

Ready to transpile your Javascript? Carl and Richard chat with Craig McKeachie about BabelJS, an open source tool for transpiling Javascript. Why would you want to do that? So you can write in the latest version of Javascript and still have it run everywhere! Craig talks about how the rate of evolution in Javascript is increasing, and the jump that is ECMAScript 6, also known as ECMAScript 2015, makes the language a lot more, well C#-like. But the implementations in browsers is not as even, and that doesn't account for features coming in ECMAScript 7! Babel deals with this problem by transpiling into Javascript that runs everywhere. Check it out!Support this podcast at — https://redcircle.com/net-rocks/donations

Ready to transpile your Javascript? Carl and Richard chat with Craig McKeachie about BabelJS, an open source tool for transpiling Javascript. Why would you want to do that? So you can write in the latest version of Javascript and still have it run everywhere! Craig talks about how the rate of evolution in Javascript is increasing, and the jump that is ECMAScript 6, also known as ECMAScript 2015, makes the language a lot more, well C#-like. But the implementations in browsers is not as even, and that doesn't account for features coming in ECMAScript 7! Babel deals with this problem by transpiling into Javascript that runs everywhere. Check it out!Support this podcast at — https://redcircle.com/net-rocks/donations

01:46 - Dan Wahlin Introduction Twitter GitHub Blog The Wahlin Group Pluralsight Author Page 02:29 - Background and Involvement in the Angular Community [YouTube] Dan Wahlin: AngularJS in 20ish Minutes (ng-conf 2014) [YouTube] TypeScript and ES6 Dan Wahlin & Andrew Connell (ng-conf2015) 04:16 - TypeScript TypeScript Source Code 06:02 - Why Care About TypeScript? 07:20 - ES3, ES5, ES6 10:00 - Type Support 11:41 - Refactoring 12:39 - Microsoft Involvement Open Source Source Open (Pull Request Acceptance) 17:45 - Benefits and Concerns .d.ts tslint 20:07 - TypeScript and Angular Directives and Providers Services vs Factories Functional Programming 24:11 - TypeScript and Angular 2 Angular.io 25:28 - Collaboration (AtScript => TypeScript) Annotations and Naming Conventions 30:47 - The Angular Community and TypeScript Tooling and Transpiling Babel traceur WebStorm 36:38 - Type Inference ng-flow Picks Avengers: Age of Ultron (John) Star Wars: Episode VII - The Force Awakens (John) .d.ts (John) Lord of the Rings (Katya) Avengers: Age of Ultron (Katya) Matterhorn: A Novel of the Vietnam War by Karl Marlantes (Aaron) Tyler Russell: An Angular2 Timezone Picker - Part 1: Becoming a Kartograph-er (Aaron) Tyler Russell: An Angular2 Timezone Picker - Part 2: Exploring the World (of Ng2) (Aaron) [Pluralsight] TypeScript Fundamentals by John Papa and Dan Wahlin (Lukas) DefinitelyTyped (Ward) Kent Meyers: The Quietest Place in the Universe: Digging For Dark Matter in An Abandoned Mine (Ward) Daredevil (Joe) GoFundMe (Joe) [GoFundMe] Send Samantha to Miss Amazing! (Joe) Headspace (Dan) Faker.js (Dan)

01:46 - Dan Wahlin Introduction Twitter GitHub Blog The Wahlin Group Pluralsight Author Page 02:29 - Background and Involvement in the Angular Community [YouTube] Dan Wahlin: AngularJS in 20ish Minutes (ng-conf 2014) [YouTube] TypeScript and ES6 Dan Wahlin & Andrew Connell (ng-conf2015) 04:16 - TypeScript TypeScript Source Code 06:02 - Why Care About TypeScript? 07:20 - ES3, ES5, ES6 10:00 - Type Support 11:41 - Refactoring 12:39 - Microsoft Involvement Open Source Source Open (Pull Request Acceptance) 17:45 - Benefits and Concerns .d.ts tslint 20:07 - TypeScript and Angular Directives and Providers Services vs Factories Functional Programming 24:11 - TypeScript and Angular 2 Angular.io 25:28 - Collaboration (AtScript => TypeScript) Annotations and Naming Conventions 30:47 - The Angular Community and TypeScript Tooling and Transpiling Babel traceur WebStorm 36:38 - Type Inference ng-flow Picks Avengers: Age of Ultron (John) Star Wars: Episode VII - The Force Awakens (John) .d.ts (John) Lord of the Rings (Katya) Avengers: Age of Ultron (Katya) Matterhorn: A Novel of the Vietnam War by Karl Marlantes (Aaron) Tyler Russell: An Angular2 Timezone Picker - Part 1: Becoming a Kartograph-er (Aaron) Tyler Russell: An Angular2 Timezone Picker - Part 2: Exploring the World (of Ng2) (Aaron) [Pluralsight] TypeScript Fundamentals by John Papa and Dan Wahlin (Lukas) DefinitelyTyped (Ward) Kent Meyers: The Quietest Place in the Universe: Digging For Dark Matter in An Abandoned Mine (Ward) Daredevil (Joe) GoFundMe (Joe) [GoFundMe] Send Samantha to Miss Amazing! (Joe) Headspace (Dan) Faker.js (Dan)

01:46 - Dan Wahlin Introduction Twitter GitHub Blog The Wahlin Group Pluralsight Author Page 02:29 - Background and Involvement in the Angular Community [YouTube] Dan Wahlin: AngularJS in 20ish Minutes (ng-conf 2014) [YouTube] TypeScript and ES6 Dan Wahlin & Andrew Connell (ng-conf2015) 04:16 - TypeScript TypeScript Source Code 06:02 - Why Care About TypeScript? 07:20 - ES3, ES5, ES6 10:00 - Type Support 11:41 - Refactoring 12:39 - Microsoft Involvement Open Source Source Open (Pull Request Acceptance) 17:45 - Benefits and Concerns .d.ts tslint 20:07 - TypeScript and Angular Directives and Providers Services vs Factories Functional Programming 24:11 - TypeScript and Angular 2 Angular.io 25:28 - Collaboration (AtScript => TypeScript) Annotations and Naming Conventions 30:47 - The Angular Community and TypeScript Tooling and Transpiling Babel traceur WebStorm 36:38 - Type Inference ng-flow Picks Avengers: Age of Ultron (John) Star Wars: Episode VII - The Force Awakens (John) .d.ts (John) Lord of the Rings (Katya) Avengers: Age of Ultron (Katya) Matterhorn: A Novel of the Vietnam War by Karl Marlantes (Aaron) Tyler Russell: An Angular2 Timezone Picker - Part 1: Becoming a Kartograph-er (Aaron) Tyler Russell: An Angular2 Timezone Picker - Part 2: Exploring the World (of Ng2) (Aaron) [Pluralsight] TypeScript Fundamentals by John Papa and Dan Wahlin (Lukas) DefinitelyTyped (Ward) Kent Meyers: The Quietest Place in the Universe: Digging For Dark Matter in An Abandoned Mine (Ward) Daredevil (Joe) GoFundMe (Joe) [GoFundMe] Send Samantha to Miss Amazing! (Joe) Headspace (Dan) Faker.js (Dan)

00:43 - Scott Moss Introduction Twitter GitHub Udacity @udacity Hack Reactor Angular Class @angularclass 01:55 - Scott’s Programming Background 04:11 - Working with Lukas 05:04 - Angular and ES6 (ECMAScript) John Papa's Angular Style Guide 06:11 - Subclassing a Directive Classical Inheritance DDO (Directive Definition Object)    08:58 - TypeScript     Transpiling traceur-compiler babel Differences and Definitions: traceur, babel, TypeScript Learn about TypeScript 1.5 here and get it here [Pluralsight] John Papa and Dan Wahlin: TypeScript Fundamentals Types Have Value 19:06 - How should people use a transpiler in a real application? webpack gulp.js jspm 21:07 - systemjs 21:53 - Build Systems vs Package Managers     24:15 - Writing Tests in ES6 26:03 - Debugging 28:20 - How coding in ES6 has changed Scott’s style of building Angular 1 apps 30:19 - Modularity Arrow Functions 33:07 - ES5 with Angular 2?? 37:31 - Good Example of Using ES6 with Angular GoCardless GoCardless Angular Style Guide 39:21 - Learning New Material and Using ES6 Picks Learn about TypeScript 1.5 (Ward) The Effective Engineer by Edmond Lau (Lukas) Isar Raw Canvas Backpack (Lukas) INcontroL (Joe) John’s Daughter (John) Angular U (John) The Imitation Game (Katya) Treeline (Scott) Interstellar (Scott)           

00:43 - Scott Moss Introduction Twitter GitHub Udacity @udacity Hack Reactor Angular Class @angularclass 01:55 - Scott’s Programming Background 04:11 - Working with Lukas 05:04 - Angular and ES6 (ECMAScript) John Papa's Angular Style Guide 06:11 - Subclassing a Directive Classical Inheritance DDO (Directive Definition Object)    08:58 - TypeScript     Transpiling traceur-compiler babel Differences and Definitions: traceur, babel, TypeScript Learn about TypeScript 1.5 here and get it here [Pluralsight] John Papa and Dan Wahlin: TypeScript Fundamentals Types Have Value 19:06 - How should people use a transpiler in a real application? webpack gulp.js jspm 21:07 - systemjs 21:53 - Build Systems vs Package Managers     24:15 - Writing Tests in ES6 26:03 - Debugging 28:20 - How coding in ES6 has changed Scott’s style of building Angular 1 apps 30:19 - Modularity Arrow Functions 33:07 - ES5 with Angular 2?? 37:31 - Good Example of Using ES6 with Angular GoCardless GoCardless Angular Style Guide 39:21 - Learning New Material and Using ES6 Picks Learn about TypeScript 1.5 (Ward) The Effective Engineer by Edmond Lau (Lukas) Isar Raw Canvas Backpack (Lukas) INcontroL (Joe) John’s Daughter (John) Angular U (John) The Imitation Game (Katya) Treeline (Scott) Interstellar (Scott)           

00:43 - Scott Moss Introduction Twitter GitHub Udacity @udacity Hack Reactor Angular Class @angularclass 01:55 - Scott’s Programming Background 04:11 - Working with Lukas 05:04 - Angular and ES6 (ECMAScript) John Papa's Angular Style Guide 06:11 - Subclassing a Directive Classical Inheritance DDO (Directive Definition Object)    08:58 - TypeScript     Transpiling traceur-compiler babel Differences and Definitions: traceur, babel, TypeScript Learn about TypeScript 1.5 here and get it here [Pluralsight] John Papa and Dan Wahlin: TypeScript Fundamentals Types Have Value 19:06 - How should people use a transpiler in a real application? webpack gulp.js jspm 21:07 - systemjs 21:53 - Build Systems vs Package Managers     24:15 - Writing Tests in ES6 26:03 - Debugging 28:20 - How coding in ES6 has changed Scott’s style of building Angular 1 apps 30:19 - Modularity Arrow Functions 33:07 - ES5 with Angular 2?? 37:31 - Good Example of Using ES6 with Angular GoCardless GoCardless Angular Style Guide 39:21 - Learning New Material and Using ES6 Picks Learn about TypeScript 1.5 (Ward) The Effective Engineer by Edmond Lau (Lukas) Isar Raw Canvas Backpack (Lukas) INcontroL (Joe) John’s Daughter (John) Angular U (John) The Imitation Game (Katya) Treeline (Scott) Interstellar (Scott)