How Firefox is Making JavaScript Debugging More Productive - Lately in JavaScript podcast episode 68

Recommend this page to a friend!
  Blog JS Classes blog   RSS 1.0 feed RSS 2.0 feed   Blog How Firefox is Making...   Post a comment Post a comment   See comments See comments (0)   Trackbacks (0)  


Viewers: 103

Last month viewers: 5

Categories: Lately in JavaScript podcast

Recently Firefox introduced a feature that shows in browser console links to the documentation of each JavaScript error that may happen. This helps developers to quickly to understand the errors and fix the problems faster.

This was the main topic discussed by Manuel Lemos and Arturs Sosins in the episode 67 of the Lately in PHP podcast.

They also talked about how make JavaScript testable using pure code, JavaScript variable hoisting, implementing applications based on Web Sockets and Server Sent events, jQuery 3.0 release, changing the way code JavaScript with TDD, how to take advantage of the spread operator, the EcmaScript 2016 specification, writing self documenting JavaScript code, and how to implement WebAssembly based applications on browsers that support it.

This article contains a transcript of the podcast summary below.

Listen to the podcast now, or watch the hangout video, or read the transcript text to learn more about these and other interesting JavaScript topics discussed in this podcast.

Loaded Article


Introduction (00:20)

Summary of the Podcast (Transcript below) (1:33)

Making JavaScript Pure (6:08)

Helping web developers with JavaScript errors (9:22)

JavaScript variables hoisting in details (12:59)

Building Real-time Apps with Websockets and Server-Sent Events (15:29)

JQuery 3.0 Final Released (20:20)

Build Your First Thing With WebAssembly (21:58)

One Weird Trick that Will Change the Way You Code Forever: JavaScript TDD (27:27)

The Spread Operator: How three dots changed JavaScript (37:44)

ECMAScript® 2016 Language Specification (44:15)

15 Ways to Write Self-documenting JavaScript (46:25)

JavaScript Innovation Award Nominees of January 2016 (50:48) 

JavaScript Innovation Award Ranking of 2016 (59:10)

Conclusion (1:01:22)


Summary Transcript

Listen or download the podcast, RSS feed

Watch the podcast video

Summary Transcript

The first topic that we are going to talk about is making JavaScript pure. The idea is to write your code in a way that is more testable like passing parameters to functions than rather than passing values as global variables or variables defined outside the scope of the functions so they become testable.

The next topic is an interesting feature, actually I think this is very cool and it is implemented now in Firefox and I am sure other browsers will follow up because it's a well thought feature, very simple, which is to show you the pages that explain the errors that you may find in your error console, so if you have an error in JavaScript, now you have a link to a page, in this case to the site of Mozilla to explain that error. So this is very interesting and we will talk more about this.

Another article is about JavaScript variables hoisting, which this from what I understood, I was not familiar with this word, but is to gather all variable declarations in the beginning of the scope of the functions.

The next topic is about Web Sockets and server sent events, so this is more a tutorial to explain how you can implement applications based on Web Sockets with Node.js on the server side and JavaScript code on the browser side.

Then we talk briefly about the release of jQuery 3.0.

Then we talk about an article that defends test driven design, so called TDD, done on JavaScript. It tells about one weird trick that will change you code forever. I am not sure about that but we will there once it is its turn.

The next topic is about the spread operator which allows basically that a certain function takes a variable number of arguments and it is called how three dots changed JavaScript.

The next topic is just to briefly mention that EcmaScript 2016 language specification is finished, I suppose, I don't know if there will be revisions, but it's practically done.

Then there is an article that talks about 15 ways to write self documenting JavaScript, and it talks about good practices according to the author that seemed to well make the code more readable and self-explaining without comments. Personally I do not use much comments, so I already liked the proposal.

Finally there is one topic that talks about how WebAssembly can be implemented in practice in browsers that already support it.

Listen or download the podcast and RSS feed

Click on the Play button to listen now.

Introduction music: Riviera by Ernani Joppert, São Paulo, Brazil

View Podcast in iTunes

RSS 2.0 feed compliant with iTunes

Watch the podcast video

Note that the timestamps below in the transcript may not match the same positions in the video because they were based on the audio timestamps and the audio was compacted to truncate silence periods.

Show notes

You need to be a registered user or login to post a comment

26,089 JavaScript developers registered to the JS Classes site.
Be One of Us!

Login Immediately with your account on:


No comments were submitted yet.

  Blog JS Classes blog   RSS 1.0 feed RSS 2.0 feed   Blog How Firefox is Making...   Post a comment Post a comment   See comments See comments (0)   Trackbacks (0)