Udemy

Platform

ภาษาไทย

Language

Web Development

Category

เริ่มต้นเขียนเว็บด้วย Angular 11 และ Firebase

คอร์สเรียน เริ่มต้น Firebase กับ Angular 11 (ผู้สอนทำการสอนด้วยภาษาไทย)

Students

26.5 hours

Content

Apr 2021

Last Update
Regular Price

PLURALSIGHT
PluralSight
Entire course library + Leaning Path
10-day free trial

What you will learn

ได้ความรู้เรื่องของทักษะเพิ่มเติมในการพัฒนาเว็บด้วย Angular 11

ได้ความรู้เรื่องของทักษะเพิ่มเติมในการพัฒนาเว็บด้วย Firebase

ได้ความรู้เรื่องของทักษะเพิ่มเติมในการใช้งาน Bootstrap 4 ร่วมกับ Angular Material

ได้ความรู้เรื่องของทักษะเพิ่มเติมในการพัฒนาวางโครงโปรเจ็ค Angular 11

ได้ความรู้เรื่องของทักษะเพิ่มเติมในการเชื่อมต่อกันระหว่าง Angular กับ Firebase

ได้เรียนรู้ในส่วนของการเขียน Authentication ระหว่าง Firebase และ Angular

ได้เรียนรู้ในส่วนของการเขียน Realtime Database ระหว่าง Firebase และ Angular

ได้เรียนรู้ในส่วนของการเขียน Cloud Firestore ระหว่าง Firebase และ Angular

ได้เรียนรู้ในส่วนของการเขียน Cloud Storage ระหว่าง Firebase และ Angular

ได้เรียนรู้ในส่วนของการอัพโหลดเว็บไซต์ขึ้นไปยัง Firebase Hosting


Description

สำหรับท่านที่ต้องการเขียน Angular ตัวเดียวจบ ไม่ต้องไปเชื่อมต่อกับ Back-End อย่าง PHP, Java, C# เป็นต้น โดยจะใช้ Database และ Hosting ของ Firebase

Firebase คือ Platform ที่รวบรวมเครื่องมือต่าง ๆ สำหรับการจัดการในส่วนของหลังบ้าน (Back-End) โดย Firebase ถูกออกแบบมาให้เป็นทั้ง API และ Cloud Storage สำหรับนักพัฒนา Realtime Application ที่ไม่อยากสร้าง Server Back-End ขึ้นมาเองก็สามารถมาใช้บริการ Firebase ได้โดยจะมีบริการทั้งรูปแบบฟรีและเสียเงิน (ในคอร์สของเราจะพาตะลุยในรูปแบบฟรีทั้งหมดนะครับ) ซึ่ง Firebase สามารถรองรับได้หลาย Platform ไม่ว่าจะเป็น IOS App, Android App และ Web App

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


Screenshots

เริ่มต้นเขียนเว็บด้วย Angular 11 และ Firebase
เริ่มต้นเขียนเว็บด้วย Angular 11 และ Firebase
เริ่มต้นเขียนเว็บด้วย Angular 11 และ Firebase
เริ่มต้นเขียนเว็บด้วย Angular 11 และ Firebase

Content

Introduction

Introduction Video

Introduction Document

การติดตั้งเครื่องมือต่างๆสำหรับพัฒนาและการสร้างโปรเจ็คใหม่

เครื่องมือที่ใช้ในการติดตั้ง

เริ่มต้นสร้างโปรเจ็คใหม่

ติดตั้ง Libraries สำหรับโปรเจ็ค

ตั้งค่า Libraries สำหรับโปรเจ็ค (bootstrap)

ตั้งค่า Libraries สำหรับโปรเจ็ค (Angular material)

สมัครใช้งาน Gmail

สร้างโปรเจ็ค Firebase App

เพิ่ม App Config ให้กับโปรเจ็ค Firebase App

ติดตั้ง Library สำหรับเชื่อมต่อกับโปรเจ็ค Firebase App

วางโครง Angular ก่อนเริ่มต้น Firebase

วางโครง Angular ก่อนเริ่มต้น Firebase (SharedsModule)

วางโครง Angular ก่อนเริ่มต้น Firebase (เพิ่ม Navbar)

วางโครง Angular ก่อนเริ่มต้น Firebase (เพิ่ม Navbar Menu)

วางโครง Angular ก่อนเริ่มต้น Firebase (เพิ่ม Dialog แจ้งเตือน)

วางโครง Angular ก่อนเริ่มต้น Firebase (เพิ่ม Dialog Confirm ตอนที่ 1)

วางโครง Angular ก่อนเริ่มต้น Firebase (เพิ่ม Dialog Confirm ตอนที่ 2)

วางโครง Angular ก่อนเริ่มต้น Firebase (เพิ่ม Loading page ตอนที่ 1)

วางโครง Angular ก่อนเริ่มต้น Firebase (เพิ่ม Loading page ตอนที่ 2)

เริ่มต้นในส่วนของ Firebase Authentication

เริ่มต้นส่วนของ Authentication (แนะแนว)

เริ่มต้นส่วนของ Authentication (วางโครง ตอนที่ 1)

เริ่มต้นส่วนของ Authentication (วางโครง ตอนที่ 2)

สมัครสมาชิก - สร้างหน้า HTML

สมัครสมาชิก - สร้าง Form Group

สมัครสมาชิก - สร้าง Custom Validation

สมัครสมาชิก - สร้าง Error Message

สมัครสมาชิก - เชื่อมต่อกับ Firebase App ตอนที่ 1

สมัครสมาชิก - เชื่อมต่อกับ Firebase App ตอนที่ 2

เข้าสู่ระบบ - สร้างหน้า HTML

เข้าสู่ระบบ - สร้าง FormGroup Validate และ Error message

เข้าสู่ระบบ - เชื่อมต่อกับ Firebase App

เข้าสู่ระบบ - ผ่านบัญชี Google

ลืมรหัสผ่าน - สร้างหน้า HTML

ลืมรหัสผ่าน - เชื่อมต่อกับ Firebase App

ลืมรหัสผ่าน - เชื่อมต่อกับ Firebase App

ข้อมูลผู้ใช้งาน - เชื่อมต่อกับ Firebase App

ข้อมูลผู้ใช้งาน - สร้างหน้า HTML

ยืนยันตัวตนด้วยอีเมล์ - เชื่อมต่อกับ Firebase App

ออกจากระบบ - เชื่อมต่อกับ Firebase App

สิทธิ์การเข้าถึงหน้า - Angular Guards

เริ่มต้นในส่วนของ Firebase Realtime Database

เริ่มต้นในส่วนของ Realtime Database (แนะแนว ตอนที่ 1)

เริ่มต้นในส่วนของ Realtime Database (แนะแนว ตอนที่ 2)

สร้างหน้า HTML ตอนที่ 1

สร้างหน้า HTML ตอนที่ 2

สร้างหน้า HTML ตอนที่ 3

เพิ่มสิทธิ์การเข้าถึงหน้า หากว่ายังไม่ยืนยันตัวตน

เรียนรู้คำสั่งพื้นฐาน - คำสั่งพื้นฐานจาก Docs

เชื่อมต่อกับ Firebase App - การดึงข้อมูลมาแสดง

เชื่อมต่อกับ Firebase App - การเพิ่มข้อมูล

เชื่อมต่อกับ Firebase App - การลบข้อมูล

เชื่อมต่อกับ Firebase App - การแก้ไขข้อมูล ตอนที่ 1

เชื่อมต่อกับ Firebase App - การแก้ไขข้อมูล ตอนที่ 2

เชื่อมต่อกับ Firebase App - เคลียร์ Memory เพื่อเพิ่มประสิทธิภาพ

เชื่อมต่อกับ Firebase App - การเรียงลำดับและการจำกัดข้อมูล

เชื่อมต่อกับ Firebase App - แนะแนวเรื่องกฎ การอ่านและเขียนข้อมูล

เริ่มต้นในส่วนของ Firebase Cloud Firestore

เริ่มต้นในส่วนของ Cloud Firestore (แนะแนว ตอนที่ 1)

เริ่มต้นในส่วนของ Cloud Firestore (แนะแนว ตอนที่ 2)

เรียนรู้คำสั่งพื้นฐาน - ตอนที่ 1 เตรียมหน้า Angular HTML

เรียนรู้คำสั่งพื้นฐาน - ตอนที่ 2 เรียนรู้คำสั่งเบื้องต้น

เรียนรู้คำสั่งพื้นฐาน - ตอนที่ 3 เรียนรู้คำสั่งเพิ่ม ลบ แก้ไข

เรียนรู้คำสั่งพื้นฐาน - ตอนที่ 4 เรียนรู้คำสั่งแสดงข้อมูล

Workshop - วางโครงหน้า HTML รายการข้อมูลสินค้า

Workshop - วางโครงหน้า HTML เพิ่มข้อมูลสินค้า

Workshop - ส่วนของ Form และ Validate เพิ่มข้อมูลสินค้า

Workshop - เชื่อมต่อกับ Firebase App เพิ่มข้อมูลสินค้า

Workshop - เชื่อมต่อกับ Firebase App แสดงข้อมูลสินค้า

Workshop - เชื่อมต่อกับ Firebase App ลบข้อมูลสินค้า

Workshop - เชื่อมต่อกับ Firebase App แก้ไขข้อมูลสินค้า ตอนที่ 1

Workshop - เชื่อมต่อกับ Firebase App แก้ไขข้อมูลสินค้า ตอนที่ 2

Workshop - เชื่อมต่อกับ Firebase App แก้ไขข้อมูลสินค้า ตอนที่ 3

Workshop - รายการแสดงสินค้า Pagination จาก Angular Material

Workshop - รายการแสดงสินค้า Sort Column จาก Angular Material

Workshop - รายการแสดงสินค้า Search Filter จาก Angular Material

Workshop - รายการแสดงสินค้า Panigation จาก Cloud firestore ตอนที่ 1

Workshop - รายการแสดงสินค้า Panigation จาก Cloud firestore ตอนที่ 2

Workshop - รายการแสดงสินค้า Panigation จาก Cloud firestore ตอนที่ 3

Workshop - รายการแสดงสินค้า Sort Column จาก Cloud firestore ตอนที่ 1

Workshop - รายการแสดงสินค้า Sort Column จาก Cloud firestore ตอนที่ 2

Workshop - รายการแสดงสินค้า Sort Column จาก Cloud firestore ตอนที่ 3

Workshop - รายการแสดงสินค้า Search by Column จาก Cloud firestore ตอนที่ 1

Workshop - รายการแสดงสินค้า Search by Column จาก Cloud firestore ตอนที่ 2

แนะแนวเรื่องของ Rules การอ่านเขียนข้อมูล

เริ่มต้นในส่วนของ Firebase Cloud Storage

เริ่มต้นในส่วนของ Cloud Storage (แนะนำ ตอนที่ 1)

เริ่มต้นในส่วนของ Cloud Storage (แนะนำ ตอนที่ 2)

เรียนรู้คำสั่งพื้นฐาน - แนะแนว

เรียนรู้คำสั่งพื้นฐาน - การอัพโหลดไฟล์ ตอนที่ 1

เรียนรู้คำสั่งพื้นฐาน - การอัพโหลดไฟล์ ตอนที่ 2

เรียนรู้คำสั่งพื้นฐาน - การดาวน์โหลดไฟล์และ Metadata

เรียนรู้คำสั่งพื้นฐาน - การลบไฟล์และแสดงรายการอัพโหลดไฟล์

Workshop - สร้างหน้า HTML Form อัพโหลดไฟล์ ตอนที่ 1

Workshop - สร้างหน้า HTML Form อัพโหลดไฟล์ ตอนที่ 2

Workshop - เชื่อมต่อกับ Firebase App Upload รูปภาพหลายไฟล์

Workshop - วางโครง HTML รายการอัพโหลดไฟล์

Workshop - เชื่อมต่อกับ Firebase App รายการอัพโหลดไฟล์

Workshop - เชื่อมต่อกับ Firebase App การลบไฟล์

ใช้งาน Firebase Cloud Storage ร่วมกับ Firebase Cloud Firestore

ใช้งาน Storage ร่วมกับ Cloud Firestore ตอนที่ 1

ใช้งาน Storage ร่วมกับ Cloud Firestore ตอนที่ 2

ใช้งาน Storage ร่วมกับ Cloud Firestore ตอนที่ 3

ใช้งาน Storage ร่วมกับ Cloud Firestore ตอนที่ 4

ใช้งาน Storage ร่วมกับ Cloud Firestore ตอนที่ 5

ใช้งาน Storage ร่วมกับ Cloud Firestore ตอนที่ 6

เริ่มต้นในส่วนของ Firebase Hosting

เริ่มต้นในส่วนของ Hosting แนะนำ

เริ่มต้นในส่วนของ Hosting (Deploy โดยใช้ Firebase CLI)

เริ่มต้นในส่วนของ Hosting (Deploy โดยใช้ Angular Fire Lib ตอนที่ 1)

เริ่มต้นในส่วนของ Hosting (Deploy โดยใช้ Angular Fire Lib ตอนที่ 2)

เริ่มต้นในส่วนของ Hosting (Custom domain เพิ่ม Domain ของเราเอง)


3996138

Udemy ID

4/21/2021

Course created date

5/3/2021

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram