Table of Contents
แนะนำคอร์สฟรี Hello Angular 2
นอกจากการดูบทความนี้แล้ว คุณยังสามารถดูข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมายที่เราให้ไว้ที่นี่: ดูความรู้เพิ่มเติมที่นี่
แนะนำคอร์สฟรีสอนใช้งาน Angular2, Firebase และ RxJS
กับเนื้อหากว่า 12 บทเรียน
1. Introduction to Angular2
2. ES2015 and TypeScript
3. Angular CLI and JavaScript Toolchain
4. Angular 2 Component, Templates and Data binding
5. Angular 2 Directives
6. Angular 2 Dependency Injection and Services
7. Angular2 Routing and Navigation
8. Angular2 Form
9. Reactive Programming using RxJS
10. Restful API and Firebase
11. Pipes
12. Deployment
ลงทะเบียนเรียนที่
https://www.babelcoder.com/courses/coreangular
Làm front-end nên lựa chọn Angular hay ReactJS hay VueJS
Hôm nay mình sẽ trả lời câu hỏi muôn thưở : Nên lựa chọn giữa Angular, ReactJS hay VueJS nếu muốn theo frontend nhen.
Mình sẽ giới thiệu sơ cả 3 thằng này, so sánh độ phộ biến, dễ học, khả năng xử lý khi code. Bạn nào đang phân vân cứ xem kĩ nhen.
Vlog này được tài trợ bởi Cyberlearn (https://cyberlearn.vn). Các bạn cũng có thể vào https://fb.com/lophocviet để tư vấn free.
Kết quả giveway kì này https://www.facebook.com/toidicodedao/posts/1289017738126538
Nhớ subscribe cho mình nhe: https://bit.ly/codedaotube\r
\r
Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình đạt được trong quá trình làm việc. Những kiến thức này sẽ biến các bạn từ một coder trở thành developer lập trình viên thứ thiệt.\r
Nhớ ghé thăm và subscribe channel để xem clip mới vào 8H TỐI T3 VÀ T6 hàng tuần nha!\r
\r
Ghé thăm mình tại:\r
Blog: https://toidicodedao.com/\r
Fanpage: https://www.facebook.com/toidicodedao/
cyberlearn angular_react_vue
================================================
Nội dung slide:
Chọn cái nào????
giới thiệu sơ: Chúng là các thư viện/framework JavaScript để lập trình ứng dụng web frontend
Giúp code nhanh hơn, quản lý code tiện hơn
Giới thiệu sơ lược
Ra đời năm 2016
Tiền thân là AngularJS
(Tên khác Angular 2+)
Có Google chống lưng
Dùng chung với TypeScript và RxJS
Ra đời năm 2013
Canh tranh với AngularJS
Có Facebook chống lưng
Là library/không phải framework
Ra đời năm 2014
Con lai của AngularJS và React
Có cộng đồng Trung Quốc + open source chống lưng
Ra đời năm 2010
Có Google chống lưng
Từng cực kì phổ biến
Hiện tại vẫn còn dùng, hơi thoi thóp
Mình sẽ không so sánh cái nào tốt hơn, nhanh hơn cái nào. MÀ so sánh góc nhìn người dùng, người học.
Trong vlog này, mình sẽ coi React + hệ sinh thái, thư viện của nó như framework (đỡ giải thich lòng vòng)
Mức độ phổ biến (cộng đồng)
Phổ biến ảnh hưởng tới nhiều thứ: Cộng đồng, việc làm
Mức độ phổ biến (việc làm)
Phổ biến ảnh hưởng tới nhiều thứ: Cộng đồng, việc làm
Học có khó không?
Học mệt vkl!
Quá trời khái niệm phức tạp
Phải nắm cả TypeScript và RxJS
Học cơ bản (state, prop) dễ
Học nâng cao (Redux, form, best practice v…v khó)
Mỗi người dạy 1 kiểu
Tài liệu, khoá học nhiều vl
Dễ học dễ dùng
Docs ngắn gọn dễ hiểu
Tài liệu và giáo trình chưa nhiều
Vue mình đọc docs code được luôn, không cần xem khoá học
Code và bảo trì có sướng không?
1 component tách ta 3 file HTML, CSS, JS
Framework có sẵn đủ hàng từ Form, Router tới HTTP
Cấu trúc rõ ràng mạch lạc
Code hơi cực và dài nếu không quen
Bảo trì đỡ cực. Code TypeScript sướng, đỡ bug
1 component nằm file JSX, style để riêng hoặc chung
Quá flexible, méo có project nào giống project nào !!!!
Code hơi loạn nếu không có convention
Thư viện nhiều, gắn vô là chạy
1 component nằm 1 file Vue chứa cả HTML/CSS/JS (tách được)
Framework có Vuex/VueRouter, binding, đỡ lựa chọn
Thư viện cũng tạm ổn, chưa nhiều
Phổ biến ảnh hưởng tới nhiều thứ: Cộng đồng, việc làm
Túm cái quần chíp lại, nên học cái nào?
NÊN HỌC THÊM
HỌC NẾU MUỐN VÀO LÀM CÔNG TY LỚN
HỌC REACT ĐI
KHÔNG LO THẤT NGHIỆP
HỌC CHO VUI
DỰ PHÒNG CŨNG ĐƯỢC
VÀ NHỚ HỌC KĨ JAVASCRIPT
THUẦN CHO VỮNG VÀOOOOOOOOOOOO!
Phổ biến ảnh hưởng tới nhiều thứ: Cộng đồng, việc làm
30s quảng cáo
Các bạn ghé cyberlearn.vn xem lộ trình học Frontend/React hoặc liên hệ fb.com/lophocviet
để được tư vấn nhé!
Đừng quên Subscribe
và Like ahihi
clip giới thiệu demo 30s
Angular 11 Tutorial – Code a Project from Scratch
Learn how to create an Angular 11 project from scratch in this full course. It uses a public API to create a game database website. You will gain a great foundation for building Angular applications.
You will learn how to how to set up a project using Angular CLI, how to create components, how to make http calls, how to implement http interceptors, how to make services.
Also you will learn how to set up routes for your application and how to pass data with routes between the components. You will learn to use pipes and various Angular directives like ngFor, ngIf, and more.
✏️ Course created by Slobodan Gajic. Check out his channel: https://www.youtube.com/channel/UCBu5ulO4dd47lAVybpRTkw
💻 Code: https://github.com/bobangajicsm/ngvideogamesdb
🔗 API details: https://rapidapi.com/accujazz/api/rawgvideogamesdatabase/details
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:01:00) Installation of project and modules
⌨️ (0:04:28) Search bar component
⌨️ (0:06:13) Styling search bar
⌨️ (0:09:36) Creating home component
⌨️ (0:10:03) Creating routes
⌨️ (0:15:08) Styling home component
⌨️ (0:18:58) Creating http service
⌨️ (0:21:23) Creating typescript models
⌨️ (0:23:43) Creating http interceptors
⌨️ (0:28:13) Implementing home component
⌨️ (0:35:13) Implementing sort menu
⌨️ (0:40:28) Creating details component
⌨️ (0:47:13) Styling details component
⌨️ (0:57:43) Details tabs component
⌨️ (1:02:33) Styling tabs
⌨️ (1:04:43) Implementing data into tabs
⌨️ (1:10:38) Final review
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
สอน AngularJs ตอนที่ 2 – Directive และ Expression
ติดตามคลิปใหม่และข่าวสารของเราได้ที่
http://kongruksiamblogger.blogspot.com
http://www.youtube.com/kongruksiamtutorial
https://www.facebook.com/kongruksiamtutorial
สนับสนุนช่อง หมายเลขบัญชี
9816351749
นายอาทิตย์ สิงห์นาครอง
ธนาคารกรุงไทย
Paypal : [email protected]
Introduction to Angular 2
If you are a foodie like me, I am sure you will enjoy the recipes on my friend’s YouTube channel. If you find them useful, please subscribe and share to support her. She’s really good at what she does.
https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA
Text version of the video
http://csharpvideotutorials.blogspot.com/2017/05/introductiontoangular2.html
Slides
http://csharpvideotutorials.blogspot.com/2017/05/introductiontoangular2_15.html
Angular 2 Tutorial playlist
https://www.youtube.com/playlist?list=PL6n9fhu94yhWqGD8BuKuXVTKqlNBjm6
Angular 2 Text articles and slides
http://csharpvideotutorials.blogspot.com/2017/06/angular2tutorialforbeginners_12.html
All Dot Net and SQL Server Tutorials in English
https://www.youtube.com/user/kudvenkat/playlists?view=1\u0026sort=dd
All Dot Net and SQL Server Tutorials in Arabic
https://www.youtube.com/c/KudvenkatArabic/playlists
Angular 1 was released in October 2010, and by far the most popular JavaScript framework available for creating web applications. Many developers are already using Angular 1, so the obvious question that comes to our mind is why should we use Angular 2.
Angular 2 is not a simple upgrade from angular 1. Angular 2 is completely rewritten, so it has lot of improvements when compared with Angular 1. Let’s look at a few of these improvements.
Performance : From a performance standpoint, Angular 2 has faster initial loads, change detection, and improved rendering time. Not just performance, we also have improved modularity, Dependency injection and testability. According to angular conference meetup, Angular 2 is 5 times faster compared to AngularJS 1.
Mobile Support : Angular 1 was not built for mobile devices. It is possible to run Angular 1 on mobile but we will have to use other frameworks. Angular 2 on the other hand is designed from the ground up with mobile support. Mobile device features and limitations like touch interfaces, limited screen real estate, and mobile hardware have all been considered in Angular 2. So with Angular 2 we can build a single application that works across mobile and desktop devices.
Component Based Development : Component based web development is the future of web development. In Angular 2, \”everything is a component\”. Components are the building blocks of an Angular application. The advantage of the componentbased approach is that, it facilitates greater code reuse. From unit testing standpoint, the use of components make Angular2 more testable. We will discuss what a component is and how to build components with examples in detail, in our upcoming videos.
More language choices : There are several languages that we can use to develop Angular applications. To name a few, we have
1. ECMAScript 5
2. ECMAScript 6 (also called ES 2015)
3. TypeScript etc.
Besides these 3 languages we can also use Dart, PureScript, Elm, etc, but among all these, TypeScript is the most popular language.
Angular 2 itself, is built using TypeScript. TypeScript has great support of ECMAScript 6 standard. So the obvious questions that come to our mind at this point are
1. What is ECMAScript
2. Wha is Type Script
What is ECMAScript : The JavaScript language standard is officially called ECMAScript. Over the past several years many versions of ECMAScript were released starting with ECMAScript version 1 all the way till ECMAScript version 7.
Most of the modern browsers available today support ECMAScript 5. The browser support for ECMAScript 6 is still incomplete. However, using a process called Transpilation, ECMAScript 6 can be converted to ECMAScript 5 which is supported by all the modern browsers. ECMAScript 6 is officially known as ECMAScript 2015. ECMAScript 2015 introduced several new features like classes, modules, arrow functions etc.
If you are interested in reading more about the ECMAScript standard and what these different versions of ECMAScript have to offer, please refer to the the following Wikipedia article.
https://en.wikipedia.org/wiki/ECMAScript
What is Type Script : TypeScript is a free and opensource programming language developed by Microsoft. It is a superset of JavaScript and compiles to JavaScript through a process called transpilation. Using TypeScript to build angular applications provides several benefits.
1. Intellisense
2. Autocompletion
3. Code navigation
4. Advanced refactoring
5. Strong Typing
6. Supports ES 2015 (also called ES 6) features like classes, interfaces and inheritance. If you have any experience with object oriented programming languages like C and Java, learning TypeScript is easy.
Because of all these benefits writing, maintaining and refactoring applications can be an enjoyable experience. So obviously TypeScript has become the number one choice of many developers for developing Angular applications.
In our next video, we will discuss Setting up Angular 2 in Visual Studio.
นอกจากการดูหัวข้อนี้แล้ว คุณยังสามารถเข้าถึงบทวิจารณ์ดีๆ อื่นๆ อีกมากมายได้ที่นี่: ดูบทความเพิ่มเติมในหมวดหมู่VIRTUAL CURRENCY tại đây
