081 JSJ Promises for Testing Async JavaScript with Pete Hodgson

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Anders Hejlsberg of Microsoft about Typescript. You can follow him on Twitter, or check out what he’s done over on GitHub

Resources

TypeScript

Picks

Writing Code (Anders)

Full Article

215 JSJ ChakraCode with Guarav Seth Live from Microsoft Build 2016

By devchat.tv
Published On :: Wed, 08 Jun 2016 09:00:00 -0400

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Gaurav Seth of Microsoft about ChakraCore. You can follow him on Twitter, or check out what he’s done over on GitHub.

Picks

TypeScript (Gaurav)
Richard Campbell and Carl Franklin from .NETRocks

Full Article

216 JSJ Angular with Rob Wormald Live from Microsoft Build 2016

By devchat.tv
Published On :: Wed, 15 Jun 2016 09:00:00 -0400

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Rob Wormald of the Angular Core team at Google about Angular. You can follow him on Twitter, or check out what he’s done over on GitHub.

Picks

Visual Studio Code (Rob)
Service Workers (Rob)
Richard Campbell and Carl Franklin from .NETRocks (Chuck)

Full Article

219 JSJ Learning JavaScript in 2016

By devchat.tv
Published On :: Wed, 06 Jul 2016 09:00:00 -0400

Check out Newbie Remote Conf!

02:44 - What it Takes to Learn JavaScript in 2016

04:03 - Resources: Then vs Now

09:42 - Are there prerequisites? Should you have experience?

20:34 - Choosing What to Learn

The iPhreaks Show Episode #153: Using Mobile Devices to Manage Diabetes with Scott Hanselman

28:19 - Deciding What to Learn Next

31:19 - Keeping Up: Obligations As a Developer

34:22 - Deciding What to Learn Next (Cont’d)

42:01 - Recommendations

Picks

accidentally nonblocking (Jamison)
choo (Jamison)
Web Rebels (Jamison)
React Rally (Jamison)
Grab The Gold (Aimee)
node-for-beginners (Aimee)
Procrastinate On Purpose by Rory Vaden (Chuck)
Newbie Remote Conf (Chuck)
Get A Coder Job (Chuck)

Full Article

220 JSJ Teaching JavaScript with Kyle Simpson

By devchat.tv
Published On :: Wed, 13 Jul 2016 09:00:00 -0400

02:25 - Kyle Simpson Introduction

Twitter
GitHub
Blog
“Getify”
You-Dont-Know-JS
[Pluralsight] Advanced JavaScript by Kyle Simpson

04:43 - Development => Teaching

Front End Masters

16:20 - Inheritance and Delegation

29:40 - Evolving a Language

36:23 - Cohersion

50:37 - Performance

The Width Keyword

54:33 - Developer Education Programs and The Skill of Teaching

Picks

Adam Tornhill: Code, Crime, Complexity: Analyzing software with forensic psychology @ TEDxTrondheim (Aimee)
Your Code as a Crime Scene: Use Forensic Techniques to Arrest Defects, Bottlenecks, and Bad Design in Your Programs by Adam Tornhill (Aimee)
Planet Money Episode 704: Open Office (Jamison)
Zooko's Triangle (Jamison)
The Barkley Marathons (Jamison)
React Rally (Jamison)
X-Men: Apocalypse (Joe)
America's Got Talent (Joe)
Overwatch (Joe)
Stack (Kyle)
Jeremy Keith: A web for everyone (Kyle)
Jeremy Keith: Regressive Web Apps (Kyle)

Full Article

221 JSJ Visual Studio Code with Wade Anderson Live From Microsoft Build 2016

By devchat.tv
Published On :: Wed, 20 Jul 2016 09:00:00 -0400

This episode was recorded live from The Microsoft Build Conference 2016. In this episode we chatted with Wade Anderson of Microsoft about Visual Studio Code. You can follow him on Twitter, or check out what he’s done over on GitHub.

Picks

Parks and Recreation (Wade)
VidAngel (Wade)

A special thanks again goes out to Richard Campbell and Carl Franklin from .NETRocks for putting this podcast series together! You rock!

Full Article

235 JSJ JavaScript Devops and Tools with Donovan Brown and Jordan Matthiesen

By devchat.tv
Published On :: Wed, 26 Oct 2016 08:00:00 -0400

00:50 Intro to guests Donovan Brown and Jordan Matthiesen

1:14 Javascript and Devops

3:49 Node JS and integrating with extensions

11:16 Learning Javascript coming from another language

15:21 Visual Studio Team Services at Microsoft, integration and unit testing

25:10 Visual Studio Code and mobile development

Apache Cordova open source project

31:45 TypeScript and tooling

33:03 Unit test tools and methods

38:39 ARM devices and integration

QUOTES:

“It’s not impossible, it’s just a different set of challenges.” - Donovan Brown

“Devops is the union of people, process and products to enable continuous delivery of value to your end users” - Donovan Brown

“Apps start to feel more native. They can actually get form.” - Jordan Matthiesen

PICKS:

Veridian Dynamics (AJ)

Jabberwocky Video (AJ)

Hard Rock Cafe - Atlanta (Charles)

CES (Charles)

3D printers (Donovan)

High-Yield Vegetable Gardening (Jordan)

taco.visualstudio.com

Jordan on Twitter @jmatthiesen

Visualstudio.com

Donovanbrown.com

Donovan on Twitter @donovanbrown

SPONSORS:

Front End Masters

Hired.com

Full Article

236 JSJ Interview with Mads Kristensen from Microsoft Ignite

By devchat.tv
Published On :: Wed, 02 Nov 2016 08:00:00 -0400

TOPICS:

4:00 Things that make web development more difficult

7:40 The developer experience with Angular

10:40 How cognitive cost affects the user experience

16:52 The variety of users for whom Mads’ software is built

22:14 Creating accessible javascript tools that aren’t immediately outdated

28:20 Why people shouldn’t be using dependency installers

34:00 Node updates

QUOTES:

“The massive introduction of new tools all the time is a big part of what makes web development harder.” -Mads Kristensen

“I’m not a pretty pixels person, I’m a code and algorithms person.” -AJ O’Neill

“I’m not hearing hype about people using HTTP2 to get those benefits, I’m only hearing hype around tools that Static built.” -AJ O’Neill

PICKS:

Death Note Anime Show

JS Remote Conference

The Alloy of Law Book by Brandon Sanderson

Zig Zigler Books on Audible

Mr. Robot TV Show

RESOURCES & CONTACT INFO:

Mads on Twitter

Mads’ Website

Full Article

241 JSJ Microsoft Docs with Dan Fernandez

By devchat.tv
Published On :: Wed, 07 Dec 2016 08:00:00 -0500

0:55 - Dan Fernandez and his work

7:50 - Walkthrough of the doc experience

15:00 - Editable nature of the doc

21:00 - Test driving a language

26:30 - Catering to the user

32:30 - Open Source

34:40 - User feedback

37:30 - Filters and Tables of Content

40:45 - Form submissions

41:50 - Community contributors

Picks:

Ghostbusters (AJ)

Daplie (AJ)

Daplie Wefunder (AJ)

.NET Rocks (Charles)

ScheduleOnce (Charles)

Devchat.tv 2017 Conferences (Charles)

Disable HTML5 Autoplay (Dan)

Visual Studio Code (Dan)

JSJ episode Visual Studio Code with Chris Diaz and Eric Gamma (Charles)

Full Article

JSJ 249 Loading and Optimizing Web Applications with Sam Saccone and Jeff Cross

By devchat.tv
Published On :: Tue, 14 Feb 2017 06:00:00 -0500

On today's episode, Charles Max Wood, Joe Eames, and Aimee Knight discuss Loading and Optimizing Web Applications with Sam Saccone and Jeff Cross. Tune in to their interesting talk, and learn how you can improve user experience and performance with better loading!

Full Article

JSJ 256 Wordpress and Wordpress API for JavaScript Developers with Roy Sivan

By devchat.tv
Published On :: Tue, 04 Apr 2017 06:00:00 -0400

On today's JavaScript Jabber Show, Charles, Aimee, Joe, and Cory discuss Wordpress and Wordpress API for JavaScript Developers with Roy Sivan. Roy is a WordPress (WP) developer at Disney Interactive. He has long been a fan of JavaScript and WP. During a WordCamp, the WP Founder announced the need for WP developers to learn JavaScript. But, what's in WP that developers should be interested about? Tune in to learn!

Full Article

JSJ 259 Clean Code JavaScript with Ryan McDermott

By devchat.tv
Published On :: Tue, 25 Apr 2017 06:00:00 -0400

On today's JavaScript Jabber Show, Charles, Joe, Aimee, Cory, and AJ discuss Clean Code JavaScript with Ryan McDermott. Ryan is a UX Engineer at Google and has been a professional developer for 5 years. He's focused on frontend Angular and backend node.js. Stay tuned to learn more about his current project with JavaScript!

Full Article

JSJ 260 Practical JavaScript with Gordon Zhu

By devchat.tv
Published On :: Tue, 02 May 2017 06:00:00 -0400

On today's episode, Charles, Joe, and Cory discuss Practical JavaScript with Gordon Zhu. Gordon is the founder of Watch and Code, and teaches the Practical JavaScript online course. His mission is to help beginners become developers through tutorials. Tune in!

Full Article

JSJ 268 Building Microsoft Office Extensions with JavaScript with Tristan Davis and Sean Laberee

By
Published On :: Tue, 04 Jul 2017 06:00:00 -0400

JSJ 268 Building Microsoft Office Extensions with Javascript with Tristan Davis and Sean Laberee

This episode is live at the Microsoft Build 2017 with Charles Max Wood and AJ O’Neal. We have Tristan Davis and Sean Laberee from the Office Team at Microsoft. Tune in and learn more about what’s new with Microsoft Office Extensions!

[00:01:25] – Introduction to Tristan Davis and Sean Laberee

Tristan Davis and Sean Laberee are Program Managers on the Microsoft Office team, focused on Extensibility.

Questions for Tristan and Sean

[00:01:45] – Extending Office functionality with Javascript

Office isn’t just an application on Windows that runs on your PC. It is running on iPhone, iPad, Android tablet, and apps on the browser with Office Online. The team needs a new platform, add-ins, which allow you to build apps that run across all places. It’s HTML and Javascript. HTML for all the UI and a series of Javascript module calls for the document properties. Sometimes we call it OfficeJS.

[00:03:20] – This works on any version of Office?

It works on Office on Windows, Mac, Online and iPad.

[00:03:55] – HTML and CSS suck on mobile?

There are things that you’re going to want to do when you know you’re running on a mobile device. If you look at an add-in running on Outlook for iPhone, the developer does a lot of things to make that feel like part of the iPhone UI. Tristan believes that you could build a great add-in for Office using HTML and JavaScript.

[00:05:20] – Are these apps written with JavaScript or you have a Native with WebView?

Office itself is Native. All of it is Native code but the platform is very much web. The main piece of it is pointing at the URL. Just go load that URL. And then, you can also call functions in your JavaScript.

[00:06:35] – Why would you do this? How does it work?

The add-in platform is a way to help developers turn Word, Excel and PowerPoint into the apps that actually solve user’s business problems. The team will give you the tools with HTML and JavaScript to go and pop into the Word UI and the API’s that let you go manipulate the paragraph and texts inside of Word. Or in Excel, you might want to create custom formulas or visualizations. The team also let people use D3 to generate their own Excel charts.

And developers want to extend Office because it’s where a lot of business workers spend their days 0 in Outlook, Teams, Word, Excel.

[00:10:00] – How did this get delivered to them?

There are 2 ways to get this delivered. One, there’s an Office Store. Second, if you go into Word, Excel, and PowerPoint, there’s a store button and you can see tons of integrations with partners.

For enterprises, IT can deploy add-ins to the users’ desktops without having stress about deploying MSI’s and other software deployments that the web completely rids off. The add-ins make a whole lot of pain the past completely go away.

[00:11:00] – Everybody in the company can use a particular plug-in by distributing it with Office?

That’s right. You can go to Office 365 add-in experience. Here’s the add-in and you can to specific people or everyone who’s part of a group.

For the developer’s perspective, if you have the add-in deployed to your client, you could actually push updates to the web service and your users get the updates instantly. It’s a lot faster turn-around model.

[00:14:20] – What about conversations or bot integrations?

There’s the idea of connectors at Teams. You can subscribe to this web book and it’ll publish JSON. When the JSON is received, a new conversation inside of Teams or Outlook will be created. For example, every time someone posts on Stack Overflow with one of the tags that team cares about, it posts on Outlook.

It’s a great way to bring all the stuff. Rather than have 20 different apps that are shooting 20 different sets of notifications, it’s just all conversations in email, making do all the standard email things.

And in the connector case, it’s a push model. The user could choose what notifications they want.

You’d also learn things like bots. You can have bots in Teams and Skype. The users can interact with them with their natural language.

[00:18:40] – How about authentication?

As long as you’re signed into Office, you can call JavaScript API to give you an identity token for the sign in user and it will hand you a JWT back. That’s coming from Azure Active Directory or from whatever customer directory service. That’s standard.

If you want to do more, you can take that identity token and you can exchange that for a token that can call Microsoft graph. This app wants to get access to phone, are you okay with that? Assuming the user says yes, the user gets a token that can go and grab whatever data he wants from the back-end.

[00:20:00] – Where does it store the token?

That’s up to the developer to decide how they want to handle that but there are facilities that make sure you can pop up a dialog box and you can go to the LO-flow. You could theoretically cache it in the browser or a cookie. Or whatever people think is more appropriate for the scenario.

[00:20:55] – What does the API actually look like from JavaScript?

If you’re familiar with Excel UI, you can look at Excel API. It’s workbook.worksheets.getItem() and you can pass the name of the worksheet. It can also pass the index of the worksheet.

[00:22:30] – What’s the process of getting setup?

There’s a variety of options. You can download Office, write XML manifest, and take a sample, and then, side loads it into Office. You can also do that through web apps. There’s no install required because you can go work against Office Online. In the Insert menu, there’s a way to configure your add-ins. There’s upload a manifest there and you can just upload the XML. That’s going to work against whatever web server you have set up.

So it’s either on your local machine or up in the cloud. It’s as much as like regular web development. Just bring your own tools.

[00:24:15] – How do you protect me as a plug-in developer?

There’s an access add-in that will ask your permission to access, say, a document. Assume, they say yes, pipes are opened and they can just go talk to those things. But the team also tries to sandbox it by iframes. It’s not one page that has everybody’s plug-ins intermingle that people can pole at other people’s stuff.

[00:27:20] – How do you support backward compatibility?

There are cases where we change the behavior of the API. Every API is gated by requirement set. So if a developer needs access to a requirement set, he gets an aggregate instead of API’s that he can work with but it isn’t fixed forever.

But it’s not at that point yet where we end up to remove things completely. In Office JS, we’ve talked about API’s as one JavaScript library but really, it’s a bootstrap that brings in a bunch of other pieces that you need.

[00:30:00] – How does that work on mobile? Do they have to approve download for all components?

You can download components by using the browser that the operating system gives. It’s another one of the virtues of being based on the web. Every platform that has a web browser can have JavaScript execution run-time. It allows for the way that their app guidelines are written.

[00:33:15] – How about testing?

It’s a place where there’s still have work to do. There’s a bunch of open-source projects that partners have started to do that. What they’ve done is they’ve built a testing library. Whatever the mock is, it's just a thing on Github. It is open-source friendly. So the team could be able to contribute to it. “Here’s an interesting test case for this API. I want to make sure that it behaves like this.

[00:35:50] – Could you write it with any version for JavaScript e.g. TypeScript?

A Huge chunk of the team is big TypeScript fans. They’ve done a lot of work to make sure that TypeScript experience is excellence.

Type is basically a collection of typing files for TypeScript. There’s a runtime process that parses your TypeScript, gives you feedback on your code, and checks for errors. You can also run it in the background.

There’s an add-in called Script Lab. Script Lab is literally, you hit the code button and you get a web IDE right there. You can go start typing JavaScript code, play with API’s, and uses TypeScript by default. It’ll just actually load your code in the browser, executes, and you can start watching.

[00:39:25] – Are there any limitations on which JavaScript libraries you can pull in?

There a no limitations in place right now. There are partners that use Angular. There are partners that are big React fans. If you’re a web dev, you can bring whatever preferences around frameworks, around tools, around TypeScript versus JavaScript.

[00:45:20] – What’s the craziest thing you’ve seen done with this API?

Battleship was pretty cool. There’s also Star Wars entering credits theme for PowerPoint.

[00:46:40] – If a developer is building a plug-in and get paid for it, does Microsoft take credit for that?

There are 2 ways that folks can do it. You can do paid add-ins to the store. Either you do the standard perpetual 99 cents or you can do subscriptions, where it’s $2.99/month. Tristan encourages that model because integrations are just a piece of some larger piece of software.

But Microsoft is not in the business of trying to get you to pay me a little bit of 10 cents a dollar. It’s really in the business of making sure that you can integrate with Office as quickly as possibly can.

When the users go to the store, they can use the same Microsoft account that you use to buy Xbox games or movies in the Xbox, Windows apps in the Windows store.

[00:52:00] – The App Model

If folks are interested in the app model, they should go to dev.office.com to learn more about it because that’s where all the documentation is. Check out our Github. Right there in the open, there’s the spec. Literally, the engineers who are coding the product are reading the same marked-down files in the same repo that you, as a developer, can come and look at. And you can comment. You can add issues like you could have a dialogue with that PM. Under the OfficeDev, you’ll find a tunnel repository that contains samples. Our docs are there.

Picks

AJ O'Neal

Lithium

Charles Max Wood

Tristan Davis

Amazon Echo
Microbiome

Sean Laberee

Running
Garmin watch

Full Article

JSJ 269 Reusable React and JavaScript Components with Cory House

By devchat.tv
Published On :: Tue, 11 Jul 2017 06:00:00 -0400

JSJ 269 Reusable React and JavaScript Components with Cory House

On today’s episode of JavaScript Jabber, we have panelists Joe Eames, Aimee Knight, Charles Max Wood, and playing the part of both host and guest, Cory House. Encourage your team to investigate reusable components, whether that’d be React, Angular, Vue, or Ember. Tune in!

[00:01:35] – Overview

We can finally write reusable components that it is really lightweight. It doesn’t take much framework-specific code to get things done.

Around 3 years ago, the idea of web component standard was all front-end developers could share our components with each other whether someone is in Angular or React. Web components continue to be an interesting standard but people continue to reach for JavaScript libraries instead – React, Angular, Vue.

[00:04:50] – Browser support issue

The story in JavaScript libraries is easier. You have more power, more flexibility, more choices, and get superior performance, in certain cases, by choosing a JavaScript library over the standard right now. If you try to use the web components standard, you have to Polyfill-in some features so you can run things across browser. You also won’t get JavaScript features like intelligently splitting bundles and lazy load different components.

Whether you’re in Angular or React, you have this model of putting your data in your curly braces. That setup is non-existent in standardized web components. You have to play the game of putting and pulling data into and out the DOM using DOM selectors. You actually take a step backward in developer ergonomics when you choose to leverage the platform instead.

[00:07:50] – Polymer

The reason that Polymer is useful is it adds some goodness on top of web components. One of those things is that it makes it easier to bind in data and not having to do things like writing a DOM query to be able to get your hands on this div and put this text inside of it. With Polymer, you can do something that feels more like Angular, where you can put in your curly braces and just bind in some data into that place. Polymer ends up adding some nice syntactic sugar on top of the web components standard just to make it easier to create web components. Polymer is also used to bundle in Polyfill for the features across browser.

[00:14:20] – Standards are dead

No. The standard itself has been embraced at different levels by different libraries. What you can see for the near future is popular libraries leveraging pieces of the web components platform to do things in a standard-spaced way. Effectively, Angular, Vue, Aurelia, are going to be abstractions over the web components standard. Arguably the most popular way to do components today is React. But React completely ignores the web components standard. When you look at React, you can’t see what piece of the web components standard would fundamentally make React a better component library.

Cory can’t seem to run to anybody that is actually using the standard in production to build real applications. People continue to reach for the popular JavaScript libraries that we so often hear about.

[00:17:05] – Libraries making reusable components

There is a risk that it would have been a waste for people writing components on Angular, for React, for Vue. But it’s not necessarily safer writing on the web component standard when you have so few people leveraging that standard. There’s always the risk that that standard may shift as well.

As an example, Cory’s team created approximately 100 reusable components in React. If they end up moving to a hot new library, the components are really just functions that take parameters and contain HTML. There is little there

[00:21:20] – Why opt for reusable components

Reusable components are inherently useful in a situation where you’re going to be doing something more than once. If you think about any work that you do as a software developer, we’d like to think that we’re coming in and creating new things but often it is groundhogs day. There are all sorts of opportunities for reuse.

As a company, we want to encapsulate our forms in reusable components so it’s literally impossible for our software developers to do something that goes against our standard. That’s the power of reusable components.

[00:31:20] – Rigid component vs. flexible component

As component developers, if we try to create a reusable component in a vacuum, bad things happen. If you’re going to do a reusable component, start by solving a specific problem on a given application. If we think that a component’s going to be useful in multiple places, we put it in a folder called reusable right there in our application source folder.

We try to follow that rule of three as well. If we’ve taken that component and used it in 3 places, that’s a good sign that we should extract it out, put it in our NPM package, that way, everybody has this centralized component to utilize. At that point, it has been tested. It’s been through the fire. People have used it in the real world in a few places so we can be confident that the API is truly flexible enough.

Be as rigid as you can upfront. Once you add features, it’s really hard to take features away. But it’s quite easy to add features later. If you start with something rigid, it’s easier to understand. It’s easier to maintain and you can always add a few more switches later.

[00:36:00] – Reusable components

The reason that we can’t reuse code is every time a new project comes up, people are spending up their own ideas rather than leveraging standards that should have been put in place previously.

We’ve had the technical ability to do this for a long time. We just haven’t been around long enough for consolidation to happen, for standardization to happen. You look at how quickly things are changing in our industry. For instance, a couple of years ago, everybody had pretty much decided that two-way binding was the way to build web applications. And then, React came along and shook that up. So today, you have different ways of thinking about that issue.

[00:42:45] – Component development on teams

Aimee’s team has component development and they’re using Angular 1.6. All of our base components are sitting in a seed application. We just go in when we want to create a new property and we just extend all of those components with specific functionalities that we need.

[00:47:45] – Mobile to web crossover

Cory’s team is creating React components but it’s not leveraged on a mobile application. But people use React Native components on the web. And in fact, if you use create-react-app today, you can do that right now. It’s wired up to work in React Native components. In that way, you can literally have these same components running on your Native mobile apps as you do on your web application.

[00:50:00] – Challenge

Cory’s challenge for everybody listening is sit down with your team and have a quick conversation about whether you think components make sense. Look back at the last few months of development and say, "if we have a reusable component library, what would be in it? How often have we found ourselves copying and pasting code between different projects? How much benefit would we get out of this story?"

Once you’ve realized the benefits of the component model, both in the way that makes you think about your application, in a way that it helps you move faster and faster over time, I really think you won’t go back to the old model. I’d encourage people to investigate reusable components, whether that’d be React, Angular, Vue or Ember.

Picks

Cory House

Joe Eames

UI-Router
Persistence

Aimee Knight

Charles Max Wood

Upwork.com

JSJ 269 Reusable React and JavaScript Components with Cory House

[00:01:35] – Overview

We can finally write reusable components that it is really lightweight. It doesn’t take much framework-specific code to get things done.

[00:04:50] – Browser support issue

[00:07:50] – Polymer

[00:14:20] – Standards are dead

[00:17:05] – Libraries making reusable components

[00:21:20] – Why opt for reusable components

[00:31:20] – Rigid component vs. flexible component

[00:36:00] – Reusable components

The reason that we can’t reuse code is every time a new project comes up, people are spending up their own ideas rather than leveraging standards that should have been put in place previously.

[00:42:45] – Component development on teams

[00:47:45] – Mobile to web crossover

[00:50:00] – Challenge

Picks

Cory House

Joe Eames

UI-Router
Persistence

Aimee Knight

Charles Max Wood

Upwork.com

Full Article

JSJ 271: SharePoint Extensions in JavaScript with Mike Ammerlaan and Vesa Juvonen

By devchat.tv
Published On :: Tue, 25 Jul 2017 07:00:00 -0400

JSJ 271: SharePoint Extensions in JavaScript with Mike Ammerlaan and Vesa Juvonen

This episode is a live episode from Microsoft Build where AJ O'Neal and Charles Max Wood interview Mike Ammerlaan and Vesa Juvonent about building extensions for SharePoint with JavaScript.

[00:01:28] Mike Ammerlaan introduction
Mike has worked at Microsoft for a long time on multiple Microsoft products and projects. He's currently on the Office Ecosystem Marketing Team.

[00:01:52] Vesa Juvonen introduction
Ves a is Senior Program Manager for the SharePoint Splat team. He's been with Microsoft for about 11 years and manages the community and documentation for the SharePoint framework.

[00:02:18] What is the SharePoint Framework?
This is how you write SharePoint extensions with JavaScript. SharePoint has changed. It now works with common modern development tools and web development techniques. SharePoint consolodates the extension effort

[00:03:32] What is SharePoint?
File sharing, team sites, communication points for teams. Part of Office 365. You use Web Parts to add functionality to SharePoint. Web Parts provide functionality like widgets and are scoped to a team, group, or set of users. It's usually hosted on premises, but you can also use it with Office 365 as a hosted solution.

[00:05:56] What extensions can you build for SharePoint?
You can build widgets for your front page or intranet. You can also add user management or data management or document management.

Examples:

Dashboards
Mini Applications
Scheduling and Time Tracking
Document Storage
Source code repositories

[00:07:39] What is WebDAV and how does it relate?
WebDAV is a protocol for accessing documents and SharePoint supports it among other protocols for managing documents.

[00:08:36] Do I have to build front-end and back-end components to get full functionality?
You can build the front-end UI with Angular and other frameworks. And then build a service in Azure on the backend. The backend systems can then access Line of Business systems or other data systems.

It really does take multiple skill sets to build extensions for SharePoint.

[00:11:10] SharePoint on Mobile
There is a mobile web app and the Web Parts work through the mobile application. You can also use any browser to connect to the application.

[00:12:08] Building extensions with standard Angular or React component libraries
There are standard Yeoman templates. You can also pull in the components through React or Angular just like what Microsoft does.

Newer Angular versions are designed for Single Page Apps and SharePoint isn't necessarily set up to work that way. The Web Parts are isolated from each other and Angular requires some workarounds.

[00:14:30] Getting around sandboxing
Google and Microsoft are talking to each other to see how to work around this when there are multiple sandboxed applications that can't talk to each other in very simple ways.

[00:15:39] Application library or naming collisions if my UI uses different versions or clobber page wide settings
There are guides for a lot of this. React does a bunch of the isolation work.

Addons are iframed in and an API token is given to grant access to the data and APIs.

Microsoft also reviews and approves plugins.

[00:18:30] How do you get started and make money at this?
Look at the SharePoint store. You can build things through websites and pages and offer the plugins through the store.

You can request a SharePoint tenant installation from the Microsoft Dev Tools for free. Then you can build into the tenant site. The rest of the tools are available on npm.

SharePoint Developer Tools

[00:22:13] Automated testing for SharePoint extensions
Unit testing is built in for JavaScript. Testing the UI's require you to sign into Office 365. There are people doing it, though.

[00:22:54] Building internal-only extensions
SharePoint is an enterprise tool, so a lot of enterprises may not want to install extensions from the store. You can definitely build and install private plugins for SharePoint setups. They also have their own backend systems that will require custom development.

[00:25:50] Office 365, SharePoint, and OneDrive
Office 365 is used by people across many different sized organizations and SharePoint is much more enterprise. Office 365 tools store files and information in SharePoint.

What about OneDrive versus Sharepoint? OneDrive is focused for one person. SharePoint is focused around a team. But they have the same APIs and use the same technology stack.

[00:29:05] The history and future of SharePoint
It started out on premises and has moved to the cloud. The SharePoint team is working to keep it available and useful in the modern cloud based era.

[00:30:25] What does the API footprint look like?
It spans modifying lists, data objects, attributes, items in a list, put Web Parts on a page, modify the experience, and manage and modify access, users, and documents. SharePoint is a way of building a way of conveying information.

SharePoint is layers of data and scopes.

[00:35:26] Tutorials and Open Source
dev.office.com
The Sharepoint framework is not open source yet, but they're working on that. They also need to open source the Yeoman templates.
Open source samples are available at github.com/sharepoint.

Picks

Charles Max Wood

BlueTick
Zapier
ScheduleOnce
Moo.com
Advice: Take the time to go talk to people.
Vesa adds that you should go to a session that's on something completely outside your experience.

AJ O'Neal

The Circle
Spontaneity/Happiness: AJ tells a story about a woman he saw running through sprinklers.
Oh the places you'll go by Dr. Seuss: AJ talks about a journal entry he read at a yard sale.

Mike Ammerlaan

Super hot VR on Oculus Rift

Vesa Juvonen

Family

A big thanks to Microsoft, DotNetRocks, and Build!

Full Article

JSJ 272: Functional Programming and ClojureScript with Eric Normand

By devchat.tv
Published On :: Tue, 01 Aug 2017 06:00:00 -0400

JSJ 272: Functional Programming and ClojureScript with Eric Normand

This episode of JavaScript Jabber features panelists Aimee Knight and Charles Max Wood. Special guest Eric Normand is here to talk about functional programming and ClojureScript. Tune in to learn more!

[00:1:14] Introduction to Eric Normand

Eric works for purelyfunctional.tv. The main target market for his company is those people who want to transition into functional programming from their current job. He offers them support, shows them where to find jobs, and gives them the skills they need to do well.

[00:02:22] Address that quickly

Functional programming is used at big companies such as Wal-Mart, Amazon, EBay, Paypal, and banks. They all have Clojure but it is not used at the scale of Java or Ruby.

So yes, people are using it and it is influencing the mainstream programming industry.

[00:3:48] How do you build an application?

A common question Eric gets is, “How do I structure my application?” People are used to using frameworks. Most start from an existing app. People want a process to figure out how to take a set of features and turn it into code. Most that get into functional programming have development experience. The attitude in functional programming is that they do not want a framework. Clojure needs to be more beginner friendly. His talk is a four-step process on how to turn into code.

[00:05:56] Can you expand on that a little?

There are four steps to the process of structuring an application.

Develop a metaphor for what you are trying to do. Developing the first implementation. How would you build it if you didn’t have code?
Develop the operations. What are their properties? Example: will have to sort records chronological.
Develop relationships between the operations.
Run tests and refactor the program. Once you have that, you can write the prototype.

[00:13:13] Why can’t you always make the code better?

Rules can’t be refactored into new concepts. They have to be thrown away and started completely over. The most important step is to think before beginning to write code. It may be the hardest part of the process, but it will make the implementation easier.

[00:17:20] What are your thoughts on when people take it too far and it makes the code harder to read?

He personally has written many bad abstractions. Writing bad things is how you get better as a programmer. The ones that go too far are the ones that don’t have any basis or are making something new up. They are trying to be too big and use no math to back up their code.

[00:20:05] Is the hammock time when you decide if you want to make something abstract or should you wait until you see patterns develop?

He thinks people should think about it before, although always be making experiments that do not touch production.

[00:23:33] Is there a trade off between using ClojureScript and functional JavaScript?

In terms of functional programming in JavaScript don’t have some of the niceties that there are in Clojure script. Clojure Script has a large standard library. JavaScript is not as well polished for functional programming; it is a lot of work to do functional programming it and not as much support.

[00:27:00:] Dave Thomas believes that the future of software is functional programming. Do you agree?

Eric thinks that it seems optimistic. He doesn’t see functional programming take over the world but does think that it has a lot to teach. The main reason to learn functional programming is to have more tools in your toolbox.

[00:31:40] If this is a better way to solve these problems, why aren’t people using it?

There is a prejudice against functional programming. When Eric was first getting into it, people would ask why he was wasting his time. Believes that people are jaded. Functional programming feels foreign because people are used to a familiar way of programming; they usually start with a language and get comfortable.

[00:40:58] If people want to get started with it, is there an easy way in?

Lodash is great to start replacing for loops. It will clean up code. There are other languages that compile to JavaScript. For example, Elm is getting a lot of attention right now. It is a Haskell like syntax. If you want more of a heavyweight language, use TypeScript or PureScript. ClojureScript is into live programming. You are able to type, save, and see results of the code immediately on the screen in front of you.

Picks

Aimee:

Eric

Charles

Ionic Framework

Links

Full Article

MJS #029 Matt Creager

By devchat.tv
Published On :: Wed, 09 Aug 2017 06:00:00 -0400

MJS 029: Matt Creager

On this episode, we have another My JavaScript Story, our guest is Matt Creager. Matt works for Manifold. He's here with us today to tell us his story. Stay tuned!

[01:00] – Introduction to Matt Creager

Matt works for an interesting company called Manifold. They sponsored the show.

[01:35] – How did you get into programming?

Before Matt fell in love with programming, he was in love with technology. They bought his first computer. It was a Gateway 2000 and he got access to the internet around the same time. He spent all of his time on that computer because they were moving around so much. That became the way that he stayed in touch with people. He remembers taking it apart and formatting the hard drive accidentally.

His uncle has been in the IT industry since he was a kid too. Matt was always associating him with spending time with his computer programming, a role model, and stabilizer in his life. He was switching tapes. And then, his cousin decided that he was going to start scripting his character’s actions in a game that they were playing. And now, looking back, it was some combination of Lua and C++. He started taking his cousin’s scripts apart to automate his own character in the game. He was 13 or 14.

The first programming book that he bought was a result of not being able to figure out how to get his character what it wants to do. It was one of the C++ bibles. And then, he became active in the forums around the scripting language. He was sharing the scripts and he started to realize that he can harvest stuff in the game and sell it for real cash.

Matt never considered himself technical and never considered programming a career. He was just translating CPU and RAM for people who were shopping for computers. And then, he wanted people to measure theirs so he built tools that took the data they had in an office and turn them into reports. When the manager started using that, it became a nationwide program and suddenly, he was on the map. He was leading a team.

When Blackberry started a technical interview, he realized that he has the answers to these questions. Initially, he was just a Technical Issues Manager. He had a Data Science team and that team was responsible for identifying and prioritizing issues. They were using Node 0.4, very early version of Node. And then, he discovered Angular and dived head first to the Angular community.

[13:10] – BlackBerry got Matt to JavaScript

Matt looked at Node because he was trying to figure out how he could do real time analytics. He wanted these dashboards that data scientists are looking at. That was the stepping stone into JavaScript.

[15:30] – Hackathon

On the side, a couple of local companies started to run hackathons. Matt was going to hackathons all the time. Then, he ended up of hopping from BlackBerry to becoming a full time front-end developer at a start-up.

Matt was talking with one of the organizers at LA Hacks. She was telling him that the reason why people are going to these hackathons is because they want to win and they want to put that fact on their resumes. In his day, that was not hackathons were like. The prizes can act as a negative incentive. They really work hard for the prizes. Sometimes they actually end up becoming more creative as a result because they know they need to use this specific combination of API’s.

[18:45] – Contributions to JavaScript community

When Matt joined GoInstant, it was very early days of RTC. Web sockets are new at that point. You’re probably more familiar with Firebase. In the early days, GoInstant and Firebase are competing for the same developers. They’re working on the same problems. The tools that they are building were real time synchronization between the state you have on the client and the state you have on the server. A lot of those that they build, open-source tools, they went with GoInstant to Salesforce. But they inspired the libraries and a lot of it is probably on the same code base that you now see in libraries that pretty much does the same things with Firebase.

And then, most recently, Matt and the team built Torus. They realized that if they are going to be building smaller applications, going to start to use more cloud services, more services tailored towards developers, and going to manage a lot more credential, a lot of credentials that need to be secured and shared with the teammates, they needed to take those credentials and put them on applications wherever they are running, whether that’s a Docker container or Heroku. That’s his most recent open-source project.

[20:50] – What are you working on now?

Manifold is their latest project. They’re trying to build a market place for developer services. It’s been 3 months. They moved from Torus to building Manifold earlier this year. The official launch hasn’t happened yet. That’s hopefully to come earlier this year – September. If it’s something that you want to try out and experiment with, there is a coupon for My JS. Give it a try before they launch a $25 credit that they can use to provision a logging instance, monitoring, or database. You can use it with any type of services that you might need to build your app.

Picks

Matt Creager

Charles Max Wood

AWS Lambda
Zapier
Heroku
Udemy course for Ionic Framework

Full Article

JSJ BONUS: Web Apps on Linux with Jeremy Likness and Michael Crump

By devchat.tv
Published On :: Tue, 12 Sep 2017 07:00:00 -0400

Tweet this episode

JSJ BONUS: Web Apps on Linux with Jeremy Likness and Michael Crump

In this episode Aimee Knight and Charles Max Wood discuss Microsoft's Web Apps on Linux offering with Jeremy Likness and Michael Crump.

[00:37] Michael Crump Introduction

Michael is on the developer experience team for Azure.

[00:52] Jeremy Likness Introduction

Jeremy is on the cloud developer advocacy team. Their mission is to remove friction and support developers and work with teams to build a positive experience.

The NodeJS team is headed up by John Papa. They have teams around the world and involved in many open source communities.

They're focused on building documentation and creating great experiences

[02:54] What is it about Azure that people should be getting excited about?

Azure is a huge platform. It can be overwhelming. They're trying to help you start with your problem and then see the solution as it exists on Azure.

Azure is growing to embrace the needs of developers as they solve these problems.

The experience is intended to be open and easy to use for any developer in any language on any platform. It allows you to work in whatever environment you want.

Standing up applications in production is tough. Azure provides services and facilities (and interfaces) that make it easy to manage infrastructure.

You don't have to be an operations expert.

Chuck mentions this messaging as he heard it at Microsoft Connect() last year.

It's not about bringing you to .NET. It's about making it easy where you're at.

Aimee adds that as a new-ish person in the community and Azure excites her because the portal and tutorials are easy to follow for many new programmers.

A lot of these features are available across command lines, tools, and much more.

The documentation is great. See our interview with Dan Fernandez on the Microsoft Docs.

[12:04] Web Apps on Linux

Web application as a service offering from Microsoft. I don't need to worry about the platform, just what's different about my application.

Web Apps has traditionally been on Windows. Web Apps on Linux is in preview.

You can choose the size of your infrastructure. You only get billed for what you use and can scale up.

Setting up multiple servers, managing synchronization and load balancing is a pain. Web Apps gives you a clean interface that makes this management easy.

You can also scale across multiple datacenters around the world.

[15:06] Why Linux? What's hard about Windows?

Node was originally created on Linux and many tools run nicely on Linux. It was later ported to Windows.

The toolchains and IDE's and build processes is in an ecosystem that is targeted more toward Linux than Windows.

This allows people to work in an environment that operates how they expect instead of trying to map to an underlying Windows kernel.

Aimee gives the example of trying to set up ImageMagick on Windows.

Web Apps on Linux also allows you to build integrations with your tools that let you build, test, and deploy your application automatically.

[19:12] Supported Runtimes

Web Apps on Linux supports Node, PHP, Ruby, and .NET Core.

You can run a docker container with Node up to 6.x. If you want Node 7.x and 8.x you can create your own Docker container.

Web Apps on Linux is build on Docker.

The containers also have SSH, so developers can log into the docker container and troubleshoot problems on the container.

If you can build a container, you can also run it on this service.

At certain levels, there's automatic scaling.

[22:06] Consistency between containers? Shared ownership of state or assets

It depends on how you build your app. The Docker containers have a shared storage where all the containers have access to the same data and state.

There's a system called kudu that makes this really simple.

You can also pull logs across all systems.

You can also use SSH in the browser

[25:23] What's painful about Linux and containers?

How is the application built and how does it manage state so that you can isolate issues.

If you have 20 containers, can you connect to the right one.

It's up to you to manage correlation between containers so you can find the information you need.

Knowing your traffic and understanding what to do to prepare for it with scaling and automation is sometimes more art than science.

[28:28] How should you manage state?

A lot of these systems lend themselves to running stateless, but you don't want to run mongodb on each container versus running one mongodb instance that everything attaches. You want a common place to store data for the entire app for shared state.

[30:34] CosmosDB (was DocumentDB)

It's an API equivalent to MongoDB. It's a database as a service and you can connect your containers to the CosmosDB in Azure using your portal to make it super easy.

You may need to open up some firewall rules, but it should be pretty straightforward.

[34:14] Third Party Logging Management Apps

Azure has a service that provides metrics (Application Insights) and a logging service. Many other companies use elasticsearch based solutions that solve some of these problems as well.

[36:06] How do people use Web Apps on Linux?

Companies building new applications many times want to run without managing any infrastructure. So, they use Azure Functions, and other services on Azure.

Lift and shift: Take a virtual machine and change it into a web app container that they can run in the cloud. They also move from SQL Server on a server to SQL Server on the cloud. Moving from hosted MongoDB to CosmosDB.

You can also use any images on DockerHub.

[40:06] Continuous Integration and Continuous Deployment

Whether you're using a private registry or cloud registry. When you publish a new image, it'll use a webhook to pull the custom image and deploy it. Or to run it through Continuous Integration and then deploy it without any human interaction.

Chuck mentions the case when you haven't logged into a server for a while, there's a huge backlog of system updates. Updating your container definitions makes upkeep automatic.

[42:02] Process files and workers with PM2 format

You can set up instances to run across cores with the PM2 definitions. You can also make it run various types of workers on different containers.

Why did you use PM2? What other uses are there for this kind of setup?

You can tell it which processes to start up on boot. You can also have it restart processes when a file is changed, for example, with a config file you can have it restart the processes that run off that config file.

[45:38] How to get started

Getting started with Node

docs.microsoft.com

Trial account with a few hundred dollars in Azure credit.

Michael's Links

Jeremy's Links

Picks

Aimee

Having a little bit of mindfulness while waiting on code and tests to run.

Joe

Chuck

Travelers on Netflix

Jeremy

Ozark filming in Woodstock, GA
Autonomous Smart Desk
LED light strips

Michael

Full Article

JSJ BONUS: Cloud Services and Manifold with Matthew Creager and Peter Cho

By devchat.tv
Published On :: Wed, 18 Oct 2017 06:00:00 -0400

Panel:

Amiee Knight

Charles Max Wood

Joe Eames

Special Guests:

Matthew Creager and Peter Cho

In this episode, JavaScript Jabbers speak with Matthew Ceager and Peter Cho. Matthew and Peter are part of the team at Manifold. Manifold is a marketplace for developer services. Matthew takes care of growth and relations, and Peter oversee products at Manifold.

The panel discusses with Peter and Matthew what Manifold does and the benefits of a Cloud Service. Matthew gives perspective on how developers can get their cloud product on the market compared to open source. Further discussion goes into how this will help the developer to get their products or services turned into a business quicker and save time Also learn about when it is the ideal time to move to cloud services vs. running a server yourself.

In particular, we dive pretty deep on:

Different kinds of definition of Cloud Services
Anything you would rely on as a third party service
What is the cloud service ecosystem - Services that connect to an application
Independent market place - because it is difficult to turn a product into a business
Where are people using cloud services or running their own server
Spinning up a version of it is easier.
Time verses doing it yourself?
Experts running the services
Focusing on your product instead of managing the server and such
Where does the data live and who has access to that?
Lock In’s?
Tourist - Credentials management
How do I get this setup? Command Line or register online
And much more!

Links:

Manifold

https://github.com/mattcreager

@manifoldco

@etcpeter

@matt_creager

blog.manifold.com

Picks:

Amiee

Ryan McDermott

Charles

Joe

What You Can’t Say

Matt

Peter

Player Unknown Battle Ground
Sourdough by Robin Sloan

Full Article

JSJ 286: Creating a CSS-in-JS Library from Scratch and Emotion with Kye Hohenberger

By devchat.tv
Published On :: Tue, 07 Nov 2017 22:33:00 -0500

Panel:

Amiee Knight

Charles Max Wood

Special Guests:

Kye Hohenberger

In this episode, JavaScript Jabbers speak with Kye Hohenberger. Kye is a developer and co-founder of Side Way. One of Kye’s most notable works and library is Emotion, a CSS and JS library.

Kye talks about what CSS and JS library is about in the context of the Emotion library system. Kye discusses why this is practical for the writing process, in comparison to other types of tools that do similar jobs. Kye explains the how this tool reduces the number of lines of code and is compact and clearer.

In particular, we dive pretty deep on:

What is a CSS and JS library?
Controlling CSS with JS, what does this solve?
Style bugs
What kind of styling are you using vs. complex styles?
Media query
A more declarative style
Using Sass
Where do you see people using this?
Class names and you can apply to anything
How Emotion works!
Style tags
Object styles
What are some of the problems you are solving
React Emotion - dynamic styles
How does this compare to other style components?
Glamor Styles
How do you test something like this?
Just Glamor React with Emotion
Can people use the Babel plugin
Pure flag and function calls
And much more!

Links:

Emotion.sh
Emotion-js/emotion
emotion.now.sh
@TKH44

Picks:

Amiee

Article on Medium
Antibiotics and Steroids
RX Bars

Charles

Disney Emoji Blitz
How To Get A Job - JavaScriptJabber.com

Kye

Full Article

JSJ 288: TypeScript with Amanda Silver

By devchat.tv
Published On :: Tue, 21 Nov 2017 20:22:00 -0500

Charles Max Wood

Special Guests:

Amanda Silver

In this episode, Charles is at Microsoft Connect 2017 in NYC. Charles speaks with Amanda Silver. Amanda is deemed the TypeScript and future of JavaScript guru, and this year's speakers at Microsoft Connect with Visual Studio Live Share. Amanda shares what is new with TypeScript and how that is a kind of subscript to JavaScript. Amanda explains the big picture of TypeScript’s inception and where she believes the language will be most efficient and effective for JavaScript and TypeScript developers.

In particular, we dive pretty deep on:

What is new in TypeScript?
Keep JavaScript and TypeScript aligned
TypeScript is implemented to create larger scaled applications
Integration with VS Code, etc.
Building better tools for JavaScript Developers
When would this be taken on by users
Defaults in Visual Studio
TypeScript replacing JavaScript type service
TypeScript is written in TypeScript
Chakra runtime
Diaspora
The different faces of JavaScript
Optimized JavaScript runtime
Languages should be created with tooling
A satisfying tooling experience
Foot Guns
New Tokens
Eco-systems and metadata
Multi-phase
Minimum common denominator constantly changing
Collaborating on the same code
Open Source and the impact
How to move to open source
Contributing
The next thing for TypeScript
The future of JavaScript
And much more!

Links:

@amandaksilver

Picks:

Amanda

Visual Studio Live Share
Instinct of learning technology

Charles

Full Article

JSJ 289: Visual Studio Code and Live Sharing with Chris Dias and PJ Meyer LIVE at Microsoft Connect 2017

By devchat.tv
Published On :: Tue, 28 Nov 2017 20:53:00 -0500

Panel:

Charles Max Wood

Special Guests:

Chris Dias

PJ Meyer

In this episode, Charles is at Microsoft Connect 2017 in NYC. Charles speaks with Chris Dias and PJ Meyer about Visual Studio Code and Live Sharing. Chris and PJ explain more on their demo at Microsoft Connect on Live Collaborative Editing and Debugging. Learn more about the new features with Visual Studio Code and the efficient workflows with screen sharing, and much more.

In particular, we dive pretty deep on:

Demo of Live Collaborative Editing and Debugging explained
New Features with VS Code
Developer productive
Debugging pain points
Getting feedback
New in VS Code
Language support and Java Debugger
Live Share
Debugging from different machines and platforms
Multi-Stage Docker File
TypeScript compiler
More on debugging with Cosmos db
Debugging in the Cloud?
Docker Extensions
Data Bricks
Updated python tools
Coming up with Visual Studio Code in the next 6 months
TypeScript and Refactoring
Getting the word out about code - Word of mouth?
Number of people using VS Code?
Envision for what VS Code is becoming?
Preparing for a keynote and processes?
And much more!

Links:

https://code.visualstudio.com
https://github.com/chrisdias
GitHub.com/microsoft
@code

Picks:

Chris

Pizza

Deli

Charles

Coupon Pass for tourist in NYC

Full Article

JSJ 291: Serverless For JavaScript with Gareth McCumskey

By devchat.tv
Published On :: Tue, 12 Dec 2017 06:00:00 -0500

Panel:

Charles Max Wood

Aimee Knight

AJ O’Neal

Joe Eames

Special Guests: Gareth McCumskey

In this episode, JavaScript Jabber speaks with Gareth McCumskey about Serverless For JavaScript. Gareth leads the dev team at Expat Explore in Cape Town, South Africa. Gareth and this team specialize in exploring the Serverless realm in JavaScript. The JavaScript Jabbers panel and Gareth discuss the many different types of serverless systems, and when to implement them, how serverless system work, and when to go in the direction of using Serverless.

In particular, we dive pretty deep on:

What does it mean to be Serverless?
Since platform as a service.
Microservice on Docker
Firebase
“no backend”
Backend systems
Cloud functions and failure in systems
How do you start to think about a serverless system?
How do decide what to do?
AWS Lambda
Working in a different vendor
Node 4
Programming JS to deploy
Using libraries for NPM
How is works with AWS Lambda
Where is the database?
More point of failure?
Calls to Slack?
Authentication
Micro Services
Elastic Bean Stalk
Static Assets, S3, Managing
Testing the services
Integration testing
And much more!

Links:

Picks:

Aimee

Charles

Gareth

Joe

Full Article

JSJ 297: Scrollytelling with Russell Goldenberg and Adam Pearce

By devchat.tv
Published On :: Tue, 23 Jan 2018 18:45:00 -0500

Panel:

Charles Max Wood

Joe Eames

Aimee Knight

Special Guests: Russell Goldenberg and Adam Pearce

In this episode, JavaScript Jabber panelist speak with Russell Goldenberg and Adam Pearce Russell creates visualizations, interactive graphics, and documentaries for the web. Currently an editor at The Pudding. Adam is a graphics editor at The New York Times and a journalist engineers/developer Russell and Adam are on the show to talk about what Scrollytelling is, as well as Scrollama. Scrollama is a modern and lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events. This is a great episode to understand another technology/tool created with JavaScript.

In particular, we dive pretty deep on:

What is Scrollytelling!
Graph Scroll library
What is the intersection Observerable?
How long does it take to build an interactive graphic…?
How do you test something like this?
Test on a lot of different devices
Can you do automated testing?
Do you have to understand the use cases or can you implement quickly?
Recommendation for getting started?
Is this a skill set people have to have before that some on board?
How do design these interactions?
Scroll jacking
What JS developers should know about this technology.
Position sticky
What are other uses cases?
What can devs use it for?
Tax calculator
And much more!

Links:

https://github.com/russellgoldenberg/scrollama
https://pudding.cool/process/introducing-scrollama/
@codenberg
@adamrpearce
https://pudding.cool/
http://russellgoldenberg.github.io
https://github.com/1wheel?direction=desc&sort=created&tab=stars
https://roadtolarissa.com

Picks:

Adam

Dominion - Broad Game

Charles

Aimee

Deadlines
Quest Protein Powder

Joe

Giving!
Board Game - Azul

Russel

Crokinole
Bust Out

Full Article

JSJ 298: Angular, Vue and TypeScript with John Papa

By devchat.tv
Published On :: Tue, 30 Jan 2018 21:35:00 -0500

Panel:

Charles Max Wood

Cory House

Joe Eames

Aimee Knight

Special Guests: John Papa

In this episode, JavaScript Jabber panelist speak with John Papa. John has been doing web programming for over twenty years on multiple platforms and has been contributing to the developer communities through conferences, authoring books, videos and courses on Pluralsight.

John is on the show to discuss an articles he wrote on A Look at Angular Along Side Vue, and another article on Vue.js with TypeScript. John talks about the new features with the different versions of Angular technologies, anxiety in the different features, comparisons between the technologies and use case with Angular.

In particular, we dive pretty deep on:

A look at Angular Along Side Vue - Article
Angular 5, Amber,Vue, React, Angular
Angular 2 - different features
CLI
Spell Webpack
Comparisons - Why the anxiety?
Opinions of Angular and sprinkling in other technologies
Vue is the easy to use with Angular
Are there breakpoints with the uses case?
Choosing technologies
Talk about working with Vue and Angular
DSL - Domain Specific Language
Vue and 3rd party libraries
Talk about Vue working with TypeScript
Vue.js with TypeScript
Vue with TypeScript looks similar to Angular
Vetur
What does 2018 have in store for Angular?
Native apps and web functionality
And much more!

Links:

Picks:

Corey

cypress.io

Charles

Aimee

Joe

John

Jumanji 2017
Emotional Intelligence

Full Article

JSJ 299: How To Learn JavaScript When You're Not a Developer with Chris Ferdinandi

By devchat.tv
Published On :: Tue, 06 Feb 2018 20:10:00 -0500

Panel:

AJ O’Neal

Joe Eames

Aimee Knight

Special Guests: Chris Ferdinandi

In this episode, JavaScript Jabber panelist speak with Chris Ferdinandi. Chris teaches vanilla JavaScript to beginners and those coming from a design background. Chris mentions his background in Web design and Web Develop that led him JavaScript development. Chris and the JSJ panelist discuss the best ways to learn JavaScript, as well as resources for learning JavaScript. Also, some discussion of technologies that work in conjunction with vanilla JavaScript.

In particular, we dive pretty deep on:

Teaching JavaScript - Beginners and Design patrons
Web Design and Web Development
CSS Tricks
Todd Motto
How to do jQuery Things without jQuery
Doing things like mentors (Todd)
When JavaScript makes sense.
CSS is easier to learn then JS?
Being good at CSS and JS at the same time?
How about Node developers?
jRuby, DOM
Documentation
And much more!

Links:

https://github.com/cferdinandi
https://gomakethings.com
@ChrisFerdinandi
https://www.linkedin.com/in/cferdinandi

Picks:

Discover Card
Mistborn

Aimee

Your Smart Phone is Making You Stupid…
Crypto Currency

Joe

Chris

Full Article

JSJ 309: WebAssembly and JavaScript with Ben Titzer

By devchat.tv
Published On :: Tue, 17 Apr 2018 06:00:00 -0400

Panel:

Charles Max Wood
Cory House
Aimee Knight

Special Guests: Ben Titzer

In this episode, the JavaScript Jabber panelists discuss WebAssembly and JavaScript with Ben Titzer. Ben is a JavaScript VM engineer and is on the V8 team at Google. He was one of the co-inventors of WebAssembly and he now works on VM engineering as well as other things for WebAssembly. They talk about how WebAssembly came to be and when it would be of most benefit to you in your own code.

In particular, we dive pretty deep on:

Ben intro
JavaScript
Co-inventor of WebAssembly (Wasm)
Joined V8 in 2014
asm.js
Built a JIT compiler to make asm.js faster
TurboFan
What is the role of JavaScript? What is the role of WebAssembly?
SIMD.js
JavaScript is not a statically typed language
Adding SIMD to Wasm was easier
Easy to add things to Wasm
Will JavaScript benefit?
Using JavaScript with Wasm pros and cons
Pros to compiling with Wasm
Statically typed languages
The more statically typed you are, the more you will benefit from Wasm
TypeScript
Is WebAssembly headed towards being used in daily application?
Rust is investing heavily in Wasm
WebAssembly in gaming
And much, much more!

Links:

Picks:

Charles

Ready Player One Movie
DevChat.tv YouTube
Alexa Flash Briefings: Add skill for “JavaScript Rants”

Cory

Aimee

Ben

American Politics

Full Article

MJS 060: Jeff Cross

By devchat.tv
Published On :: Wed, 09 May 2018 06:00:00 -0400

Panel: Charles Max Wood

Guest: Jeff Cross

This week on My JavaScript Story, Charles speaks with Jeff Cross. Jeff has been working on Angular and JavaScript for the past five years with Google and now with Nrwl, which he created in the past year. He got started with programming around 12 years old when his Mom taught him and his siblings how to create websites using FrontPage. He then worked as a web designer utilizing Flash and joined an agency when he was in his 20’s that focused on Flash. Jeff talks about his path to his success and the different steps it took him to get to where he is today.

In particular, We dive pretty deep on:

How did you get into programming?
HTML and FrontPage
Dreamweaver
GeoCities
Gifs
Started off as a web designer
Flash
Object-Oriented Programming
JavaScript
Backbone
From JavaScript to Angular
Node Programming
APIs
Deployd
Angular Team at Google
What have you contributed to angular?
Embarrassing stories
Consulting
NX
And much, much more!

Links:

Picks:

Jeff

Full Article

JSJ 313: Light Functional JavaScript with Kyle Simpson

By devchat.tv
Published On :: Tue, 15 May 2018 10:37:00 -0400

Panel:

AJ ONeal
Aimee Knight
Joe Eames

Special Guests: Kyle Simpson

In this episode, the JavaScript Jabber panelists discuss light functional JavaScript with Kyle Simpson. Kyle is most well-known for writing the books You Don’t Know JS and is on the show today for his book Functional-Light JavaScript. They talk about what functional programming is, what side-effects are, and discuss the true heart behind functional programming. They also touch on the main focus of functional programming and much more!

In particular, we dive pretty deep on:

You Don’t Know JS
Functional-Light JavaScript
From the same spirit as first books
JavaScript
Documents journey of learning
What does Functional Programming mean?
Functional programming is being re-awoken
Many different definitions
History of functional programming
Programming with functions
What is a function?
“A collection of operations of doing some task” is what people think functions are
What a function really is
Map inputs to outputs
What is a side-effect?
Side-effects should be intentional and explicit
The heart of functional programming
Refactoring
Can’t write a functional program from scratch
What functional programming focuses on
Making more readable and reliable code
Pulling a time-stamp
Defining a side-effect
And much, much more!

Links:

Picks:

Aimee

IKEA

Joe

Barking Up the Wrong Tree by Eric Barker
Workshops in general

Kyle

Full Article

JSJ 314: Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver LIVE at Microsoft Build

By devchat.tv
Published On :: Tue, 22 May 2018 08:32:00 -0400

Panel:

Charles Max Wood

Special Guests: Matt Hernandez and Amanda Silver

In this episode, the JavaScript Jabber/Adventures In Angular, panelists discuss Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver at Microsoft Build. Amanda is the director of program management at Microsoft working on Visual Studio and VS Code. Matt works on a mix between the Azure and the VS Code team, where he leads the effort to build the Azure extensions in VS code, trying to bring JavaScript developers to Azure through great experiences in VS Code. They talk about what’s new in VS Code, how the Azure extension works, what log points are, and much more!

In particular, we dive pretty deep on:

Amanda intro
Matt intro
What’s new in VS Code?
VS Code core
VS Live Share
Shared Terminal
Now have Linux support
Live Share is now public to the world for free
What would you use Shared Terminal for?
Are there other things coming up in VS Code?
Constantly responding to requests from the community
Live Share works for any language
How does the Azure extension work?
Azure App Service
Storage extension
Azure Cosmos DB
What are log points?
All a part of a larger plan to create a better experience for JS developers
Visual debuggers
Is it the same plugin to support everything on Azure?
Want to target specific services that node developers will take advantage of
And much, much more!

Links:

Picks:

Charles

Orphan Black
Shout out to VS Code team
Battle of the Books

Matt

Amanda

Full Article

JSJ 316: Visual Studio Code with Rachel MacFarlane and Matt Bierner LIVE at Microsoft Build

By devchat.tv
Published On :: Tue, 05 Jun 2018 06:00:00 -0400

Panel:

Charles Max Wood

Special Guests: Rachel MacFarlane and Matt Bierner

In this episode, the JavaScript Jabber panelists discuss Visual Studio Code with Rachel MacFarlane and Matt Bierner, who are both developers on Visual Studio Code. They talk about what the workflow at Visual Studio Code looks like, what people can look forward to coming out soon, and how people can follow along the VS Code improvements on GitHub and Twitter. They also touch on their favorite extensions, like the Docker extension and the Azure extension and their favorite VS Code features.

In particular, we dive pretty deep on:

Rachel and Matt intro
Month to month workflow of Visual Studio Code
VS Code JavaScript, TypeScript, and Mark Down support
Working on GitHub and within the community
Check out new features incrementally with insiders
Community driven work
What is coming out in Visual Studio Code?
GitHub helps to determine what they work on
Working on Grid View
Improved settings UI
Highlighting unused variables in your code
Improvements with JS Docs
Dart
Visual Studio Extension API
How do people follow along with the VS Code improvements?
Follow along on GitHub and Twitter
Download VS Code Insiders
Have a general road map of what the plan is for the year
Technical debt week
What do you wish people knew about VS Code?
Favorite extensions
Docker extension and Azure extension
And much, much more!

Links:

Sponsors

Picks:

Charles

Rachel

GitLens

Matt

The Bronx Warriors

Full Article

JSJ 318: Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari LIVE at Microsoft Build

By devchat.tv
Published On :: Mon, 18 Jun 2018 06:00:00 -0400

Panel:

Charles Max Wood

Special Guests: Ori Zohar and Gopinath Chigakkagari

In this episode, the JavaScript Jabber panelists discuss Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari at Microsoft Build. Ori is on the product team at VSTS focusing on DevOps specifically on Azure. Gopinath is the group program manager in VSTS primarily working on continuous integration, continuous delivery, DevOps, Azure deployment, etc. They talk about the first steps people should take when getting into DevOps, define DevOps the way Microsoft views it, the advantages to automation, and more!

In particular, we dive pretty deep on:

Ori and Gopi intro
VSTS – Visual Studio Team Services
VSTS gives developers the ability to be productive
Developer productivity
What’s the first big step people should be taking if they’re getting into DevOps?
The definition of DevOps
The people and the processes as the most important piece
DevOps as the best practices
Automating processes
What people do when things go wrong is what really counts
Letting the system take care of the problems
Have the developers work on what they are actually getting paid for
Trend of embracing DevOps
Shifting the production responsibility more onto the developer’s
Incentivizing developers
People don’t account for integration
Continuous integration
Trends on what customers are asking for
Safety
Docker containers
And much, much more!

Links:

Sponsors

Picks:

Charles

Ori

Fitbit
Pacific Northwest Hiking

Gopinath

Seattle, WA

Full Article

JSJ 320: Error Tracking and Troubleshooting Workflows with David Cramer LIVE at Microsoft Build

By devchat.tv
Published On :: Tue, 03 Jul 2018 06:00:00 -0400

Panel:

Charles Max Wood
Alyssa Nicholl
Ward Bell

Special Guests: David Cramer

In this episode, the JavaScript Jabber panelists talk to David Cramer about error tracking and troubleshooting workflows. David is the founder and CEO of Sentry, and is a software engineer by trade. He started this project about a decade ago and it was created because he had customers telling him that things were broken and it was hard to help them fix it. They talk about what Sentry is, errors, workflow management, and more!

In particular, we dive pretty deep on:

David intro
Founder and CEO of Sentry
What is Sentry?
Working with PHP
De-bugger for production
Focus on workflow
Goal of Sentry
Triaging the problem
Workflow management
Sentry started off as an open-source side project
Instrumentation for JavaScript
Ember, Angular, and npm
Got their start in Python
Logs
Totally open-source
Most compatible with run-time
Can work with any language
Deep contexts
Determining the root cause
And much, much more!

Links:

Sponsors

Picks:

Charles

Socks as Swag

David

Full Article