JavaScript Journal

Subscribe to JavaScript Journal: eMailAlertsEmail Alerts newslettersWeekly Newsletters
Get JavaScript Journal: homepageHomepage mobileMobile rssRSS facebookFacebook twitterTwitter linkedinLinkedIn


Top Stories

Web Performance 101: Optimizing JavaScript By Kameerath Kareem JavaScript redefined web applications ushering in a new era of dynamic websites with fluid responsive designs. It has gained a strong following among developers, popular libraries and frameworks like JQuery and Angular JS are all built with JavaScript. The endless design possibilities that JavaScript provides coupled with the numerous libraries available today makes it an indispensable part of web application development. Why JavaScript? Today, almost every website uses JavaScript to provide an interactive digital experience. JavaScript made it possible to refresh/load sections of the page without having to reload the entire page every time the user clicks on a button or submits a form. Since scripts can manipulate DOM elements, it gave the developers more flexibility in designing and coding applications. ... (more)

Five Steps to #MeteorJS Monitoring | @DevOpsSummit @Sematext #JavaScript

Five Steps to MeteorJS Monitoring By Stefan Thies Meteor is a full-stack JavaScript platform for developing modern web and mobile applications. It includes developer tools, websockets, MongoDB integration, and a package manager.  Atmosphere.js is the Meteor package manager.  Unfortunately, it doesn’t list many Meteor monitoring solutions. Luckily, thanks to the Meteor npm integration, it is possible to use npm packages for monitoring Meteor apps with npm based monitoring solutions, such as SPM for Node.js monitoring.  SPM for Node.js collects key Node.js metrics such as Event Loop, Garbage Collection, CPU, Memory and web services metrics. All metrics are organized in out-of-the-box charts, which can be put on additional dashboards and placed next to performance charts for other parts of the application stack and their logs for doing metric-logs correlations. Let’s s... (more)

WebRTC Summit | WebRTC Tools – Where to Begin

Finding the right tools is essential to any project. The good news is that there is already multitude of companies and products out there for supporting WebRTC developers-more than 70 and growing every week. WebRTC is still in its infancy, so this number could easily double in the next couple of years as adjacent industries and the laggards get on board. The bad news with the large number of tools out there means there are a lot of hard choices for developers and application architects to make. Complicating these decisions, WebRTC standards are still in progress with several contentious issues yet to be resolved. Click here to follow ▸@WebRTCSummit Register FREE for WebRTC Summit here ▸ http://bit.ly/1exOL9h WebRTC Journal ▸Home In his session at the WebRTC Fundamentals Summit, Chad Hart, Director of Product Marketing at Oracle and Chief Editor of webrtcHacks, will p... (more)

WebRTC Summit | Robust Carrier Grade WebRTC Service

Slide Deck: Robust Carrier Grade WebRTC Service Consumers have higher expectations of their telephony experience than they do of a web browsing experience. They expect the phone to connect instantly with minimal disruptions. The phone is already secure and phone numbers are used to make connections. Subscribers expect their phone service to work seamless across any network, anywhere, at any time. Subscribers will expect WebRTC into the enterprise to behave in the same manner. In his session at WebRTC Summit, Douglas Tait, Global Director of Marketing for Telecommunications at Oracle, looked at the user experience and expectations of a WebRTC service and covered how a WebRTC service handles security, reliability, and interoperability within browsers and networks. Click here to follow ▸@WebRTCSummit WebRTC Journal ▸Home Speaker Bio Setting the telecommunications market... (more)

JavaScript Errors | @DevOpsSummit @Dynatrace #JavaScript #AI #WebPerf

The Impact of JavaScript Errors These days we are moving more and more logic towards the user into the browser to achieve higher performance and better user experience. There are Single Page Application frameworks like AngularJS, React, Ember and others supporting this trend. If it works, everything is fine. But with this trend a JavaScript error can become a website killer. What does this mean? Below you can see the same page twice, but depending on the browser used, you get a product list from which you can make a selection…or NOT! The difference is the result of a simple JavaScript error. Figure 1: JavaScript error causing a product search to return no result Here is another example of an online email interface showing a list of contacts, or in this case NONE, due again to a simple JavaScript error. JavaScript errors today can ruin the user experience of a web ap... (more)

WebRTC Summit | Is WebRTC a Second Stage Engine in the Telehealth Rocket?

Slide Deck: Is WebRTC a Second Stage Engine in the Telehealth Rocket? Telehealth legislation opened the floodgates for investment in modern communications services and APIs since 2010. WebRTC promises a second revolution. In his session at 1st WebRTC Summit, Ivelin Ivanov, co-founder of TeleStax, first discussed a real-world example where telephony APIs make a difference in improving patient care and reducing healthcare costs. He then looked into a brighter telehealth future with secure, high quality, ubiquitous WebRTC video interactions. Speaker Bio Ivelin Ivanov is a technology entrepreneur who founded Mobicents, an Open Source VoIP Platform, to help create, deploy, and manage applications integrating voice, video and data. He is the co-founder of TeleStax, an Open Source Cloud Communications company that helps the shift from legacy IN/SS7 telco networks to IP-ba... (more)

The Website Performance Mistakes of Mobile Shopping Sites in 2013

Our new survey tells us that up to 50% of online shoppers this year will use their mobile device. Good news is that most retail stores that have an online store now also offer a mobile version, e.g., http://m.gap.com, http://m.jcpenney.com, http://m.bestbuy.com. In the past years we have done a deep dive web performance analysis on the desktop versions of these sites and blogged about it. This year we took a look at the mobile sites and found some "terrible" website performance mistakes that will most likely frustrate the mobile shopper. The "highlights" (or lowlights) that we found are: 87 roundtrips from 25 different domains for a single mobile page 28 redirects from the mobile site to the desktop site for downloading JS and CSS 2.5MB of page size for the shopping cart Some pages are already optimized for mobile - but some critical pages are overloaded, have too m... (more)

Angular 2 Overview By @YFain | @ThingsExpo #DevOps #IoT #Microservices

This article was excerpted from the book “Angular Development With TypeScript” (see http://bit.ly/1QYeqL0). The Angular 2 framework is a re-write of popular framework AngularJS. In short, the newer version has the following advantages over AngularJS. The code is simpler to write and read It performs better  than AngularJS It’s easier to learn The application architecture is simplified as it’s component-based This article contains a high-level overview of Angular highlighting improvements comparing to AngularJS. For a more detailed architecture overview of Angular visit product documentation at http://bit.ly/1TQJmwG. Code Simplification First of all, an Angular application consists of standard ES6 modules. Typically one module is one file. There is no need to use a framework-specific syntax for loading and using modules. Just use the universal module loader SystemJS (... (more)

Angular 2 Workshop at @ThingsExpo | #IoT #Angular2 #TypeScript #JavaScript

SYS-CON Events announced today the How to Create Angular 2 Clients for the Cloud Workshop, being held June 7, 2016, in conjunction with 18th Cloud Expo | @ThingsExpo, at the Javits Center in New York, NY. Register for 'Angular 2 Cloud Workshop' Here! Angular 2 is a complete re-write of the popular framework AngularJS. Programming in Angular 2 is greatly simplified. Now it's a component-based well-performing framework. The immersive one-day workshop led by Yakov Fain, a Java Champion and a co-founder of the IT consultancy Farata Systems and the product company SuranceBay, will provide you with everything you wanted to know about Angular 2. Workshop will include: Overview of the Angular 2 architecture Intro to Typescript Getting familiar with a sample Auction application. Angular 2 project setup with npm. Angular 2 data binding, dependency injection, and routing. Rea... (more)

Angular 2: Guarding Routes | @CloudExpo #API #Cloud #Angular2

In this blog I’ll show you how to guard routes in Angular 2 Router (currently at 3.0.0-beta.2). Let’s consider some scenarios that require a certain validation to be performed to decide if the user (or a program) is allowed to navigate to or leave the route: Allowed to open the route only if the user is authenticated and authorized to do so. Implement a multi-part form that consists of several components, and the user is allowed to navigate to the next form section only if the data entered in the current one is valid. Allow to navigate to a route only after a certain data structures have been populated. Remind the user about the unsaved changes if he or she tries to navigate from the route. The router has the hooks that give you more control over the navigation to/from a route, and you can use these hooks to implement the any of above scenarios to guard the routes. ... (more)

JSON Creator Douglas Crawford Reveals the Brilliance Within JavaScript at AJAXWorld

JavaScript is currently the world's most used programming language, JSON creator Douglas Crawford told a very full keynote room full of delegates at the 6th International RIA Conference & Expo in San Jose, CA, today. "The very best part of JS is its stability. That is what made AJAX possible," declared Crockford. He then went on, though, to sketch in details some of JavaScript's bad parts. The Most Distinguished Conference Faculty Alumni - A Who's Who of the RIA Rock Stars! AJAXWorld RIA Conference & Expo faculty alumni include such notable speakers as: Brad Abrams (Microsoft), Danny Allan (Watchfire), Jean-Francois Arcand (Sun Microsystems), Roland Barcia (IBM), Jeffrey Barr (Amazon), Robb Beal (Lazslo Systems), Sumeer Bhola (IBM), Robert Boedigheimer (The Schwan Food Company), David Boloker (IBM), Jeff Brown (G2One), Shane Bryzak (JBoss), Bob Buffone (Nexaweb), Ku... (more)