Angular 5 (edit)

https://www.toptal.com/angular/angular-5-asp-net-core

JHipster.NET

https://github.com/jhipster/jhipster-dotnetcore

What we have now

✅ General App generation

• jhipster --blueprints dotnetcore
  • JWT : ✅
  • Oauth2 : ✅

✅ Entity generation

• jhipster entity <entity-name>

✅ JDL Entity model support generation

• jhipster import-jdl my_file.jdl

Angular 5 - The Complete Guide

• Angular CLI
• Angular fundamentals 
  • Modules
  • Directives
  • Components
  • Data binding
  • Routing
• Services
• Forms
• HTTP Access
• Authentication
• Optimizing an Angular App with Modules and Offline Compilation
• Custom directives/ components

Angular 5 - The Complete Guide

https://www.eduonix.com/angular-4-the-complete-guide

Angular Application Architecture

https://angular.io/docs

stable (v5.1.1)

https://dzone.com/articles/components-of-angular2-architecture

http://www.dotnetcurry.com/angularjs/1400/angular-application-architecture

Property binding: <a [href]="url">Click here to visit the link</a>

Event Binding: <button (click)="close()">Close</button>

Two-way Binding: <input type="text" [(ngModel)]="name" />

Plain JavaScript objects: The plain old JavaScript objects can be used to build view models in an Angular application. The framework checks for any change in value of the object bound to UI on every browser event and it updates the UI if it finds a change. This technique is called dirty checking.

Observable objects: Observables are the JavaScript objects with built-in mechanism to notify a change. When value of an observable object changes, it publishes an event. One can subscribe to this event and perform an action using the new value set to the object.

Angular understands this behavior and it updates the part of page using an observable only when a notification is received. It doesn’t manually check for changes to such an object on every browser event. Angular doesn’t provide a way to create observable objects. It internally uses the library RxJS to manage observables in the framework. But it is not limited to RxJS, it can understand any observable object.

Immutable objects: An immutable object is one that gets re-instantiated when any kind of change is made on the object. Angular catches the change made to such objects and updates the portion of the page when a change is available on the immutable object. The portion of the page using an immutable object is not considered for dirty checking.

Dependency Injection pattern

Angular uses DI to inject services into components, directives, pipes and even in services.

Angular 2 + Webpack

http://www.dotnetcurry.com/angularjs/1320/using-webpack-bundling-with-angular-2

http://www.dotnetcurry.com/angularjs/1380/angular-4-grid-crud

http://www.dotnetcurry.com/angularjs/1366/angular-4-app-typescript-bootstrap

JavaScript

jQuery 1.12.4

https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js

https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js

https://code.jquery.com/jquery-1.12.4.min.js

JQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

<script type="text/javascript" src="https://cdnp-2f3a.kxcdn.com/assets/js/jquery.js"></script>
<script type="text/javascript" src="https://cdnp-2f3a.kxcdn.com/assets/js/jquery-ui.min.js" defer=""></script>
<script id="context" type="text/javascript" src="https://checkout-static.citruspay.com/kiwi/app-js/icp.min.js"></script>
<!-- AMP LIBRARY --->
<script async src="https://cdn.ampproject.org/v0.js"></script>
<!-- AMP LIBRARY --->
<script type="text/javascript"> var software_url = 'https://www.eduonix.com/';</script>
<script type="text/javascript"> var img_url = 'https://www.eduonix.com/assets/images/';</script>
<script type="text/javascript" src="https://cdnp-2f3a.kxcdn.com/assets/js/jquery.simplePopup.js" defer=""></script>

https://apis.google.com/js/plusone.js

https://platform.twitter.com/widgets.js

https://platform.linkedin.com/in.js

https://connect.facebook.net/en_US/fbevents.js

Bootstrap v3.3.4

<script src="https://cdnp-2f3a.kxcdn.com/assets/js/bootstrap.min.js" defer=""></script>
<script src="https://cdnp-2f3a.kxcdn.com/assets/js/jquery.easing.min.js" defer=""></script>
<script src="https://cdnp-2f3a.kxcdn.com/assets/js/jquery.backTop.min.js" defer=""></script>

Các thư viện Javascript xử lý ảnh SVG

https://gist.github.com/adammark

<script src="https://cdnp-2f3a.kxcdn.com/assets/js/meter.js"></script>

Cách làm cố định menu khi kéo chuột xuống phía dưới website

<script src="https://cdnp-2f3a.kxcdn.com/assets/js/scrolling-nav.js"></script>

Your powerful, rich text editor

https://www.eduonix.com/assets/js/quill.min.js

https://www.eduonix.com/assets/css/quill.snow.css

https://www.googleadservices.com/pagead/conversion.js

https://snap.licdn.com/li.lms-analytics/insight.min.js

https://s.adroll.com/j/roundtrip.js

https://cdn.viralmint.com/js/viralmint-min.js

https://static.ads-twitter.com/uwt.js

Google Tag Manager là gì?

https://www.googletagmanager.com/gtm.js

This XML file does not appear to have any style information associated with it. The document tree is shown below.

BUILTWITH.COM - EDUONIX.COM

Những bài viết hay:

http://apollo13.vn/lap-trinh/net/asp-net/nhung-recaptcha-2-vao-asp-net-mvc.html

http://apollo13.vn/lap-trinh/css/cach-su-dung-google-font-api.html