Angular 2 เป็นส่วนประกอบซึ่งหมายความว่าฟังก์ชัน UI ทั้งหมดถูกสร้างขึ้นเป็นส่วนประกอบ ดังนั้น เนื่องจากการจัดสไตล์ตามส่วนประกอบจึงเป็นรูปแบบที่แนะนำ Angular 2 จึงกำลังจะทำให้สไตล์การเขียนเป็นประสบการณ์ที่ค่อนข้างสนุกสนาน เราจะหารือเกี่ยวกับเทคนิคการจัดสไตล์ต่างๆ และวิธีการใช้งาน แต่ก่อนหน้านั้น เราต้องเข้าใจแนวคิดของ Shadow DOM และ View Encapsulation โดยพื้นฐานแล้ว Shadow DOM อนุญาตให้ซ่อนกลุ่มของการนำ DOM ไปใช้ภายในองค์ประกอบเดียว (ซึ่งเป็นแนวคิดพื้นฐานของส่วนประกอบ)..

มาเขียนตัวอย่างแอป Full Stack ตั้งแต่เริ่มต้นด้วย Angular, Mongo, Express และ Node.js: MEAN Stack ที่รู้จักกันดี… แอปนี้เป็นรายการสิ่งที่ต้องทำของสถานที่ที่ฉันอยากให้สักวันหนึ่งมีความเป็นไปได้ที่จะไปเยี่ยมชม … . แต่ในระหว่างนี้ มาสนุกกับการเขียนโค้ดและสำรวจ API ของ Google Maps ที่ขับเคลื่อนโดยระบบเสียงสะท้อนที่ใช้ Javascript กันเถอะ! เริ่มต้นด้วย “Places2Go… กลุ่ม Mean Stack” รหัสแหล่งที่มา ซอร์สโค้ดแบบเต็มมีอยู่ใน GitHub: https://github.com/Pabloin/mean-stack-talk #01..

ฉันมีความคิดเห็นและข้อเสนอแนะหลายประการ โปรดจดบันทึก: - เหตุใดเราจึงต้องการอัพเกรดจาก Angular 1 เป็น Angular 2 ฉันจะเขียนว่า Angular 2 เป็นเวอร์ชันหลักถัดไปของเฟรมเวิร์กที่เราต้องการใช้งาน และยังมอบความสามารถใหม่ๆ เช่น การเรนเดอร์ฝั่งเซิร์ฟเวอร์ เครื่องมือสร้างเทมเพลตอันทรงพลังใหม่ เป็นต้น - ฉันจะอธิบายว่าการอัพเกรดแบบค่อยเป็นค่อยไปหมายถึงอะไร ซึ่งต้องขอบคุณการประกาศ ngUpgrade Angular1 และการประกาศ Angular2 ที่สามารถใช้ร่วมกันได้ - ฉันพยายามใช้ Angular2-Material ร่วมกับ ngUpgrade..

เหตุใดวิธีแก้ปัญหาเว็บแอปที่ช้าจึงไม่ใช่ชุดเครื่องมือที่ซับซ้อนกว่านี้ ก่อนหน้านี้ฉันกำลังทำงานกับแอป Angular สิ่งที่ทำให้ฉันทึ่งคือ Angular ไม่ได้เป็นเพียงเฟรมเวิร์กเท่านั้น แต่ยังเป็นแพลตฟอร์มทั้งหมดที่สร้างขึ้นบนแพลตฟอร์มเว็บอีกด้วย เหตุผลเบื้องหลังก็คือเพื่อให้นักพัฒนามีวิธีการสร้างแอปบนแพลตฟอร์มต่างๆ ที่เป็นหนึ่งเดียว แต่การใช้สิ่งที่เป็นนามธรรมนี้มีค่าใช้จ่ายเท่าไร? สำหรับคุณ ในฐานะนักพัฒนาเว็บ นั่นหมายความว่าสำหรับหลายๆ สิ่งที่คุณรู้วิธีทำบนเว็บ มีเวอร์ชันที่แตกต่างออกไป..