ข้อมูลเบื้องต้นเกี่ยวกับ Progressive Web App
ในหลักสูตรนี้ คุณจะเริ่มทํางานใน Progressive Web App แอปแรก ซึ่งเป็นเว็บแอปที่ใช้ประโยชน์จากฟีเจอร์ต่างๆ ของแอปพลิเคชันที่มาพร้อมเครื่องได้ นอกจากนี้ คุณยังจะได้รับประสบการณ์มากขึ้นในการสร้างเว็บแอปที่ทํางานแบบออฟไลน์โดยใช้ Service Worker สุดท้าย คุณจะต้องติดตั้งแอปลงในหน้าจอหลักของผู้ใช้ด้วยไฟล์ Manifest ของเว็บแอป
นี่คือหลักสูตรฟรีที่มีให้ผ่านทาง Udacity
เข้าร่วมหลักสูตรการช่วยเหลือพิเศษบนเว็บ
ในหลักสูตรนี้ คุณจะได้รับประสบการณ์จริงในการทําให้เว็บแอปพลิเคชันเข้าถึงได้ คุณจะเข้าใจว่าผู้ใช้ต้องการการช่วยเหลือพิเศษเมื่อใดและเพราะเหตุใด จากนั้น คุณจะได้พบกับ "วิธีการ" ซึ่งก็คือการทําให้หน้าเว็บทํางานกับโปรแกรมอ่านหน้าจอได้อย่างเหมาะสม รวมถึงจัดการโฟกัสการป้อนข้อมูล (เช่น ไฮไลต์ที่คุณเห็นเมื่อกด Tab ผ่านฟอร์ม) คุณจะเข้าใจความหมายของ "ความหมาย" และ "มาร์กอัปที่สื่อความหมาย" สําหรับหน้าเว็บ และเพิ่มมาร์กอัป 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
ในหลักสูตรนี้ คุณจะได้เรียนรู้เกี่ยวกับแนวทางปฏิบัติแนะนําสําหรับแบบฟอร์มสมัยใหม่ คุณจะฝึกฝนทักษะตลอดโปรเจ็กต์ที่ทําด้วยตัวเอง เช่น การชําระเงินแบบอีคอมเมิร์ซและแอปวางแผนกิจกรรม
นอกจากนี้ คุณยังจะได้ดูบทสัมภาษณ์ชุดเดียวกันกับ Luke Wroblewski ซึ่งเป็นผู้อํานวยการฝ่ายผลิตภัณฑ์ของ Google และผู้เขียน Web Form Design เพื่อให้ทราบการโต้ตอบเกี่ยวกับเว็บสมัยใหม่
นี่คือหลักสูตรฟรีที่มีให้ผ่านทาง Udacity
เข้าร่วมหลักสูตร