Development
Web Development
Angular
Basic Angular 7 สำหรับผู้เริ่มต้นจนสร้างเป็น Web app
4.7 (58 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
175 students enrolled

Basic Angular 7 สำหรับผู้เริ่มต้นจนสร้างเป็น Web app

คอร์สพื้นฐาน Angular 7 สำหรับผู้เริ่มต้นเขียนเว็บ Application ด้วย Angular
4.7 (58 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
175 students enrolled
Created by Wanchaloem Laokeut
Last updated 2/2019
Thai
Preview this course
Basic Angular 7 สำหรับผู้เริ่มต้นจนสร้างเป็น Web app
Current price: $72.99 Original price: $104.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 29 hours on-demand video
  • 100 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • ผู้ที่สนใจอยากจะพัฒนา Web Application ด้วย Angular
  • ผู้ที่มีพื้นฐาน Angular มาบ้างแล้วแต่อยากจะเก็บเอาไว้ดูเผื่อวันหนึ่งลืมจะได้เอามาดูได้
  • ผู้ที่เขียน Front End Framework มาหลายตัว แล้วอยากจะเปลี่ยนมาเขียน Angular
  • มือใหม่ที่เริ่มหัดเขียนเว็บไซต์ด้วย Angular หรือยังไม่เคยเขียนเลย
Course content
Expand all 115 lectures 29:02:11
+ – เรียนรู้พื้่นฐานการติดตั้งเครื่องมือในการเขียน Angular
5 lectures 19:11
แนะแนวเครื่องมือที่ใช้ในการพัฒนา Angular
02:07
แนะแนวการติดตั้ง Node JS
03:53
แนะแนวการติดตั้ง Angular cli
04:53
แนะแนวการติดตั้ง Visual studio code
03:02
แนะแนวการติดตั้งส่วนเสริมสำหรับ Visual studio code
05:16
+ – เรียนรู้พื้นฐานก่อนเริ่มต้นเขียน Angular
4 lectures 01:21:10
พื้นฐานการเขียน HTML
16:52
พื้นฐานการเขียน HTML CSS
18:41
พื้นฐานการเขียน HTML CSS Javascript
27:26
พื้นฐานการเขียน Typescript
18:11
+ – เรียนรู้พื้นฐานการสร้างโปรเจ็คใหม่
4 lectures 36:37
สร้างโปรเจ็ค Angular ด้วยคำสั่ง “ng new”
07:11
โครงสร้างเบื้องต้นของ Angular
09:42
Flow การทำงานเบื้องต้นของ Angular
04:32
คำสั่งพื้นฐานของ Angular cli
15:12
+ – เรียนรู้พื้นฐาน Typescript บน Angular
5 lectures 56:15
การประกาศตัวแปรและฟังชั่น
12:49
Class และ Interface
13:32
เรื่องของ Decorators
06:49
การ Import และ Export ตัวแปร
10:46
Declare ตัวแปรจากภายนอก
12:19
+ – เรียนรู้การนำ Library จากภายนอกเข้ามาใช้งาน
4 lectures 41:26
นำ Library จากภายนอกเข้ามาใช้งานผ่าน CDN
05:39
นำ Library จากภายนอกเข้ามาใช้งานผ่าน File download
16:29
นำ Library จากภายนอกเข้ามาใช้งานผ่าน NPM Install
10:35
นำ Library จากภายนอกเข้ามาใช้งานผ่านคำสั่ง Angular cli (ng add)
08:43
+ – เรียนรู้เรื่องของ Binding data และการ Binding event
5 lectures 01:08:08
Binding data การแสดงข้อมูลจากตัวแปล แบบที่ 1
10:13
Binding data การแสดงข้อมูลจากตัวแปล แบบที่ 2
07:41
Binding data การแสดงข้อมูลจากตัวแปล แบบที่ 2 เพิ่มเติม
17:10
Binding event การดักจับเหตุการณ์
17:26
Binding event และ Binding data ไปพร้อมๆกัน
15:38
+ – เรียนรู้พื้นฐานเรื่องของ Component
7 lectures 01:43:42
เรียนรู้เรื่องของ Component
14:53
การสร้าง Component
18:53
เรียนรู้เรื่องของ Input
10:55
เรียนรู้เรื่องของ Output
21:41
เรียนรู้เรื่องของ Local element กับ View Child
12:39
เรียนรู้เรื่องของ ngOnInit, ngOnDestroy, ngOnChanges
18:02
เรียนรู้เรื่องของ ng-content
06:39
+ – เรียนรู้พื้นฐานเรื่องของ Directive
7 lectures 01:47:22
การสร้าง directive
19:58
คำสั่ง NgIf ดักเงื่อนไขต่างๆในหน้า HTML
26:58
คำสั่ง NgSwitch ดัก Case ต่างๆในหน้า HTML
13:53
คำสั่ง NgFor สำหรับการแสดงข้อมูลแบบหลายรายการ
21:21
เรื่องของ NgContainer
08:20
เรื่องของ NgTemplate
07:47
เรื่องของการสร้าง Template Directive
09:05
+ – เรียนรู้พื้นฐานเรื่องของ Pipe
3 lectures 49:55
Pipe คืออะไรใช้งานอย่างไร
20:49
การสร้าง Pipe ขึ้นมาเอง
13:46
เรียนรู้เรื่องของ Pipe สำเร็จรูปของ Angular
15:20
Requirements
  • มีพื้นฐานการเขียนเว็บมาบ้างจะช่วยให้เข้าใจได้รวดเร็วกว่า
  • มีใจรักในการเขียนเว็บไซต์
Description

Angular เป็น Front-End Javascript framework ที่ทำงานบนฝั่ง Client เพื่อช่วยให้เราเขียนโค๊ดได้ถูกรูปแบบยิ่งขึ้นจึงได้เขียนในรูปแบบของ Typescript ซึ่งเป็น Superset ของ Javascript อีกที

Angular นั้นจะนิยมนำไปเขียนเป็น Single Page Applications (SPA) ซึ่งก็คือทุกๆหน้าจะถูกโหลดมารวมอยู่ในหน้าเดียว เมื่อมีการเปลี่ยน Route ไปอีก Route หนึ่งตัว script ก็จะทำการไปโหลดหน้าที่ กำหนดไว้มาแสดงไปด้วยทำให้รู้สึกว่าระบบรวดเร็วทันใจ และด้วยที่เป็น Script ฝั่งของ Client เวลาผู้ใช้งานทดลองใช้งานจะรู้สึกว่า Web application เกิดความราบรื่น ไม่ติดขัด ให้ความรวดเร็ว โดยคอร์สสอนพื้นฐาน Angular 7 นี้จะพาท่านไปเรียนรู้กับพื้นฐานการเขียน Angular แบบง่ายๆ เพื่อให้ท่านได้เริ่มต้นจนสามารถเอาไปทำงานของท่านได้

มี Source code ประกอบกับทุกวิดีโอที่มีการเขียน Code
มี Source code ที่เป็น Git แยก Branch ออกเป็นตอนๆ
ติดปัญหาอะไรสามารถสอบถามผู้สอนได้ตลอดที่เรียนคอร์ส

Who this course is for:
  • Web programmer ที่อยากเรียนรู้การเขียน Web appication ด้วย Angular
  • Web designer ที่นอกเหนื่อจากการเขียน Code แล้วอยากจะลองหัดทำเว็บ
  • คนทั่วไปที่สนใจการเขียน Web Application แต่ยังไม่รู้ว่าจะใช้เครื่องมืออะไรในการพัฒนาดี