Javascript Archives - Yaron Vazana

Moving Safely to ECMAScript 6

April 12, 2016 by Yaron Leave a Comment

Let’s face it, ECMAScript 6 (AKA ES6) is finally here.

And everyone is using it.

Really?

Well, not yet, but everyone definitely wants to, and probably you do too.

It’s good to know that after years of messy coding with almost 100% freedom, your JavaScript code is finally going to look better, and maybe run faster. Think about the enormous amount of best practices you’re already familiar with from other programming languages, now applied on your unorganized JavaScript code. You’ll also have a relatively moderated learning curve, so once you start your transition, it won’t be long until the new syntax will be the main language for your dev team.

This post will cover a few of ECMAScript benefits, what is takes to make the switch into ES6, and problems you might encounter during this process.

[Read more…]

JavaScript Source Maps Guide

March 2, 2016 by Yaron Leave a Comment

Compressing your JavaScript and CSS files is an old school trick to gain more speed for your website.

But what happens when you want to debug the code inside those auto-generated files? It can be a real headache to do so without using source maps.

Source maps are basically a mapping between each line in the compressed file to the corresponding line in the original source code. This way you can easily debug your application even if it runs with a compressed version of your code. Chrome and Firefox (23+) come with a built-in support for source maps.

[Read more…]

3 Important Steps to Become The Best FrontEnd Engineer

February 19, 2016 by Yaron 2 Comments

So you decided you want to be the best frontend engineer.

You decided you want to increase your knowledge and skills, and feel like a real professional. You already code and solve challenging problems, use open source libraries, know all the major key frameworks used in the industry and even know the small (but very important) differences between all common browsers.

But you still feel like something is missing, you feel you can do better, that it can’t be that you’ve reached your limits.

In this post, I’ll suggest a few steps, and I’m not going to talk about learning new frameworks or teaching you how closures magically work, so you can improve your overall frontend capabilities, and be the best. Of course, there are many ways you can push yourself to learn more, but I’m going to talk about a few fundamental changes you need to make in order to really excel, and be this frontend guy everyone ask his opinion.

[Read more…]

How to Develop Chrome Extensions

January 19, 2015 by Yaron Leave a Comment

In this tutorial, I will show how to write a chrome extension all the way. Writing chrome extensions is really not that hard and I think we all (developers) should know how to create them. Especially when 99% of the time we have a chrome browser open in front of us.

For those of you (like me) who can’t wait and want to get the code, Here it is on Github

[Read more…]

Web-RTC Live Video Chat Room

January 8, 2015 by Yaron Leave a Comment

This project shows how to use Web-RTC technology and create a live video chat room based on the new tomcat 7 Websockets API and HTML5 Web-RTC. The server runs a single page where many users can login and chat with one another. Each user sees the same page with the videos of all other participants.

THIS IS NOT A FULL DIY TUTORIAL, IF YOU NEED HELP CONTACT ME

WebRTC is a free, open project that provides browsers and mobile applications with Real-Time Communications (RTC) capabilities via simple APIs.

The server code is written in Java and the client is written in Javascript (with some third parties like jQuery etc…). In order to use the WebSockets API, I used tomcat version 7.0.57, the WebSockets API was added to tomcat 7.0.X where X is between 1 and 57 (:
I can’t really remember the exact version.

[Read more…]