So Many Angulars these days

So many Angulars now..
#Angularjs #Angular2 #Angular4

  • ■ AngularJS has a mechanism for creating custom HTML tags and attributes using the concept of directives, which allow you to extend the set of HTML tags according to your application’s needs.
  • You can add an ng-app attribute to any tag, and only the content of thiswill be controlled by AngularJS.
  • ■ AngularJS allows you to bind data to views easily.
  • Creating Controllers, dom manipulating, 2 way data binding like a champ.
  • Creating Controllers, dom manipulating, 2 way data binding like a champ.

Ok, this post is  me trying to clear up some confusion. Let me break this down as I understand it. AngularJs does the following. ■ AngularJS has a mechanism for creating custom HTML tags and attributes using the concept of directives, which allow you to extend the set of HTML tags according to your application’s…
Continue reading “So Many Angulars these days”

MEAN Stack Tutorial MongoDB ExpressJS AngularJS NodeJS (Part III)

#angularjs Tutorial for Beginners With #nodejs #ExpressJS and #mongodb #javascript Part I

  • We are going to build a full stack Todo App using the MEAN (MongoDB, ExpressJS, AngularJS and NodeJS).
  • TL; DR: NodeJS has been built from bottom up a non-blocking I/O paradigm, which gives you more efficiency per CPU core than using threads in other languages like Java.
  • But, now you can found it in smartphones, servers, robots, Arduino, RaspberryPi… Thus, it does not matter what technology you use to build web applications, you need to be familiar with Javascript.
  • Programming languages that are blocking (Java, Ruby, Python, PHP, …) overcomes concurrency using many threads of execution while JavaScript handles it using non-blocking event loop in a single thread.
  • These are the changes added to perform the remove functionality:

    Do the same for the details Template

    And also in the details controllers

    When we remove elements from the todos array they also disappear from the DOM.

Adrian Mejia blog about programming and software engineering. Featuring MEAN stack (AngularJS, NodeJS, MongoDB and Express), BackboneJS, RESTful APIs, Algorithms and data structures.
Continue reading “MEAN Stack Tutorial MongoDB ExpressJS AngularJS NodeJS (Part III)”

How To Debug an Angular 1 Application via DevTools

  • I’ll list a few important concepts, but for an in-depth tutorial on debugging JavaScript in the console I highly recommend reading through the DevTools documentation on you might set breakpoints to explore the code and check the value of variables mid-execution.
  • Recently, a friend asked me to help debug their Angular 1 application but I didn’t have immediate access to the source code and the deployed code was minified without source maps.
  • For illustration, here is the same statement executed against the Angular 1 TodoMVC app to list its controllers and providers:

    This snippet has come in handy many times.

  • Unlike providers, controllers are not registered on the application’s  instance.
  • To begin, select an element whose controller you want to inspect:

    Then via the console execute this line:

    Alternatively, you can use  to target an element and use the same code snippet:

    Once you’ve captured a reference to the controller for a particular element, you can inspect the scope and any properties attached to the controller itself and even explore up and down the scope tree to look for shadowed properties and explore child scopes.

The browser provides powerful tools for debugging web applications, including those built with Angular 1. I’ll list a few important concepts, but for an in-depth tutorial on debugging JavaScript in the console I highly recommend reading through the DevTools documentation on developers.google.com.
Continue reading “How To Debug an Angular 1 Application via DevTools”

Laravel Quick Start

  • Each framework should have its quick start app, Let this application be your quick start to Laravel, It’ll help you to build your app structure and show you each component of Laravel and how to best practice them.
  • Start Laravel is a simple start app to learn how to develop with Laravel, You’ll learn these components: [Migration, Seeding, Routing, Controllers, Models, Validation, Requests, Views, Events, Notifications, Listeners, Auth, Commands, …etc]

    You can find here modules for users, sections, articles, comments.

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 “Laravel Quick Start”

Free Learning

Construct a MEAN application with the combo of MongoDB, Express, AngularJS, and Node.js

A new free programming tutorial book every day! Develop new tech skills and knowledge with Packt Publishing’s daily free learning giveaway.
Continue reading “Free Learning”

computer solutions: JSON Web Token Tutorial: An Example in Laravel and AngularJS

  • It comprises a compact and URL-safe JSON object, which is cryptographically signed to verify its authenticity, and which can also be encrypted if the payload contains sensitive information.Because of it’s compact structure, JWT is usually used in HTTPheaders or URL query parameters.A JWT is represented as a sequence of base64url encoded values that are separated by period characters.JSON Web Token example:The header contains the metadata for the token and it minimally contains the type of signature and the encryption algorithm.
  • This JWT Header declares that the encoded object is a JSON Web Token, and that it is signed using the HMAC SHA-256 algorithm.Once this is base64 encoded, we have the first part of our JWT.In the context of JWT, a claim can be defined as a statement about an entity (typically, the user), as well as additional meta data about the token itself.
  • However, if we want to add an additional layer of protection, we can encrypt the JWT payload itself using the JSON Web Encryption (JWE) specification.Of course, if we want to avoid the additional overhead of using JWE, another option is to simply keep sensitive information in our database, and use our token for additional API calls to the server whenever we need to access sensitive data.Before we can see all the benefits of using token authentication, we have to look at the way authentication has been done in the past.Because the HTTP protocol is stateless, there needs to be a mechanism for storing user information and a way to authenticate the user on every subsequent request after login.
  • We can easily use the same token for fetching a secure resource from a domain other than the one we are logged in to.A browser or mobile client makes a request to the authentication server containing user login information.
  • The only thing we have to do is calculate the HMAC SHA-256 to validate the token and parse its content.In this tutorial I am going to demonstrate how to implement the basic authentication using JSON Web Tokens in two popular web technologies: Laravel 5 for the backend code and AngularJS for the frontend Single Page Application (SPA) example.

Continue reading “computer solutions: JSON Web Token Tutorial: An Example in Laravel and AngularJS”

AngularJS Fundamentals

AngularJS Fundamentals course by @simpulton #angularjs

  • In this series, you will learn how to build a non-trivial AngularJS application from the ground up through a series of small, digestible lessons.
  • As we build out our sample application, Eggly, you will quickly start to identify useful techniques that you can apply to your own projects.
  • In this first series, we are going to focus on the absolute essentials for getting an AngularJS application up and running.
  • We will start with a static HTML page and learn how to bootstrap an AngularJS application and add in functionality using AngularJS views and controllers.
  • When we complete this section, you will have a functioning Eggly application where you can create, update and delete bookmarks and filter them based on the selected bookmark category.

AngularJS is an incredibly powerful framework but sometimes it can be confusing and frustrating trying to figure out how all of these amazing features actually fit together. In this series, you will learn how to build a non-trivial AngularJS application from the ground up through a series of small, digestible lessons.

As we build out our sample application, Eggly, you will quickly start to identify useful techniques that you can apply to your own projects. The videos series is broken out into three series so that you can start at whatever level is most appropriate for you.

### Getting Started

In this first series, we are going to focus on the absolute essentials for getting an AngularJS application up and running. We will start with a static HTML page and learn how to bootstrap an AngularJS application and add in functionality using AngularJS views and controllers. When we complete this section, you will have a functioning Eggly application where you can create, update and delete bookmarks and filter them based on the selected bookmark category.

Don’t miss **[Part 2: Application Architecture](https://egghead.io/series/angularjs-application-architecture)**!

Continue reading “AngularJS Fundamentals”