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.

javascript

  • Actually there is another (maybe better solution) where you can use the angular’s native ‘filter’ filter and still pass arguments to your custom filter.
  • Consider the following code:

    To make this work you just define your filter as the following:

    As you can see here, weDontLike actually returns another function which has your parameter in its scope as well as the original item coming from the filter.

  • It took me 2 days to realise you can do this, haven’t seen this solution anywhere yet.
  • Checkout Reverse polarity of an angular.js filter to see how you can use this for other useful operations with filter.

Actually there is another (maybe better solution) where you can use the angular’s native ‘filter’ filter and still pass arguments to your custom filter.
Continue reading “javascript”

Flask by Example

  • Grab the id and navigate to this url:

    You should see a similar JSON response in your browser:

    Now we’re ready to add in Angular.

  • Be sure to add the requirement to the index.html file:

    Here, when the form is submitted, is called, which simply logs the text “test” to the JavaScript console in the browser.

  • Instead, we’ll use the Angular service to handle this request asynchronously:

    Also, update the element in index.html:

    We injected the service, grabbed the URL from the input box (via ), and then issued a POST request to the back-end.

  • Refactor out the Redis job creation from the index view function, and then add it to a new view function called :

    Make sure to add the following import at the top as well:

    These changes should be straightforward.

  • Update main.js by adding the following code to the controller:

    Then update the success handler in the POST request:

    Make sure to inject the service into the controller as well.

This tutorial details how to utilize to create a polling service with Angular.
Continue reading “Flask by Example”

Angular2 Bootstrap DatePicker Tutorial

  • Modify this file for moduleResolution, for intellisense and decorator metadata as shown in following code:

    Step 4: In the project, add a new file of the name systemjs.config.js.

  • This file contains the Person class as shown in the following code:

    Step 6: In the app folder, add a new file of the name app.component.ts with the following code:

    The above code contains Angular 2 component of the name AppComponent.

  • This file will contain bootstrap code for the Angular 2 project as shown in the following code:

    This step imports all the required modules for the application to run e.g. DatepickerModule, FormsModule, etc.

  • To run the application, execute the following command from the command prompt

    This command will start the server on 8080 port as shown in the following image:

    Open the browser and enter the following URL in the address bar:

    You should see the following result:

    The datepicker shows the current month because its onlyCurrentMonth property is set.

  • Download the entire source code for the Angular 2 Datepicker Demo

    Conclusion: The Angular 2 bootstrap DatePicker component is a cool UI element for calendar operations based on dates.

This Angular 2 DatePicker tutorial shows how to use the DatePicker UI element from the Angular 2 bootstrap project.
Continue reading “Angular2 Bootstrap DatePicker Tutorial”

javascript

  • $broadcast will channel down to all the children dom elements and $emit will channel the opposite direction to all the ancestor dom elements.
  • The best way to avoid deciding between $emit or $broadcast is to channel from the $rootScope and use $broadcast to all its children.
  • Note we added $rootScope and now we’re using $broadcast(broadcastName, arguments).
  • In our second controller, we need to set up code to listen to our broadcast

    It’s really that simple.

  • Lastly, keep in mind a really useful broadcast to listen to is ‘$destroy’ again you can see the $ means it’s a method or object created by the vendor codes.

One thing you should know is $ prefix refers to an Angular Method, $$ prefixes refers to angular methods that you should avoid using.
Continue reading “javascript”

Why Vue 2 beats Angular 2 and React – Jon Paul Miles – Medium

  • At first it was going to be Angular 2 vs React, but then a friend mentioned that people who used Vue wished they had known about it sooner and preferred it over React.I built a small dynamic single page in a single app in Vue 2, Angular, and React and I measured things like learning time, difficulty, and boilerplate.
  • The boiler plate was less than Angular 2 and less than React.
  • Vue also had directives which allowed my users to maintain their theme api.Vue is more like Angular 1 than Angular 2 is (without Dependency Injection) and it’s faster than even React.Vue 2 combines the best parts of React, and Angular 1 2.
  • Keep in mind when I said Angular 2 took I week, I meant just the initial learning not mastery.ConclusionFor any new web app, I will almost certainly recommend Vue 2 over React or Angular 2.
  • Members of your team can learn and master it faster, the framework runs faster than the other two, the boiler plate is the least exhausting, and it provides the best capabilities of React and Angular 1 2.

We started a contest at my job to see which framework was the best. At first it was going to be Angular 2 vs React, but then a friend mentioned that people who used Vue wished they had known about it…
Continue reading “Why Vue 2 beats Angular 2 and React – Jon Paul Miles – Medium”

EasyFb : AngularJS Facebook JavaScript SDKAngularJS

EasyFb : #AngularJS Facebook JavaScript SDK 
#javascript

  • EasyFb : AngularJS Facebook JavaScript SDKSuper easy AngularJS + Facebook JavaScript SDK.
  • Features:Full Facebook JavaScript SDK supportSeamless FB SDK initialization (asynchronously load script and FB.init)All SDK API callbacks are automatically applied with AngularJS contextSupport both callback and $q promiseProvide built-in directive support for Facebook XFBML plugins

Continue reading “EasyFb : AngularJS Facebook JavaScript SDKAngularJS”

Feb. Meetup: Event Sourced Graphs & Granular Leaflet integration for Angular2

  • Combining the storage of the data and the change on it allows to restore the graph at a given point of time or to calculate a graph with different changes in the past.
  • This approach gives opportunity to process over both data and time.
  • The talk explains how to store graphs over time, the basics of data processing and how to build a data processing system with Javascript.
  • In the last six month the developers of the YAGA-Team and some contributors from the FOSSGIS e.V. developed a module to integrate Webmapping components from Leaflet into Angular2.
  • In this talk we want to explain how we implement the directives / components and, of course, show how to integrate and use leaflet-ng2 in your Angular2 project, with the current release candidate.

With one week delay because of Valentine's Day we are happy to welcome you to our February Meetup on Tuesday.
Querying and Processing Event-sourced Graphs  by Daniel Reich
A graph usually represe
Continue reading “Feb. Meetup: Event Sourced Graphs & Granular Leaflet integration for Angular2”