@manhnguyenv

Welcome to my blog!

Angular 5

December 14, 2017 23:23

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

Angular-2-Architecture1-1

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.

<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>30AF0716E244526C</RequestId>
<HostId>
Jk9aC2FE1eH+iQiAoT8UzFXJ4XbVauwrb2iOfc+tGEj/MMvh2CCe4oMGuafKQp3gZb8B/kZG05w=
</HostId>
</Error>

BUILTWITH.COM - EDUONIX.COM

EDUONIX.COM
Technology Profile
Web Server
View Global Trends
Apache Logo Apache
Apache Usage Statistics - Download list of all Apache websites
Apache has been the most popular web server on the Internet since April 1996.

Email Services
View Global Trends
SPF Logo SPF
SPF Usage Statistics - Download list of all SPF websites
The Sender Policy Framework is an open standard specifying a technical method to prevent sender address forgery.

Zendesk Logo Zendesk
Zendesk Usage Statistics - Download list of all Zendesk websites
Organize, prioritize and engage with others on support requests.

SSL Certificate
View Global Trends
GlobalSign Logo GlobalSign
GlobalSign Usage Statistics - Download list of all GlobalSign websites
Certificate provided by GlobalSign.

SSL by Default Logo SSL by Default
SSL by Default Usage Statistics - Download list of all SSL by Default websites
The website redirects traffic to an HTTPS/SSL version by default.

Nameserver Providers
View Global Trends
Liquid Web DNS Logo Liquid Web DNS
Liquid Web DNS Usage Statistics - Download list of all Liquid Web DNS websites
LiquidWeb hosted DNS.

Hosting Providers
View Global Trends
Liquid Web Logo Liquid Web
Liquid Web Usage Statistics - Download list of all Liquid Web websites
Managed dedicated hosting, smart servers and VPS hosting.

Dedicated Hosting Logo Dedicated Hosting
Dedicated Hosting Usage Statistics - Download list of all Dedicated Hosting websites
This website is on an IP address not shared with other domains - it is more likely this website is not using shared hosting for this reason.

Frameworks
View Global Trends
PHP Logo PHP
PHP Usage Statistics - Download list of all PHP websites
PHP is a widely-used general-purpose scripting language that is especially suited for Web development and can be embedded into HTML.

PHP 7 Logo PHP 7
PHP 7 Usage Statistics - Download list of all PHP 7 websites
CodeIgniter Logo CodeIgniter
CodeIgniter Usage Statistics - Download list of all CodeIgniter websites
CodeIgniter is a powerful PHP framework with a very small footprint.

Advertising
View Global Trends
AppNexus Logo AppNexus
AppNexus Usage Statistics - Download list of all AppNexus websites
Provides access to the major exchanges and aggregators, as well as cloud infrastructure scalable to billions of ad impressions a day with a layer of real-time decisioning on top.

AppNexus Segment Pixel Logo AppNexus Segment Pixel
AppNexus Segment Pixel Usage Statistics - Download list of all AppNexus Segment Pixel websites
Perfect Audience Logo Perfect Audience
Perfect Audience Usage Statistics - Download list of all Perfect Audience websites
Facebook and web retargeting advertising solution.

AdRoll Logo AdRoll
AdRoll Usage Statistics - Download list of all AdRoll websites
AdRoll is a retargeting platform with a mission to make display advertising simple for business of all sizes.

DoubleClick.Net Logo DoubleClick.Net
DoubleClick.Net Usage Statistics - Download list of all DoubleClick.Net websites
DoubleClick enables agencies, marketers and publishers to work together successfully and profit from their digital marketing investments.

Twitter Ads Logo Twitter Ads
Twitter Ads Usage Statistics - Download list of all Twitter Ads websites
Twitter advertising includes conversion tracking and re-marketing tools.

Yahoo Small Business Logo Yahoo Small Business
Yahoo Small Business Usage Statistics - Download list of all Yahoo Small Business websites
Yahoo advertising network and search engine marketing solutions.

IponWeb BidSwitch Logo IponWeb BidSwitch
IponWeb BidSwitch Usage Statistics - Download list of all IponWeb BidSwitch websites
BidSwitch facilitates both Supply and Demand technology partners to efficiently and transparently connect, trade and manage multiple RTB partners.

Openads/OpenX Logo Openads/OpenX
Openads/OpenX Usage Statistics - Download list of all Openads/OpenX websites
Openads offer ad serving software that is simple, reliable and totally independent. Best of all, it's free!

Facebook Custom Audiences Logo Facebook Custom Audiences
Facebook Custom Audiences Usage Statistics - Download list of all Facebook Custom Audiences websites
Custom Audiences from your website makes it possible to reach people who visit your website and deliver the right message to them on Facebook.

Pubmatic Logo Pubmatic
Pubmatic Usage Statistics - Download list of all Pubmatic websites
PubMatic Enables Ad Optimization Across Every Ad Network

Rubicon Project Logo Rubicon Project
Rubicon Project Usage Statistics - Download list of all Rubicon Project websites
Advertising optimization service.

Google Remarketing Logo Google Remarketing
Google Remarketing Usage Statistics - Download list of all Google Remarketing websites
Google code specifically for remarketing/retargeting based advertising.

LinkedIn Ads Logo LinkedIn Ads
LinkedIn Ads Usage Statistics - Download list of all LinkedIn Ads websites
LinkedIn advertising solutions.

Bizo Logo Bizo
Bizo Usage Statistics - Download list of all Bizo websites
Advertising platform spun off from zoominfo.com now owned by LinkedIn.

Index Exchange Logo Index Exchange
Index Exchange Usage Statistics - Download list of all Index Exchange websites
Index Exchange is the world's fastest growing provider of online media solutions. With a network reach of over half the US digital audience. Previously known as Casale Media.

DoubleClick Bid Manager Logo DoubleClick Bid Manager
DoubleClick Bid Manager Usage Statistics - Download list of all DoubleClick Bid Manager websites
Programmatic buying platform.

Analytics and Tracking
View Global Trends
Google Analytics Logo Google Analytics
Google Analytics Usage Statistics - Download list of all Google Analytics websites
Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.

Google Universal Analytics Logo Google Universal Analytics
Google Universal Analytics Usage Statistics - Download list of all Google Universal Analytics websites
Google Analytics Enhanced Ecommerce Logo Google Analytics Enhanced Ecommerce
Google Analytics Enhanced Ecommerce Usage Statistics - Download list of all Google Analytics Enhanced Ecommerce websites
Rapleaf Logo Rapleaf
Rapleaf Usage Statistics - Download list of all Rapleaf websites
Marketing automation tools with the necessary data to help brands keep their customers engaged.

Google Conversion Tracking Logo Google Conversion Tracking
Google Conversion Tracking Usage Statistics - Download list of all Google Conversion Tracking websites
This free tool in AdWords can show you what happens after customers click your ad (for example, whether they purchased your product, called from a mobile phone or downloaded your app).

Marin Software Logo Marin Software
Marin Software Usage Statistics - Download list of all Marin Software websites
Helps advertisers and agencies manage and grow their search campaigns .

Facebook Pixel Logo Facebook Pixel
Facebook Pixel Usage Statistics - Download list of all Facebook Pixel websites
Facebook Pixel is Facebooks conversion tracking system for ads on Facebook to websites.

Twitter Website Universal Tag Logo Twitter Website Universal Tag
Twitter Website Universal Tag Usage Statistics - Download list of all Twitter Website Universal Tag websites
A tool from Twitter that makes it possible for advertisers to track website conversions and manage tailored audience campaigns.

Twitter Conversion Tracking Logo Twitter Conversion Tracking
Twitter Conversion Tracking Usage Statistics - Download list of all Twitter Conversion Tracking websites
Twitter ads conversion tracking code.

LinkedIn Insights Logo LinkedIn Insights
LinkedIn Insights Usage Statistics - Download list of all LinkedIn Insights websites
The LinkedIn Insight Tag is a piece of lightweight JavaScript code that you can add to your website to enable in-depth campaign reporting and unlock valuable insights about your website visitors and for conversion optimization of ads.

ViralMint Logo ViralMint
ViralMint Usage Statistics - Download list of all ViralMint websites
Social marketing apps that try to improve website conversions.

Bing Universal Event Tracking Logo Bing Universal Event Tracking
Bing Universal Event Tracking Usage Statistics - Download list of all Bing Universal Event Tracking websites
Universal Event Tracking (UET) is a simple and powerful campaign measurement solution that allows you to track key conversion goals important to your business.

LiveRamp Logo LiveRamp
LiveRamp Usage Statistics - Download list of all LiveRamp websites
CRM Retargeting & Data Onboarding app.

Facebook Signal Logo Facebook Signal
Facebook Signal Usage Statistics - Download list of all Facebook Signal websites
Journalists use Signal to surface relevant trends, photos, videos and posts from Facebook and Instagram for use in their storytelling and reporting.

JavaScript Libraries
View Global Trends
Facebook SDK Logo Facebook SDK
Facebook SDK Usage Statistics - Download list of all Facebook SDK websites
JavaScript SDK enables you to access all of the features of the Graph API via JavaScript, and it provides a rich set of client-side functionality for authentication and sharing. It differs from Facebook Connect.

jQuery Logo jQuery
jQuery Usage Statistics - Download list of all jQuery websites
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.

LinkedIn Platform API Logo LinkedIn Platform API
LinkedIn Platform API Usage Statistics - Download list of all LinkedIn Platform API websites
Let your users bring LinkedIn profiles and networks with them to your site or application.

Twitter Platform Logo Twitter Platform
Twitter Platform Usage Statistics - Download list of all Twitter Platform websites
The page embeds the Twitter platform in one method or another.

Facebook for Websites Logo Facebook for Websites
Facebook for Websites Usage Statistics - Download list of all Facebook for Websites websites
Allows a user to make a website more sociable and connected with integrations from the hugely popular Facebook website.

Google API Logo Google API
Google API Usage Statistics - Download list of all Google API websites
The website uses some form of Google APIs to provide interaction with the many API's Google Providers.

jQuery UI Logo jQuery UI
jQuery UI Usage Statistics - Download list of all jQuery UI websites
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.

jQuery Easing Logo jQuery Easing
jQuery Easing Usage Statistics - Download list of all jQuery Easing websites
A jQuery extension that provides functionality to "ease" things onto or off of the screen.

Audio/Video Media
View Global Trends
Vimeo Logo Vimeo
Vimeo Usage Statistics - Download list of all Vimeo websites
Use Vimeo to exchange videos with only the people you want to. We have a bunch of different privacy options so you can choose exactly who can see your videos, and others can do the same. The website embeds vimeo.

Content Delivery Network
View Global Trends
Facebook CDN Logo Facebook CDN
Facebook CDN Usage Statistics - Download list of all Facebook CDN websites
This page has content that links to the Facebook content delivery network.

Vimeo CDN Logo Vimeo CDN
Vimeo CDN Usage Statistics - Download list of all Vimeo CDN websites
This page uses content from the Vimeo CDN.

GStatic Google Static Content Logo GStatic Google Static Content
GStatic Google Static Content Usage Statistics - Download list of all GStatic Google Static Content websites
Google has off-loaded static content (Javascript/Images/CSS) to a different domain name in an effort to reduce bandwidth usage and increase network performance for the end user.

Widgets
View Global Trends
Google Plus One Platform Logo Google Plus One Platform
Google Plus One Platform Usage Statistics - Download list of all Google Plus One Platform websites
Google+ API functionality.

Twitter Tweet Button Logo Twitter Tweet Button
Twitter Tweet Button Usage Statistics - Download list of all Twitter Tweet Button websites
Official Tweet Button for sharing articles on websites and counting how many times a URL has been shared.

Google Font API Logo Google Font API
Google Font API Usage Statistics - Download list of all Google Font API websites
The Google Font API helps you add web fonts to any web page.

Google Tag Manager Logo Google Tag Manager
Google Tag Manager Usage Statistics - Download list of all Google Tag Manager websites
Tag management that lets you add and update website tags without changes to underlying website code.

Font Awesome Logo Font Awesome
Font Awesome Usage Statistics - Download list of all Font Awesome websites
Iconic font and CSS toolkit.

PushCrew Logo PushCrew
PushCrew Usage Statistics - Download list of all PushCrew websites
Push Notifications for websites.

Accelerated Mobile Pages Logo Accelerated Mobile Pages
Accelerated Mobile Pages Usage Statistics - Download list of all Accelerated Mobile Pages websites
Accelerated Mobile Pages (AMP) Project is an open source initiative that embodies the vision that publishers can create mobile optimized content once and have it load instantly everywhere.

reCAPTCHA Logo reCAPTCHA
reCAPTCHA Usage Statistics - Download list of all reCAPTCHA websites
Anti-bot CAPTCHA widget that helps digitize books by providing snippets of books for people to enter the text for. Owned by Google.

Quill Logo Quill
Quill Usage Statistics - Download list of all Quill websites
Cross browser rich text editor.

Mapping
View Global Trends
Google Maps API Logo Google Maps API
Google Maps API Usage Statistics - Download list of all Google Maps API websites
Google Maps has a wide array of APIs that let you embed the functionality of Google Maps.

Google Maps Logo Google Maps
Google Maps Usage Statistics - Download list of all Google Maps websites
Google maps embedded into the webpage.

Mobile
View Global Trends
Viewport Meta Logo Viewport Meta
Viewport Meta Usage Statistics - Download list of all Viewport Meta websites
This page uses the viewport meta tag which means the content may be optimized for mobile content.

Mobile Non Scaleable Content Logo Mobile Non Scaleable Content
Mobile Non Scaleable Content Usage Statistics - Download list of all Mobile Non Scaleable Content websites
This content is formatted for mobile devices, it does not allow the content to be scaled.

CSS Media Queries
View Global Trends
Device Pixel Ratio Logo Device Pixel Ratio
Device Pixel Ratio Usage Statistics - Download list of all Device Pixel Ratio websites
A media query to display different CSS based on the device pixel ratio. Standard screens have a pixel ratio of 1, retina devices have a pixel ratio greater than 1.

Min Width Logo Min Width
Min Width Usage Statistics - Download list of all Min Width websites
A CSS media query to display specific CSS if a device greater than the minimum width specified.

Max Width Logo Max Width
Max Width Usage Statistics - Download list of all Max Width websites
Media query to limit CSS to display for devices with a maximum width defined.

Device Width Logo Device Width
Device Width Usage Statistics - Download list of all Device Width websites
Describes the width of the output device (meaning the entire screen or page, rather than just the rendering area, such as the document window).

Orientation Logo Orientation
Orientation Usage Statistics - Download list of all Orientation websites
CSS Orientation Media Query

 

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

Categories

Recent posts