ข้อมูลเบื้องต้นเกี่ยวกับ Progressive Web App
ในหลักสูตรนี้ คุณจะได้เริ่มเรียนรู้เกี่ยวกับ Progressive แรกของคุณ เว็บแอป - เว็บแอปที่สามารถใช้ประโยชน์จากฟีเจอร์มากมายที่มาพร้อมเครื่อง ที่ผู้ใช้ชื่นชอบ และคุณยังจะได้รับประสบการณ์เพิ่มเติมในการสร้าง เว็บแอปที่ทำงานแบบออฟไลน์โดยใช้ Service Worker ขั้นตอนสุดท้าย คุณจะสร้าง ซึ่งติดตั้งแอปได้ในหน้าจอหลักของผู้ใช้ด้วยไฟล์ Manifest ของเว็บแอป
นี่คือหลักสูตรฟรีที่นำเสนอผ่าน Udacity
เข้าร่วมหลักสูตรความสามารถเข้าถึงได้ง่ายบนเว็บ
ในหลักสูตรนี้ คุณจะได้สัมผัสประสบการณ์จริงในการสร้างเว็บแอปพลิเคชัน สามารถเข้าถึงได้ คุณจะเข้าใจว่าผู้ใช้ต้องการการช่วยเหลือพิเศษเมื่อใดและเพราะเหตุใด จากนั้น คุณจะเจาะลึกถึง "วิธีการ" นั่นคือการทำให้หน้าเว็บทำงานกับโปรแกรมอ่านหน้าจอได้อย่างถูกต้อง และจัดการโฟกัสอินพุต (เช่น ไฮไลต์ที่คุณจะเห็นเมื่อแตะผ่าน form.) คุณจะเข้าใจความหมายของ "ความหมาย" และ "มาร์กอัปความหมาย" สำหรับเว็บ และเพิ่มมาร์กอัป ARIA เพื่อให้สามารถไปยังส่วนต่างๆ ของอินเทอร์เฟซด้วยช่วง อุปกรณ์อำนวยความสะดวก สุดท้าย คุณจะได้เรียนรู้เทคนิคการจัดรูปแบบที่ช่วยผู้ใช้ ที่มองได้บางส่วน ไปยังส่วนต่างๆ ของหน้าเว็บได้ง่ายและเชื่อถือได้
นี่คือหลักสูตรฟรีที่นำเสนอผ่าน Udacity
เข้าร่วมหลักสูตรการเพิ่มประสิทธิภาพการแสดงผลของเบราว์เซอร์
ประสิทธิภาพสำคัญต่อผู้ใช้ นักพัฒนาเว็บจะต้องสร้างแอปที่ตอบสนอง อย่างรวดเร็วและแสดงผลได้อย่างราบรื่น Paul Lewis กูรูด้านประสิทธิภาพของ Google มาแล้ว เพื่อช่วยทำลายการกระตุกและสร้างเว็บแอปที่รักษา 60 เฟรมต่อ ประสิทธิภาพรองลงมา คุณจะออกจากหลักสูตรนี้พร้อมเครื่องมือที่จำเป็น แอปโปรไฟล์และระบุสาเหตุของการกระตุก สำรวจเบราว์เซอร์ การแสดงภาพไปป์ไลน์ และพบรูปแบบที่ทำให้สร้างได้ง่าย ที่มีประสิทธิภาพมากขึ้น
นี่คือหลักสูตรฟรีที่นำเสนอผ่าน Udacity
เข้าร่วมหลักสูตรการออกแบบเว็บที่ตอบสนองตามอุปกรณ์
ในหลักสูตรนี้ คุณจะได้เรียนรู้พื้นฐานเกี่ยวกับการออกแบบเว็บที่ตอบสนองตามอุปกรณ์ด้วย Pete LePage จาก Google! คุณจะสร้างหน้าเว็บที่ปรับเปลี่ยนตามอุปกรณ์ของคุณเองซึ่ง ใช้ได้กับอุปกรณ์ทุกประเภท ไม่ว่าจะเป็นโทรศัพท์ แท็บเล็ต เดสก์ท็อป หรืออุปกรณ์อื่นๆ
คุณจะเริ่มด้วยการสำรวจว่าอะไรที่ทำให้เว็บไซต์ปรับเปลี่ยนตามอุปกรณ์ และดูว่า รูปแบบการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์จะทำงาน ในอุปกรณ์ต่างๆ ได้ จากนั้น คุณจะได้เรียนรู้วิธีสร้างเลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์ของคุณเองโดยใช้วิวพอร์ต คำค้นหาสื่อและ CSS เมื่อคุณดำเนินการต่อ คุณจะได้ทดลองกับ และจุดพักเล็กๆ น้อยๆ และปรับข้อความให้เหมาะสมสำหรับการอ่าน
นี่คือหลักสูตรฟรีที่นำเสนอผ่าน Udacity
เข้าร่วมหลักสูตรเส้นทางการแสดงผลวิกฤต
คุณจะได้เรียนรู้วิธีเพิ่มประสิทธิภาพให้กับเว็บไซต์ต่างๆ เพื่อเพิ่มความเร็วโดยเจาะลึก รายละเอียดเกี่ยวกับวิธีการแสดงผลหน้าเว็บบนเบราว์เซอร์ในอุปกรณ์เคลื่อนที่และเดสก์ท็อป
คุณจะได้เรียนรู้เกี่ยวกับเส้นทางการแสดงผลวิกฤติ หรือ ชุดขั้นตอนที่เบราว์เซอร์ต้องดำเนินการเพื่อแปลง HTML, CSS และ JavaScript เป็น เว็บไซต์ที่มีชีวิตชีวาและหายใจได้ จากนั้น จะเริ่มสำรวจและ ทดลองใช้เครื่องมือในการวัดประสิทธิภาพ และกลยุทธ์ง่ายๆ ในการ ส่งพิกเซลแรกไปยังหน้าจอโดยเร็วที่สุด คุณจะได้เรียนรู้ วิธีเจาะลึกคำแนะนำจาก PageSpeed Insights และไทม์ไลน์ เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Google Chrome เพื่อค้นหาข้อมูลที่คุณต้องการทำให้สำเร็จ ประสิทธิภาพที่เพิ่มขึ้นทันที
นี่คือหลักสูตรฟรีที่นำเสนอผ่าน Udacity
เข้าร่วมหลักสูตรรูปภาพที่ตอบสนองตามอุปกรณ์
คุณทราบหรือไม่ว่ารูปภาพคิดเป็นกว่า 60% ของไบต์โดยเฉลี่ย จำเป็นต้องโหลดหน้าเว็บไหม
ในหลักสูตรนี้คุณจะได้เรียนรู้วิธีทำงานกับรูปภาพในเว็บสมัยใหม่ เพื่อให้รูปภาพของคุณดูดีและโหลดได้อย่างรวดเร็วในทุกอุปกรณ์
ระหว่างการเรียนรู้ คุณจะได้พัฒนาทักษะและเทคนิคมากมายเพื่อให้ทำได้ราบรื่น ผสานรูปภาพที่ตอบสนองตามอุปกรณ์เข้ากับเวิร์กโฟลว์การพัฒนา เมื่อสิ้นสุด คุณจะพัฒนาได้ด้วยรูปภาพที่ปรับแต่งและตอบสนอง ขนาดวิวพอร์ตและสถานการณ์การใช้งานที่แตกต่างกัน
นี่คือหลักสูตรฟรีที่นำเสนอผ่าน Udacity
เข้าร่วมหลักสูตรเว็บแอปพลิเคชันแบบออฟไลน์
หลักสูตรนี้มุ่งเน้นที่ประสบการณ์ของผู้ใช้อย่างชัดเจน และพยายามที่จะแสดง ว่าการคิดแบบออฟไลน์เป็นหลักเป็นวิธีที่ดีที่สุดที่จะทำให้แน่ใจว่า ให้แอปพลิเคชันทำงานได้ดีที่สุดในทุกสถานการณ์ ไม่ใช่เฉพาะในสถานการณ์ที่ดีที่สุด คุณจะ รู้จักแยกแยะความแตกต่างระหว่าง "ดี" "แย่" เป็นช่วงๆ และ ไม่มีการเชื่อมต่อสำหรับผู้ใช้ของคุณ และวิธีทำให้แอปพลิเคชัน ที่จัดการกับเงื่อนไขเหล่านี้ได้อย่างง่ายดาย
การใช้ทักษะที่คุณได้มาในหลักสูตรนี้ จะช่วยให้คุณสรุปได้ด้วยการสร้าง แอปที่ทำงานทั้งแบบออนไลน์และออฟไลน์ และโหลดในข้อมูลใหม่เมื่อ ได้ เว็บแอปของคุณจะโต้ตอบกับ เครือข่ายแบบเดียวกับที่แอปที่มาพร้อมเครื่อง ซึ่งจะช่วยให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดียิ่งขึ้น แม้แต่ในสถานการณ์การเชื่อมโยงที่ท้าทายโดยทั่วไป เช่น ติดอยู่ใน อุโมงค์รถไฟ โดยใช้ Wi-Fi สำหรับการประชุมที่มีคนหนาแน่น หรือขณะเดินทาง ผ่านเครือข่ายมือถือ "เดดโซน!"
นี่คือหลักสูตรฟรีที่นำเสนอผ่าน Udacity
เข้าร่วมหลักสูตรเครื่องมือบนเว็บและระบบอัตโนมัติ
ในหลักสูตรนี้ คุณจะได้เรียนรู้วิธีตั้งค่าการพัฒนา ช่วยเพิ่มประสิทธิภาพในการทำงานประจำวันและการทำซ้ำๆ รวมถึงป้องกันตัวเองและเว็บไซต์ของคุณ จากภัยพิบัติ รวมถึงประหยัดเวลาและแรงงานได้มากด้วยการเพิ่มประสิทธิภาพอัตโนมัติ และการทำงานอัตโนมัติ สุดท้าย คุณจะได้เรียนรู้วิธีทำทั้งหมดนี้ ขณะเดียวกันก็มั่นใจในตัวเอง โค้ดของคุณทำงานได้บนอุปกรณ์ที่หลากหลายในชีวิตจริง
นี่คือหลักสูตรฟรีที่นำเสนอผ่าน Udacity
เข้าร่วมหลักสูตรการสร้างเว็บฟอร์มที่มี Conversion สูง
ประสบการณ์ที่มีความหมายบนเว็บจะมีแบบฟอร์มหนึ่ง ไม่ว่าจะเป็นรูปแบบที่สร้างขึ้นจาก กล่องข้อความ ปุ่มเปิด/ปิด ปุ่ม ช่องทำเครื่องหมาย หรือวิดเจ็ตที่แตะได้ เว็บ นักพัฒนาซอฟต์แวร์ต้องมีจุดมุ่งหมาย เกี่ยวกับแบบฟอร์มเพื่อให้ผู้ใช้พึงพอใจและ เพื่อเพิ่ม Conversion
ในหลักสูตรนี้ คุณจะได้เรียนรู้เกี่ยวกับแนวทางปฏิบัติแนะนำสำหรับแบบฟอร์มที่ทันสมัย คุณจะ ฝึกฝนทักษะของคุณไปพร้อมๆ กับทำโปรเจ็กต์ที่คุณพัฒนาด้วยตนเอง 2-3 โปรเจ็กต์ ซึ่งรวมถึงการชำระเงินอีคอมเมิร์ซและแอปวางแผนงานอีเวนต์
นอกจากนี้ คุณยังจะได้ดูซีรีส์การสัมภาษณ์ Luke อีกด้วย Wroblewski ผู้อํานวยการฝ่ายผลิตภัณฑ์ของ Google และผู้เขียนแบบฟอร์มบนเว็บ การโต้ตอบกับเว็บสมัยใหม่
นี่คือหลักสูตรฟรีที่นำเสนอผ่าน Udacity
เข้าร่วมหลักสูตร