Featured

6 Reasons Top Engineers Recommend Angular 👍

Angular, React, Meteor, Ember, Backbone, Knockout…

How do you choose?

Making the wrong decision can be very costly.

Both companies and developers currently face this problem.

Getting started with any new technology is an investment. Whether that’s in time, money or both.

Joe Eames is a software craftsman that has made some big bets on Angular.

Joe is the founder of ng-conf, the largest Angular conference, and is now working with other industry leaders to help educate developers about the framework.

I asked him, “Why are you so confident in the future of Angular?” He gave me six convincing reasons to believe in the framework.

I’ll let you read his response for yourself.

Here are the six reasons why Joe Eames recommends Angular:

First, we have performance. Angular 2 is fast. Blazing fast; in fact, no framework is faster. Some are right there with it neck and neck, but nothing is faster than Angular 2.

Next, Angular 2 was built with modern tools and standards in mind. It supports ES6 modules, tools like webpack and SystemJS, and has even helped push the standards by helping to pioneer decorators in ECMAScript.

The mental model of Angular 2 is much more simplified than Angular 1. No longer do you have to choose between three similar concepts when designing the major building blocks of your application. Instead, components handle everything.

Angular 2 is the natural successor to Angular 1, so it’s poised to become just as popular, if not even more so than Angular 1 was. That means that learning it will likely be good for your career, and later, you will have an easier time finding experienced Angular 2 developers.

Angular 2 is also a complete solution; it includes rendering, compilation, binding, server communication, and unit testing all together. No need to worry about trying to choose from twenty different libraries when you actually need to make an HTTP call.

Finally, Angular 2 was built from the ground up to solve the same problems Angular 1 solves: everything from simple demo apps to large enterprise-scale applications. It is highly testable, supports accessibility and localization, and works great for one man shops through to huge teams.

Want to get more insights like this? Interested in learning Angular?

Get educational content and opportunities from industry leaders like Joe Eames.

Enroll now for early access to content.

ngx-charts/contest.md at master · swimlane/ngx-charts · GitHub

  • Swimlane is giving away a free ticket to NGCONF 2017 to the author of the best ngx-charts pull request.
  • A panel of community members and the Swimlane team will judge the contestants.

ngx-charts – :bar_chart: Declarative Charting Framework for Angular2 and beyond!
Continue reading “ngx-charts/contest.md at master · swimlane/ngx-charts · GitHub”

AngularJS Basic Introduction

AngularJS Basic Introduction

  • AngularJS extends HTML with Directives and also binds data using Expressions.
  • ng-model: The ng-mode directive binds the value of HTML inputs.
  • ng-bind : The ng-bind directive binds data to HTML View.
  • ng-model = “yourVariable” tells the value which you want to bind with the input.
  • ng-bind = “yourVariable” in the ng-bind passed to view using this directive.

AngularJS is a JavaScript Framework. You can implement it by adding

Asynchronous vs Deferred JavaScript

Get to know asynchronous vs deferred #JavaScript:  #ReactJS #AngularJS

  • By default, as mentioned above, JavaScript files will interrupt the parsing of the HTML document in order for them to be fetched (if not inline) and executed.
  • Take, for example, this script element located somewhere in the middle of the page –

    As the document parser goes through the page, this is what occurs –

    The HTML parsing is paused for the script to be fetched and executed, thereby extending the amount of time it takes to get to first paint.

  • When an external script has this attribute, the file can be downloaded while the HTML document is still parsing.
  • The attribute tells the browser to only execute the script file once the HTML document has been fully parsed.
  • Like an asynchronously loaded script, the file can be downloaded while the HTML document is still parsing.

In my article on Understanding the Critical Rendering Path, I wrote about the effect JavaScript files have on the Critical Rendering Path.
Continue reading “Asynchronous vs Deferred JavaScript”

Stealing passwords from McDonald’s users

Stealing passwords from McDonald's users through an AngularJS sandbox escape.

  • By abusing an insecure cryptographic storage vulnerability (link) and a reflected server cross-site-scripting vulnerability (link) it is possible to steal and decrypt the password from a McDonald’s user.
  • So when we search on for example , the response will look like this:

    McDonald’s uses AngularJS so we can try to print the unique scope ID using the search value.

  • We can use this sandbox escape as search value, which results in an alert.
  • Normally you can check “Remember me” when signing in, but the McDonald’s sign in page gives us the option to remember the password.
  • We can now use the following sandbox escape, which results in my password in an alert box!

By abusing an insecure cryptographic storage vulnerability and a reflected server cross-site-scripting vulnerability it is possible to steal and decrypt the password from a McDonald’s user.
Continue reading “Stealing passwords from McDonald’s users”