Transition from jQuery to AngularJS

Prerequisite knowledge

jQuery and CSS

You need to familiar with jQuery to take full advantage of this article. For example, the following line of code should be intuitive to you:

Furthermore, you should be able to explain:

  • The difference between .filter() and .find()
  • ‘this’ in $.each() function, and in jQuery event handler
  • $.fn


You should be able to understand basic angular example below. Note: <html>, <head> are not included in below example
Continue reading “Transition from jQuery to AngularJS”

AngularBeans: A fresh new take on AngularJS and JavaEE

AngularBeans: A fresh new take on #AngularJS and #JavaEE   #javascript

  • The return value of the Java method is going to be available as ” helloAngularBeans.message ” on the AngularJS service side.
  • You can fire events from the AngularJS side and catch then on the server side, via the @Observe annotation of CDI.
  • The framework exposes Java-EE 7 CDI beans as AngularJS services.
  • @NGReturn(model=”message”): This annotation tells AngularBeans that the return value of the method is to be injected into the AngularJS model as the attribute message .
  • The idea is simple: write your Java beans, inject them on the AngularJS side, and what happens in between is the job of AngularBeans.

AngularBeans is a fresh, new approach integrating AngularJS with a JavaEE backend and has stirred some attraction in the JavaEE world recently.
Continue reading “AngularBeans: A fresh new take on AngularJS and JavaEE”

The Official Microsoft ASP.NET Site

  • The site is managed for Microsoft by Neudesic, LLC. | © 2016 Microsoft.
  • Installs powered by the Microsoft Web Platform Installer
  • The product(s) you are about to install leverage the Web Platform Installer (WebPI) for installation.
  • WebPI uses the Microsoft Customer Experience Improvement Program (CEIP), which is turned on by default, see privacy statement for more information.
  • The installer will contact Microsoft over the Internet to retrieve product information.

Home of the Microsoft ASP.NET development community. Download Visual Studio, post to the forums, read ASP.NET blogs and learn about ASP.NET.
Continue reading “The Official Microsoft ASP.NET Site”

How to add AngularJS to your ASP.NET 5 applications

  • We’ll use Node Package Manager (NPM) to install client-side packages.
  • There are several ways to add AngularJS to our project.
  • Its routing capabilities are far more robust than what you’ll find in the current versions of AngularJS.
  • Let’s first add our local, non-minified version of AngularJS to the Development environment block.
  • Let’s go ahead and add AngularJS as a dependency.

AngularJS can be a great addition to your ASP.NET applications, but getting started can be a bit daunting for the uninitiated. Thankfully, you don’t have to go it alone. Let’s take a look at how you can add AngularJS to your ASP.NET applications with minimal stress.

Continue reading “How to add AngularJS to your ASP.NET 5 applications”

Build a forum app with Laravel 5.3 and Vue.js 2!

  • Ability for users to subscribe to Topics.
  • Including auto link generation, when a User uses the @mention functionality.
  • @mention functionality, alerting Users by email when they are mentioned in a post.
  • Ability for Administrators to invite new users, with a specific role, as well as the ability to modify of current Users.
  • User role system, including Administrators (admin), Moderators (moderator) and standard Users (user).

One of the bestselling Laravel books! Learning Laravel 5 shows you a fastest way to learn developing web applications using Laravel 5 PHP framework
Continue reading “Build a forum app with Laravel 5.3 and Vue.js 2!”

Tech Junkie Blog: ASP.NET Core : Add jQuery, Bootstrap, AngularJS Using bower.json

#ASPNETCore : Add #jQuery , #Bootstrap , #AngularJS Using bower.json  #javascript #webdev

  • 4. Save the bower.json file, once the file is saved a folder called “lib” will be created and will contain the bootstrap and AngularJS libraries
  • Change the markup to look like the following { “name”: “asp.net”, “private”: true, “dependencies”: { “bootstrap”: “~3.3.6”, “angular”: “~1.5.7” } }
  • ASP.NET Core : Add jQuery, Bootstrap, AngularJS Using bower.json
  • In the blog post we are going to add the jQuery, AngularJS, and bootstrap libraries to our ASP.NET Core application.
  • Normally we will use NuGet to bring in these libraries but ASP.NET Core gives you the option to use bower to configure the dependencies that you will need on the client-side.

Continue reading “Tech Junkie Blog: ASP.NET Core : Add jQuery, Bootstrap, AngularJS Using bower.json”

What’s the Equivalent of an ng-if Directive in a React Component?

  • var IfDemoComponent = React.createClass({ render : function ( ) { var el = null ; if ( this .props.showMe) { el = ( < div > I am only included in the DOM if this.props.showMe evaluates to true.
  • Using ng-if will completely remove the element from the DOM if the expression evaluates to false.
  • While there’s no direct correlation to Angular’s ng-if directive, you have several options available to you depending on the scenario you’re trying to cover.
  • < div ng-if = "showMe" > I am only included in the DOM if $scope.showMe evaluates to true.
  • As I mentioned above, even though there’s no direct correlation to ng-if in React, you have several options as your disposal depending on what you’re trying to accomplish.

In this post you’ll learn how to code an Angular ng-if in React.
Continue reading “What’s the Equivalent of an ng-if Directive in a React Component?”