Những thay đổi chính là gì? Component sẽ là một khái niệm trung tâm; nghe vài nhận định rằng web component là tương lai của web, và Ang...
Tìm hiểu về Angular 2.0
So sánh điểm khác nhau giữa Angular 1 và Angular 2
Sự khác nhau giữa Angular 1 và Angular 2
-Được phát triển mới hoàn toàn, ko phải là bản nâng cấp cho angularjs 1.x
-Hiện tại đang là phiên bản beta: 2.0.0-beta.9/ 10-Mar-2016 00:29
-Angularjs 1.x ko hỗ trợ mobile, angularjs 2.x thì có.
-Angularjs 1.x hỗ trợ ES5, ES6, Dart, Angularjs 2.x có thêm Typescript.
-Angularjs 1.x dễ cài đặt chỉ cần chèn thư viện và chạy. ở Angularjs 2.x có nhiều thư viện cần phải thiết lập phức tạp hơn để chạy đc.
-Angular CLI hỗ trợ tạo ứng dụng Angularjs 2.x
-Angular 2.x không còn controllers and $scope
-Controller:
Angular 1.x Controller
var myApp = angular .module("myModule", []) .controller("productController", function($scope) { var prods = { name: "Prod1", quantity: 1 }; $scope.products = prods; });
Angular 2 Components using TypeScript
import{ Component } from 'angular2/core';
@Component({
selector: 'prodsdata',
template: `
<h3>{{prods.name}}</h3> `
})
exportclassProductComponent {
prods = { name: 'Prod1', quantity: 1 };
}
-Angular 1.x có 2 cách sủ dụng bootstrap. Một là sửa dụng thuộc tính
ng-app
, hai là sử dụng code.angular.element(document).ready(function() {
angular.bootstrap(document, ['myApp']);
});
Trong Angular 2, không còn sửa dụng
ng-app
. Chỉ có thể sử dụng bootstrap qua code.import { bootstrap } from 'angular2/platform/browser';
import { ProductComponent } from './product.component';
bootstrap(ProductComponent);
–Structural directives: cú pháp thay đổi đó là
Angular 1.x structural directives
ng-repeat
được thay thế bằng *ngFor
.Angular 1.x structural directives
<ul>
<li ng-repeat="technology in technologies">
{{technology.name}}
</li>
</ul>
<div ng-if="technologies.length">
<h3>You have {{technologies.length}} technologies.</h3>
</div>
Angular 2.x structural directives
<ul>
<li *ngFor="let technology of technologies">
{{technology.name}}
</li>
</ul>
<div *ngIf="technologies.length">
<h3>You have {{technologies.length}} technologies.</h3>
</div>
-Angular 2, các biến local đều có sửa dụng tiền tố là ký tự (#) trong vòng lặp *ngFor.
-Angular 2 sử dụng cú pháp camelCase. Ví dụ,
ng-class
bây giờ là ngClass
và ng-model
bây giờ là ngModel
.
-Thay đổi về HTML DOM. Angular 1.x là
ng-href
, ng-src
, ng-show
, ng-hide ... Angular 2.x sẽ là href, src, hidden. Các sự viện cũng thay đổi ng-click and ng-blur => (click), (blur).
Angular 1.x
<button ng-click="doSomething()">
Angular 2.x
<button (click)="doSomething()">
– Angular 1.x,
ng-bind, Angular 2.x được thay thế bằng thuộc tính trong ngoặc vuông [property]
Angular 1.x, data binding
<input ng-bind="technology.name"></input>
Angular 2, data binding
<input [value]="technology.name"></input>
<div [style.color]="color">Some text...</div>
-Angular 1.x sử dụng
Angular 1.x
ng-model
, nhưng Angular 2 được thay thế bằng [(ngModel)]
.Angular 1.x
<input ng-model="technology.name"></input>
Angular 2x
<input [(ngModel)]="technology.name"></input>
-Angular 1.x có thể định nghĩa service theo 5 cách: Factory, Service, Provider, Constant, Values. Còn Angular 2.x có một class duy nhất định nghĩa service.
–Dependency Injection trong Angularjs 2.x được thông qua bởi constructor.
– Angular 1.x, sử dụng
$routeProvider.when()
để cấu hình route. Angular 2, dùng @RouteConfig{(...})
. ng-view
present in Angular 1.x is replaced with <router-outlet>.
-Angular 2.x có performance tốt hơn Angular 1.x
-Cài đặt project angular 2.x bằng angular CLI:
npm install angular-cli -g npm cache clean ng new application-name ng new AngularCLIDemoApp ng serve ng build ng test ng generate class Demo ng g component demo-component ng g service demo-service ng g directive demo-directive ng g pipe demo-pipe ng g route test ng g route demo ng g route demo --inline-template --inline-style ng lint ng format
—> Update 15-09-2016
Angularjs 2 đã ra phiên bản chính thức.
-Tổng kết:
Angular 2.x vẫn trong giai đoạn beta, vẫn cần phải đợi chính thức từ nhóm phát triển. Hiện tại Angular 2.x không tương thích với Angular 1.x.
So sánh điểm khác nhau giữa Angular 1 và Angular 2
Sự khác nhau giữa Angular 1 và Angular 2 -Được phát triển mới hoàn toàn, ko phải là bản nâng cấp cho angularjs 1.x -Hiện tại đang là ph...
Nhận tải tài liệu vip trên trang tailieu.vn mới nhất 07/2015
Nhận tải tài liệu vip trên trang tailieu.vn mới nhất 07/2015
Lâu quá Admin 4T mới lục lại acc vip và có một số acc vip tailieu.vn hạn sử dụng cũng khá lâu. Hạn sử dụng đến năm 2020 lận nên các bạn yên tâm nhé =))
P.s: Bạn nào cần dow thì Comment trực tiếp link bên dưới để admin dow giúp cho nhé :D
Hoặc các bạn có thể liên hệ qua Facebook của tớ: http://facebook.com/dev.tien và lưu ý chỉ gởi tin nhắn sent link qua chat với tớ, chứ không được add friend nhé :D
* Chú Ý: Lấy link download mà tớ trả lời comment của các bạn nhanh để link không bị die nhé !
Thanks All !
Nhận tải tài liệu vip trên trang tailieu.vn mới nhất 07/2015
Nhận tải tài liệu vip trên trang tailieu.vn mới nhất 07/2015 Lâu quá Admin 4T mới lục lại acc vip và có một số acc vip tailieu.vn hạn s...
Hướng dẫn đăng ký và verify Paypal mới nhất (Personal)
Để đăng ký và verify Paypal mới nhất (Personal) ta làm theo hướng dẫn đăng ký tài khoản loại cá nhân (Personal/Premier). Nếu bạn cần đăng ký tài khoản Bussiness hãy xem tại link sau:
1. Chuẩn bị trước khi đăng ký tài khoản Paypal
Để đăng ký Paypal thành công, bạn cần có 1 địa chỉ email đang hoạt động và một thẻ VISA có ít nhất 2 USD.
2. Hướng dẫn đăng ký tài khoản Paypal
Đầu tiên bạn vào trang chủ Paypal tại link sau: https://www.paypal.com/
Tìm và bấm vào Sign up ở góc trên bên phải như hình:
Hướng dẫn đăng ký và verify Paypal mới nhất (Personal)
Để đăng ký và verify Paypal mới nhất ( Personal ) ta làm theo hướng dẫn đăng ký tài khoản loại cá nhân ( Personal/Premier ). Nếu bạn cần ...
Thêm khung Facebook Comments mới nhất cho Blogger/Website
Thêm khung Facebook Comments mới nhất cho Blogger/Website |
Thông tin mới
Vào tháng 3 năm 2015, Facebook cho ra mắt Plugin bình luận mới - Graph API v2.3. Với phiên bản mới, ngoài sự thay đổi về giao diện, mình nhận thấy Facebook cũng thêm một số tính năng mới như: Biểu tượng cảm xúc, sắp xếp bình luận,...
Thêm khung Facebook Comments mới nhất cho Blogger/Website
Hướng dẫn chèn khung bình luận Facebook phiên bản mới nhất cho Blogger/Website - Hiện nay, số người sử dụng Facebook ở Việt Nam đang dần t...
Cách kiếm tiền online từ website uy tín với Google Adsense
Hiện nay, đa số những website hoặc blog uy tín đều mang đến rất nhiều lợi nhuận cho chủ sở hữu thông qua các chương trình kiếm tiền online 2014, trong đó có Google Adsense.
Điều kiện kiếm tiền cơ bản !
Dù muốn hay không thì trước khi tham gia vào hình thức kiếm tiền này, chúng ta cũng cần phải có một tài khoản Google Adsense. Nếu ai chưa rõ thì vui lòng ngó qua serires kiếm tiền online với Google Adsense 2014 của mình nhé.
Ở thời điểm hiện nay, việc sở hữu 1 tài khoản Adsense Hosted cũng không còn khó khăn như trước bởi chính sách Google đã nới rộng "vòng tay" hơn với anh em MMO Việt Nam. Tuy nhiên, nếu không cẩn thân trong quá trình kiếm tiền online, bạn sẽ bị banned bất cứ lúc nào.
Khái niệm : đối tác lưu trữ - trang web đối tác không lưu trữ
Hai khái niệm trên khá quan trọng và thường bị nhầm lẫn trong quá trình kiếm tiền online từ website uy tín với Google Adsense.
- Đối tác lưu trữ : các dịch vụ được cung cấp bởi Google.
Ví dụ : Youtube, Blogspot, ...
- Trang web đối tác không lưu trữ : trang web được mua tên miền - host riêng, không nằm trong các dịch vụ được cung cấp bởi Google
Ví dụ : www.123itvn.com
Mỗi khái niệm trên sẽ tương ứng với một loại tài khoản Adsense : Hosted, Content . Trong đó, với loại tài khoản Hosted, việc đăng ký cực kỳ đơn giản.
- Hosted account : với loại tài khoản này, bạn chỉ có thể kiếm tiền online trên những dịch vụ của đối tác lưu trữ. Do đó, việc đăng ký cũng khá đơn giản.
- Content account : ngoài việc sử dụng GA trên các dịch vụ của Google, tài khoản Content còn cho phép chúng ta được đặt quảng cáo trên bất kỳ website nào khác. Đây mới thực sự là hướng đi lâu dài cho anh em chơi Google Adsense. Vì thế, việc sở hữu một tài khoản content cũng khó khăn hơn rất nhiều.
Với nội dung của bài viết này, mình sẽ chỉ tập trung hướng dẫn cho các bạn cách đăng ký, sử dụng tài khoản Content cho website. Nếu ai đó muốn kiếm tiền từ blogspot thì tài khoản Hosted là đủ :)
Đăng ký trực tiếp tài khoản Content Adsense
Thực ra, để đăng ký được 1 tài khoản Content, chúng ta cần rất nhiều điều kiện, trong đó quan trọng nhất là 1 website đã hoạt động từ 6 tháng trở nên. Nghe chừng có vẻ khó khăn nhỉ ? Để đáp ứng nhu cầu kiếm tiền nhanh nhất của anh em, mình sẽ bỏ qua bước để quay sang cách đăng ký tốt hơn : đăng ký gián tiếp qua Hosted Adsense.
Hướng dẫn nâng cấp tài khoản Hosted thành Content
Bước 1 : Truy cập trang chủ Adsense
Bước 2 : Trên tab Trang chủ, chọn biểu tượng hình răng cưa sau đó nhấn Cài đặt
Ở menu bên trái, trong phần Truy cập và ủy quyền, chọn Ủy quyền trang web. Nội dung tương ứng sẽ hiện ra ở màn hình bên phải, hãy nhập địa chỉ trang web bạn muốn hiển thị quảng cáo. Sau đó ấn Gửi
Lưu ý : không được phép nhập địa chỉ sub domain, ví dụ www.abc.123itvn.com/
Bước 3 : Chọn tab Quảng cáo của tôi trên menu ngang , sau đó nhấn nút Tạo đơn vị quảng cáo rồi điền thông tin cho quảng cáo.
- Tên quảng cáo : đặt tên gì cũng được, viết không dấu.
Ví dụ : quangcao1
- Kích thước quảng cáo :lựa chọn kích thước phù hợp với vị trí quảng cáo trên website.
- Loại quảng cáo : có 3 loại : văn bản, hình ảnh, văn bản và hình ảnh.
Để quảng cáo đạt hiệu suất cao, thu hút được nhiều click từ phía người truy cập, Google khuyến cáo chúng ta nên sử dụng loại quảng cáo thứ 3..
- Quảng cáo dự phòng : khi quảng cáo chính có vấn đề, nó sẽ được thay thế bằng một quảng cáo khác hoặc một khoảng trống cùng màu với website.
- Kênh tùy chỉnh : nhóm các quảng cáo cùng loại với nhau.
- Kiểu quảng cáo : chọn mẫu có sẵn hoặc tự tạo mẫu quảng cáo riêng bằng việc nhấn vào nút Sử dụng cài đặt tùy chỉnh
Sau khi điền đầy đủ thông tin, hãy kiểm tra lại lần nữa rồi nhấn nút Lưu và lấy mã.
Bước 4 : Copy rồi dán mã này vào website chúng ta muốn đặt quảng cáo. Google Adsense sẽ cần từ 2 đến 7 ngày để xét duyệt, trong khoảng thời gian này, quảng cáo chỉ là một khoảng trống không hiển thị. Nếu thành công, Google sẽ thông báo cho bạn kèm theo việc quảng cáo hoạt động bình thường (đã hiển thị).
Ngược lại, nếu không thành công Google sẽ đưa ra những lí do cho việc website bị từ chối. Chúng ta có thể dựa vào những lí do này để khắc phục và tiến hành nâng cấp lại nếu thấy ổn.
Cách kiếm tiền online từ website uy tín với Google Adsense
Về cơ bản, chúng ta đã có đủ điều kiện để kiếm tiền nhanh chóng từ website của mình. Tuy nhiên, để quá trình kiếm tiền đạt hiệu quả cao nhất, hãy ghi nhớ những lưu ý quan trọng dưới đây :
1. Tập trung xây dựng nội dung nghiêm túc, lành mạnh, không vi phạm các chính sách Adsense.
2. Không được phép tự nhấp chuột hay khuyến khích người khác nhấp chuột lên quảng cáo.
3. Quảng bá website để thu hút nhiều lượt xem, vì Adsense tính tiền theo mỗi click, do đó càng nhiều lượt xem, tỉ lệ click quảng cáo sẽ càng lớn.
Chúc các bạn kiếm tiền thành công !
Cách kiếm tiền online từ website uy tín với Google Adsense
Hiện nay, đa số những website hoặc blog uy tín đều mang đến rất nhiều lợi nhuận cho chủ sở hữu thông qua các chương trình kiếm tiền online 2...
Được đăng bởi
An Toàn Cho Facebook
Nhãn:
Adsense,
Google,
Google Adsense,
kiếm tiền online,
Kiếm tiền online Youtube,
MMO,
thu thuat youtube,
youtube
Vào lúc
8:16 PM
Subscribe to:
Posts (Atom)