Lập Trình Angular -  Angular Web App 01 [2021] | Angular Quá Nhanh
Channel: Quá Nhanh Coding Music
Date: 13/04/2021

Đây là bước đầu tiền trong mọi bài lập trình không chỉ riêng gì học Angular năm 2021. Đấy là bước: Cài đặt môi trường. Để học các bài tiếp theo trong khóa học lập trình Angular Web App này, chúng ta cần cài đặt:

0:00 Cài đặt NodeJs để học lập trình Angular
2:00 Cài đặt Angular 11
2:55 Cài đặt Visual Studio Code
4:30 Cài đặt Extension
5:30 Tạo mới Angular Web App
8:09 Build Project

- Node.js: chúng ta tải node.js tại trang chủ: https://nodejs.org/ . Node.js là nền tảng chính, bước cài đặt môi trường đầu tiên không chỉ để học Angular Web App mà còn để học một số framework khác như: Vuejs, React Native, ...
- Angular CLI: Cần phải cài node.js thì mới cài được Angular CLI. Đây cũng là bước cài đặt môi trường để học Typescript. Bạn mở command line lên ở bất cứ đâu rồi gõ lệnh sau:
    npm install -g @angular/cli
  Trong đó "npm" là từ khóa viết tắt và biểu thị cho Nodejs, còn phần "install -g @angular/cli" là khối lệnh để cài Angular CLI.
  Angular CLI sẽ giúp ta rất nhiều trong việc học Angular Web App. Nó sẽ tự tạo ra 1 project hoàn chỉnh cho chúng ta, tạo component, gen service tự động (ta sẽ học về chúng ở những bài tiếp theo của khóa học Angular Web App), ... Và quan trọng nhất, nó sẽ tự động biên dịch và triển khai Web App của chúng ta. Angular CLI là thứ không thể thiếu trong lập trình Angular
- Visual Studio Code: chúng ta sẽ download tại https://code.visualstudio.com/ Đây là 1 IDE cực kì phổ biến trong lập trình hiện nay, đặc biệt là lập trình Angular. Nó hỗ trợ khá nhiều trong quá trình học Angular nói riêng, học lập trình nói chung. Đi cùng với Visual Studio Code là rất nhiều, rất nhiều các extesion hữu ích
- Extension Tabnine Autocomplete: Mở Visual Studio Code lên và bấm vào phần Extension rồi gõ tabnine, bạn sẽ tìm được nó. Đây là extension khá hay dùng để tự động gợi ý câu lệnh trong lập trình Angular. Nó dùng AI đọc những khối lệnh ta đã cài đặt từ trước rồi phân tích và nhắc lệnh cho ta những câu ta đang gõ. Đây là tool vô cùng hữu ích để học Angular.

Vậy là chúng ta đã kết thúc công việc cài đặt môi trường để học Angular năm 2021.

- Khi đã có đủ môi trường, ta tiến hành tạo mới 1 Angular Web App project với temple đã có sẵn bằng câu lệnh:
    ng new x
  (với x là tên của project)
- Di chuyển vào thư mục bên trong của Angular Web App vừa tạo và gõ tiếp lệnh:
    ng serve
  Sẽ tốn một chút thời gian và sau đó project của chúng ta sẽ được deploy tại địa chỉ http://localhost:4200

Các bài học trong khóa học:

Angular là gì - 7 điều nên biết khi học Angular năm 2021: https://www.youtube.com/watch?v=CDLQOWh0TmQ
Lập Trình Angular -  Angular Web App 01: https://www.youtube.com/watch?v=4Wme_9Uo7xI
Lập Trình Angular -  Angular Web App 02: https://www.youtube.com/watch?v=64Q1cfR9Zic
Lập Trình Angular -  Angular Web App 03: https://www.youtube.com/watch?v=lGRVf9RNxpo
Lập Trình Angular -  Angular Web App 04: https://www.youtube.com/watch?v=FTH9iQjZWuQ
Lập Trình Angular -  Angular Web App 05: https://www.youtube.com/watch?v=GYU3hXKeVjA

Đăng ký để không bỏ lỡ những video mới nhất: https://www.youtube.com/c/AngularQUÁNHANH?sub_confirmation=1

Tạo mới Angular web app,Angular wep app,hướng dẫn lập trình angular,lap trinh angular,hướng dẫn angular,lập trình angular,huong dan angular,học angular,hoc angular,cài đặt môi trường,angular,app development,web apps,angular typescript,angular 11,code là ghiền,environment setup,học code,lập trình online,angular tutorial,hoc,Angular Quá Nhanh,web development,angularjs,progressive web app,javascript,typescript

#QuaNhanh #AngularQuaNhanh #LapTrinhAngular #AngularWebApp #Angular2021

Chúc các bạn thành công và hoàn thành hết bài lập trình Angular 01 - Cài đặt môi trường năm 2021. Hẹn gặp lại các bạn trong các bài tiếp theo của khóa học Angular Web App!