[MUSIC]
Chào mừng bạn đến với khóa học này về Frameworks JavaScript Front-End: Góc.
Đây là khóa học thứ hai trong chuyên môn hóa trên web đầy đủ và các
ứng dụng di động đa nền tảng.
Khóa học này đề cập đến các framework JavaScript, Angular nói riêng.
Bạn phải tự hỏi, là nó Góc hai, hoặc là nó Góc?
Chúng tôi sẽ làm rõ rằng trong bài học đầu tiên về giới thiệu Angular
trong khóa học này.
Tôi rất vui vì bạn đã quyết định tham gia khóa học này.
Và tôi hy vọng bạn sẽ có niềm vui khi trải qua khóa học này.
Trước khi bạn bắt tay vào khóa học này,
tôi muốn đảm bảo rằng bạn có đủ kiến thức về HTML và CSS.
Và cũng có kiến thức làm việc tốt về JavaScript, đặc biệt là ES 5 JavaScript.
Bây giờ, khóa học này chúng tôi sẽ sử dụng Typescript làm ngôn ngữ để
viết các ứng dụng Angular của chúng tôi.
Bây giờ nếu bạn đang tự hỏi tôi nên biết Typescript và
tôi nên biết ES 2015+, phiên bản mới hơn của JavaScript?
Vâng, số dặm của bạn có thể khác nhau.
Cách tiếp cận của tôi để học những ngôn ngữ mới này là sử dụng chúng và
sau đó học trên đường đi.
Vì vậy, đó là những gì chúng tôi sẽ làm trong khóa học này.
Tôi sẽ không giới thiệu rõ ràng bạn với Typescript đặc biệt trong khóa học này.
Nhưng thay vào đó khi chúng tôi viết mã, tôi sẽ minh họa các
tính năng khác nhau của Typescript trong bối cảnh của Angular khi bạn phát triển
ứng dụng Angular, trong các bài tập như một phần của khóa học này.
Một điểm khác mà tôi rất muốn làm rõ ở giai đoạn này
là tôi nhìn vào phát triển web và thiết kế như là hai phần.
Phần đầu tiên là thiết kế Web, trải nghiệm người dùng hoặc thiết kế
Inferface người dùng, thiết kế trực quan, Prototyping, màu sắc,
đồ họa và hoạt hình.
Và tất cả những khía cạnh đó của cách một trang web hoặc
thậm chí một ứng dụng di động nên được thiết kế.
Bây giờ có một khía cạnh khác là xây dựng và
triển khai các ứng dụng web và các ứng dụng di động.
Trong khóa học này, chúng tôi sẽ tập trung nhiều hơn vào việc xây dựng và
triển khai các ứng dụng web.
Nếu bạn đang tìm kiếm khía cạnh thiết kế của thiết kế và phát triển web,
thì đây không phải là khóa học phù hợp với bạn.
Khi tôi nói về việc triển khai, xây dựng và
phát triển các ứng dụng web, chúng ta đang nói về các kỹ
năng học tập cần thiết cho việc dịch một thiết kế thành một mã làm việc.
Vì vậy, ở đây, trong chuyên môn này, chúng tôi đã học được về Bootstrap 4.
Trong khóa học này, chúng ta sẽ tìm hiểu về Angular.
Sau đó, chúng ta sẽ tìm hiểu về Ionic và NativeScript.
Và sau đó cũng phát triển phía máy chủ sử dụng hệ sinh thái Node và Node.
Vì vậy, đó là sự tập trung của khóa học đặc biệt này.
Vì vậy, chúng ta đang nói về mã hóa thực sự, chứ không phải là thiết kế trang web.
Câu hỏi khác sẽ phát sinh trong tâm trí của bạn là những gì chính xác là
phát triển web stack đầy đủ?
Nếu bạn đã tham gia khóa học trước đó,
tôi đã giới thiệu bạn để phát triển web stack đầy đủ.
Nếu bạn không có, bài học đầu tiên trong
khóa học này sẽ là một giới thiệu nhanh chóng về phát triển web stack đầy đủ.
Và chúng tôi sẽ đặt khóa học này trong bối cảnh phát triển web stack đầy đủ.
Vì vậy, đó là lý do tại sao trong khóa học đầu tiên chúng tôi đề cập Bootstrap 4,
trong khóa học này chúng tôi sẽ tập trung vào Angular.
Sau đó, trong khóa học tiếp theo, chúng ta sẽ xem xét Ionic và Cordova để
làm nhân cho phát triển di động.
Sau đó, chúng ta sẽ xem xét NativeScript trong khóa học thứ tư.
Và cuối cùng, chúng ta sẽ xem xét sự phát triển phía máy chủ,
bao gồm cả việc làm lớp logic kinh doanh bằng cách sử dụng hệ sinh thái Node.
Và lớp lưu trữ dữ liệu sử dụng MongoDB trong chuyên môn hóa này.
Khóa học cụ thể này, như bạn mong đợi, tập trung vào Angular.
Bạn sẽ được giới thiệu với các khía cạnh khác nhau của khung Angular thông qua
một tập hợp các bài tập xây dựng trên nhau.
Vì vậy, nó là một chuỗi các bài tập mà tôi sẽ giới thiệu các khái niệm góc khác nhau.
Và sau đó ngay lập tức cho bạn thấy cách chúng tôi áp dụng các khái niệm này trong bối cảnh
của một ứng dụng Angular mà chúng tôi sẽ phát triển trong suốt khóa học này.
Bây giờ trên đường đi, khi chúng tôi thiết kế quan điểm của Angular,
chúng tôi sẽ sử dụng vật liệu Angular, để thực hiện giao diện người dùng của các thành phần Angular của chúng tôi.
Và chúng tôi sẽ làm bố trí bằng cách sử dụng Angular Flex-Layout trong khóa học này.
Thay thế là sử dụng Bootstrap 4 mà chúng ta đã học được trước đó.
Nhưng tôi nhận ra rằng khóa học này cũng sẽ cung cấp cho bạn
một cơ hội để tìm hiểu thêm một khuôn khổ giao diện người dùng phía trước.
Đó là Angular Material và Angular Flex-Layout để
làm chính xác những điều tương tự mà chúng tôi đã thực hiện với Bootstrap 4.
Vì vậy, theo cách đó bạn học được hai cách khác nhau để tiếp cận thiết kế giao diện người dùng
bằng cách sử dụng Bootstrap 4 hoặc sử dụng Angular Material cộng với Angular Flex-Layout.
Chúng tôi cũng sẽ giới thiệu cho bạn những điều cơ bản về TypeScript
thông qua các bài tập khi chúng tôi tăng gấp đôi ứng dụng Angular của chúng tôi.
Khóa học chính nó sẽ được tổ chức thành bốn mô-đun.
Bốn mô-đun được thiết kế để tương ứng với bốn tuần của khóa học này.
Nhưng tất nhiên, hãy để tôi nhấn mạnh với các
bạn rằng các bạn không cần phải chịu áp lực bởi thời hạn mà chúng tôi có trong khóa học này.
Bạn có thể dành thời gian của riêng bạn để đi qua khóa học.
Điều quan trọng hơn là phải hiểu từng khía cạnh của Angular.
Nếu bạn cần thêm thời gian, vui lòng chuyển sang phiên tiếp theo của khóa học này.
Và sau đó tiếp tục.
Tất cả các công việc mà bạn đã hoàn thành trong một phiên sẽ tự động được
chuyển sang phiên tiếp theo của khóa học.
Vì vậy, đừng để thời hạn áp lực bạn phải vội vã để hoàn thành khóa học này.
Bây giờ, khi đưa ra ý tưởng chung,
chúng ta hãy nhìn vào những gì mỗi trong bốn mô-đun sẽ bao gồm trong khóa học này.
Mô-đun đầu tiên sẽ giới thiệu cho bạn về Phát triển Web Full Stack,
ý tưởng chung và chế độ xem hình ảnh lớn.
Ngay sau đó, chúng ta sẽ xem xét một cái nhìn tổng quan ngắn gọn về Git và Node.
Nếu bạn đã thực hiện khóa học Bootstrap 4 trước
đó, sau đó bạn đã bao gồm hai khóa học này đã có trong khóa học trước đó.
Vì vậy, sau đó bạn có thể nhanh chóng bỏ qua
bài học đầu tiên giới thiệu bạn với Angular, phần giới thiệu về Angular.
Sau khi giới thiệu khuôn khổ Angular và sau đó thiết lập
ứng dụng Angular của chúng tôi bằng cách sử dụng vật liệu Angular và Angular Flex-Layout.
Sau đó, chúng tôi sẽ tiếp tục nghiên cứu thêm về các thành phần góc cạnh.
Vai trò của các thành phần Angular trong việc thiết kế một ứng dụng Angular và
thiết kế các quan điểm khác nhau mà sẽ được hỗ trợ trong ứng dụng Angular của bạn là gì.
Điều đó sẽ đưa bạn đến nhiệm vụ đầu tiên trong khóa học này.
Mô-đun thứ hai tập trung vào các dịch vụ Angular,
định tuyến, và các ứng dụng trang đơn.
Chúng tôi xem xét cách phản hồi Angular hỗ trợ truy cập vào dữ liệu và
cách chúng tôi có thể sử dụng các dịch vụ để truy cập dữ liệu.
Hơn nữa, làm thế nào chúng ta có thể sử dụng dữ liệu trong việc thiết kế
quan điểm của chúng tôi cho các thành phần góc khác nhau của chúng tôi.
Vì vậy, đó là nơi mà các khía cạnh ràng buộc dữ liệu đi vào hình ảnh.
Sau đó, chúng ta sẽ xem xét định tuyến Angular và
làm thế nào chúng ta có thể thực hiện các ứng dụng trang đơn trong Angular.
Tôi sẽ giải thích cho bạn những gì một ứng dụng trang đơn là và
sau đó chúng ta sẽ xem xét làm thế nào chúng ta có thể thiết kế một bằng cách sử dụng khuôn khổ Angular.
Và điều đó sẽ đưa bạn đến nhiệm vụ thứ hai trong khóa học này.
Mô-đun thứ ba tập trung vào các dạng góc.
Sau đó, chúng ta sẽ xem xét các hình thức phản ứng góc và
cũng làm thế nào lập trình Angular và Reactive làm việc cùng nhau.
Và cách Angular tận dụng lập trình phản ứng để
thực hiện các hình thức hỗ trợ khác nhau trong ứng dụng Angular.
Vì vậy, chúng ta sẽ xem xét các mẫu định hướng, sau đó chúng ta sẽ xem xét các hình thức Angular Reactive,
sau đó chúng ta sẽ xem xét cách Angular hỗ trợ lời hứa.
Và sau đó cũng có một cái nhìn ngắn gọn
về lập trình phản ứng trong RxJs trong bối cảnh cách Angular tận dụng RxJs để hỗ trợ các tính năng khác nhau trong khuôn khổ.
Điều đó sẽ đưa bạn đến nhiệm vụ thứ ba trong khóa học này.
Module cuối cùng nhìn vào Client-Server Communication.
Làm thế nào ứng dụng Angular của bạn có thể giao tiếp với một máy chủ
cung cấp dữ liệu có thể được lấy từ phía máy chủ và
sau đó được sử dụng để hiển thị các quan điểm trong ứng dụng Angular của bạn.
Tương ứng, chúng ta cũng sẽ xem xét làm thế nào bất kỳ thay đổi nào mà bạn
muốn thực hiện đối với dữ liệu có thể được phản ánh trở lại phía máy chủ,
từ ứng dụng Angular của bạn.
Chúng ta sẽ xem xét Angular và mô-đun HTTP trong Angular.
Chúng ta sẽ xem xét cách REST API được tận dụng để
thiết kế ứng dụng Angular của bạn,
chúng ta cũng sẽ xem xét hoạt hình và chỉ thị trong Angular.
Đặc biệt, chỉ thị thuộc tính trong Angular.
Chúng ta sẽ xem xét các chỉ thị cấu trúc trong mô-đun đầu tiên.
Chúng ta sẽ xem xét thử nghiệm các ứng dụng Angular một thời gian ngắn, và sau đó cuối cùng
nhìn vào cách chúng ta sẽ xây dựng và triển khai ứng dụng Angular của chúng tôi đến một máy chủ.
Và điều đó sẽ đưa bạn đến nhiệm vụ cuối cùng trong khóa học này.
Trên đường đi, chúng tôi cũng có một ca khúc danh dự được xây dựng trong khóa học này.
Nếu bạn muốn làm việc trên dự án của riêng bạn bằng cách sử dụng Angular,
sau đó theo dõi danh dự cung cấp cho bạn cơ hội để làm việc
trên dự án của riêng bạn trong khóa học cụ thể này.
Vì vậy, hãy nhìn vào các ca khúc danh dự, và nếu điều đó bạn quan tâm, bạn cũng có thể theo đuổi
phát triển dự án Angular của riêng bạn trong bối cảnh của khóa học này.
Tôi hy vọng bạn thích trải qua khóa học này và học Angular.
Lời cuối cùng mà tôi sẽ để lại cho các bạn là kiên nhẫn.
Angular đòi hỏi rất nhiều kiên nhẫn để học hỏi.
Sẽ có rất nhiều khái niệm và
công nghệ mà bạn sẽ gặp phải khi bạn trải qua khóa học này.
Xin đừng vội vàng chỉ để hoàn thành khóa học.
Hãy dành thời gian của riêng bạn để hiểu từng bước một trước khi bạn hoàn thành khóa học này.
Tôi hy vọng bạn thích tham gia khóa học này.
[ NHẠC]