ผู้เขียน: Christian Heilmann
แปล: จวงฉี
ตัวอย่างโค้ดคือสิ่งที่ทำให้โพสต์และบทความของคุณเกี่ยวข้องกับนักพัฒนามากขึ้น มันมีความหมายมากกว่าบทความหลายสิบหน้าเกี่ยวกับผลิตภัณฑ์ และสิ่งที่สำคัญกว่านั้น—มันเชิญผู้คนให้เล่นกับผลิตภัณฑ์ของคุณ คุณอาจพบว่าตัวเองเลื่อนตรงไปยังตัวอย่างโค้ดแรกเมื่ออ่านบทความทางเทคนิค
ความจริง: ความสำเร็จของแพลตฟอร์มเช่น StackOverflow แสดงให้เห็นว่าคงความอธิบายไว้ที่ขั้นต่ำและปล่อยให้โค้ดพูดคือสิ่งที่มีความหมาย นี่ยังสร้างผลที่ไม่พึงประสงค์ในเชิงที่นักพัฒนาหลายคนไม่สนใจ”เหตุผล”ของโค้ดอีกต่อไป แต่ยินดีให้ยึดติดกับ”วิธี”และคัดลอกและวางโค้ดไปยังผลิตภัณฑ์ของตัวเอง ฉันเรียกคนเหล่านี้ว่า “นักพัฒนา FullStackOverflow”
แก้ปัญหาด้วยตัวอย่าง
สิ่งที่ฉันเกลียดมากที่สุดคือตัวอย่าง “hello world” ที่ไม่ทำอะไรที่มีประโยชน์ แทนที่จะเป็นเช่นนั้น เป้าหมายของฉันคือการให้โค้ดที่สามารถแก้ปัญหาจริง
ความจริง: โค้ด “Hello World” สอนให้คนเขียนโค้ด แต่ไม่สอนวิธีใช้มันแก้ปัญหา
ตัวอย่างโค้ดที่ดีน่าจะตอบคำถาม “เทคโนโลยีนี้ช่วยฉันแก้ปัญหาได้อย่างไร?” ไม่ใช่ “ฉันใช้สิ่งนี้อย่างไร?” คำถาม “ฉันใช้สิ่งนี้อย่างไร?” ควรตอบโดยเอกสารประกอบ ตัวอย่างโค้ดควรทำให้ผู้คนตื่นเต้นกับการใช้ผลิตภัณฑ์และดึงพวกเขาเข้าสู่เอกสารประกอบเพื่อทำความเข้าใจรายละเอียด
ดังนั้นแทนที่จะเริ่มจากการอ่านเอกสารประกอบด้วยตัวเอง ให้ตรวจสอบว่าชุดเครื่องมือสามารถทำอะไรได้และค้นหาปัญหาที่คุณต้องการแก้ไขมาตลอดที่เทคนิคนี้สามารถช่วยคุณ จากนั้นแก้ไขมันด้วยผลิตภัณฑ์และอธิบายทุกอย่างที่คุณทำด้วยโค้ดเป็นตัวอย่าง นี่ยังเป็นวิธีที่ดีในการตรวจสอบว่าเอกสารประกอบผลิตภัณฑ์ของคุณมีประสิทธิภาพหรือไม่ ถ้าคุณติดขัดในฐานะผู้คุ้มครองของนักพัฒนาและคุณไม่สามารถหาเอกสารประกอบที่มีประสิทธิภาพได้ นั่นก็ดี คุณมีตัวอย่างที่ดีที่สุดเกี่ยวกับวิธีที่คุณสามารถช่วยผลิตภัณฑ์ได้โดยการเขียนเอกสารประกอบที่ขาดหายไปนั้น
แสดงตัวอย่างที่ทำงานได้
สิ่งแรกที่จะแสดงในตัวอย่างโค้ดคือการนำไปใช้ที่ทำงานได้ ไม่มีอะไรที่แข็งแกร่งมากไปกว่าการสามารถคลิกบนลิงก์หรือเล่นกับข้อมูลในตารางเพื่อดูว่าสิ่งนี้ทำงานอย่างไร คุณบอกผู้อ่านว่ามันทำงานอย่างไรเป็นสิ่งหนึ่ง—ผู้อ่านสามารถลองด้วยตัวเองและดูมันทำงานเป็นสิ่งที่มีความหมายมากขึ้น
เคล็ดลับ: หากโค้ดที่คุณอธิบายเป็นส่วนของอินเทอร์เฟซที่ใหญ่กว่า ที่อยู่หลังไฟร์วอล หรือต้องการการตรวจสอบสิทธิ์ คุณยังสามารถแสดงวิธีการทำงานได้โดยการบันทึกหน้าจอ เหล่านี้มีผลต่ำกว่าและอาจถูกมองว่า”ปลอม” แต่ก็ดีกว่าการไม่มีอะไร
ตัวอย่างควรทำงานได้ แต่ควรมีความสวยงามและราบรื่นด้วย ตัวอย่างหลายตัวไม่เป็นที่พอใจหรือโดยปกติฝ่าฝืนหลักการพื้นฐานของความสามารถในการใช้งานมากมาย—อย่าให้ความประทับใจครั้งแรกที่เลว
อธิบายสภาพแวดล้อมที่จำเป็น
คุณต้องการหลีกเลี่ยงการทำให้ผู้คนตื่นเต้นกับโค้ดของคุณแล้วไม่สามารถทำงานในสภาพแวดล้อมของตัวเองได้ คุณสามารถแก้ไขปัญหานี้ได้หลายวิธี:
-
เขียนโค้ดแบบป้องกัน: ตรวจสอบความขึ้นต่อก่อนที่จะพยายามเข้าถึง
-
ตรวจสอบสถานะออนไลน์และ HTTP: หากโค้ดของคุณต้องการดึงข้อมูลจากบริการเว็บ โปรดระบุว่าผู้ใช้ต้องออนไลน์เพื่อให้ทำงานได้ ตัวอย่างเช่น ฉันได้รับคำร้องทุกข์หลายรายว่าตัวอย่าง JavaScript บางรายของฉันไม่ทำงานเมื่อออฟไลน์หรือไม่รันเซิร์ฟเวอร์ในเครื่อง แน่นอนว่าฉันไม่ได้อธิบายว่ามันต้องการข้อมูลสดและเพื่อเหตุผลด้านความปลอดภัย คุณลักษณะบางอย่างของ JavaScript ทำงานได้เฉพาะเมื่อเข้าถึงผ่าน HTTPS ไม่ใช่ในระบบไฟล์
-
แสดงรายการสิ่งที่จำเป็น: ระบุว่าความขึ้นต่อกับอะไร ตัวอย่างเช่น: “ต้องการ Node และ NPM” หรือ “ทำงานใน Microsoft Edge 85 และเวอร์ชันที่ใหม่กว่า” หากต้องการความขึ้นต่อกับบุคคลที่สาม ให้ค้นหาตัวช่วยสอนที่ดีสำหรับผู้อ่านของคุณในการติดตั้งและเชื่อมโยงชื่อความขึ้นต่อกับมัน
-
ให้สคริปต์การทดสอบที่เรียบง่าย: ตรวจสอบการตั้งค่าที่ถูกต้อง (สำหรับตัวอย่าง ดู ไฟล์ทดสอบสำหรับ GeoMaker)
-
ให้คีย์นักพัฒนาสำหรับเดโม: แต่ให้ชัดเจนกับผู้คนว่าเพื่อปฏิบัติตามโค้ดของคุณ พวกเขาต้องการคีย์ของตัวเอง ให้ลิงก์สำหรับขอคีย์
คุณไม่สามารถคาดเดาสิ่งทั้งหมดที่ผู้คนอาจทำผิดเมื่อปฏิบัติตามโค้ดของคุณ แต่นี่คือวิธีที่ดีในการป้องกันความท้อแท้ ซึ่งนำฉันมาถึงส่วนสำคัญของตัวอย่างโค้ด: อนุญาตให้คัดลอกและวาง
เขียนโค้ดการคัดลอกและวางที่มีประสิทธิภาพ
การคัดลอกและวางอาจเป็นวิธีที่ใช้มากที่สุดในการเรียนรู้โค้ด คุณสามารถเขียนเอกสารประกอบจนกว่าจะเลือดออกจากนิ้วของคุณ แต่กรณีการใช้งานที่ใหญ่ที่สุดคือนักพัฒนาจะตรวจสอบตัวอย่างโค้ด คัดลอกและวางมัน ปั่นปรุงจนกว่าพวกเขาจะติดขัด จากนั้นเริ่มอ่านเอกสารประกอบ
ความจริง: การเขียนตัวอย่างการคัดลอกและวางที่สะอาดเป็นสิ่งสำคัญมาก ระเบียบการเขียนโค้ดที่ไม่ดีใด ๆ ที่คุณเพิ่มลงในโค้ดจะถูกคัดลอกและกลายเป็นส่วนหนึ่งของการปฏิบัติจริง
ตัวอย่างที่ไม่ทำงานสำหรับการคัดลอกและวางไม่เพียงแต่ไร้ประโยชน์เท่านั้น แต่ยังสร้างภัยพิบัติสำหรับเสียงชื่อของคุณและทำให้ผู้ปฏิบัติต้องท้อแท้มาก จัดการให้แน่ใจว่าคุณครอบคลุมประเด็นต่อไปนี้:
-
เชื่อมโยงทรัพยากรทั้งหมด: ชี้ที่รูปภาพ CSS และทรัพยากรสคริปต์ไปยังตำแหน่งเว็บแทนที่จะเชื่อมโยงไปยังตำแหน่งในเครื่องหรือสัมพัทธ์ ผู้คนจะคัดลอกโค้ดและวางลงในโปรเจ็กต์ในเครื่องแทนที่จะดาวน์โหลดความขึ้นต่อกัน
-
ให้สคริปต์ที่สมบูรณ์ล่วงหน้า: ผู้คนจะคัดลอกและวางสคริปต์จำนวนมากและร้องทุกข์ว่ามันไม่ทำงานโดยไม่รู้ว่ามีส่วนอื่นที่ขาดหายไป
-
ตรวจสอบความถูกต้องและปกป้องโค้ดของคุณ: โค้ดการคัดลอกและวางต้องเป็นที่ดี แน่ใจว่าโค้ดของคุณทำงานร่วมกับโค้ดอื่นได้ดีและไม่ทำให้เกิดคำเตือนหรือข้อผิดพลาด
ตัวอย่างที่สามารถดาวน์โหลดได้
ในตัวอย่างของคุณ การให้ไฟล์ zip ของโค้ดเดโมสำหรับดาวน์โหลดควรเป็นหนึ่งในสิ่งแรกที่คุณทำ คุณสามารถขอให้ผู้อ่านดาวน์โหลด แยกไฟล์และเขียนโค้ดพร้อมกับคุณ นี่ทำงานได้ดีในสกรีนแคสต์และตัวช่วยสอนวิดีโอ ในทุกกรณี มันจะทำให้บทความของคุณอยู่ในใจของผู้อ่านเพราะพวกเขามีสิ่งบางอย่างบนฮาร์ดดิสก์ของพวกเขาที่เตือนพวกเขา
การให้เวอร์ชันบีบอัดของโค้ดเดโมของคุณอาจรบกวนเพราะการเปลี่ยนแปลงแต่ละครั้งหมายความว่าคุณต้องบรรจุเดโมใหม่ โชคดีที่โซลูชันโค้ดที่โฮสต์เช่น GitHub ทำงานนี้ให้คุณอัตโนมัติ
เขียนตัวอย่างที่สะอาดและฉลาด
ฉันย้ำอีกครั้งว่า ตัวอย่างโค้ดของคุณควรเป็นโค้ดที่สะอาดและฉลาดที่สุดที่คุณเคยเขียน เป็นสิ่งที่ล่อลวงมากที่จะแสดงโซลูชันที่รวดเร็วและสกปรกเพื่อให้ผู้คนเริ่มต้นและได้รับรางวัลทันทีสำหรับการสร้างโค้ดที่สั้นที่สุด แต่นี่คือสิ่งที่โปรแกรมเมอร์ทำเพื่อสร้างความประทับใจกับกันด้วยกันไม่ใช่สิ่งที่นักเผยแพร่เทคโนโลยีทำ
คุณต้องการ แสดงวิธี ในการ เขียนโซลูชันที่ดี ด้วยผลิตภัณฑ์ที่คุณกำลังเผยแพร่ และทางลัดที่คุณใช้ทั้งหมดจะถูกคัดลอกและใช้เป็นเหตุผลที่ไม่เขียนโค้ดที่ดีในโครงการจริง นี่ไม่ใช่จุดประสงค์ของเราที่นี่
แทนที่จะเป็นเช่นนั้น โค้ดเดโมสามารถเผยแพร่แนวทางปฏิบัติที่ดีที่สุดในการพัฒนาและแสดงมันในบริบทแทนที่จะเป็นการฝึกฝนทางวิชาการ การแสดง JavaScript ที่ปกป้องขอบเขตโดยใช้แบบแผนโมดูลและใช้ closures อย่างฉลาดช่วยให้คุณเชื่อมโยงกับความคิดเหล่านี้และอาจทำให้นักพัฒนาบางคนทำมันเป็นส่วนหนึ่งของนิสัยการเขียนโค้ดของพวกเขา
สร้างเครื่องสร้างโค้ด
การเพิ่มสิ่งที่ดีให้กับโซลูชันคือเครื่องสร้างโค้ดที่อนุญาตให้ผู้ปฏิบัติเพิ่มพารามิเตอร์บางอย่าง คลิกปุ่ม และได้โค้ดที่ต้องการ นี่เป็นเรื่องที่แปลกใจที่มีประสิทธิภาพ
มีความเสี่ยงที่บางคนจะไม่เคยเรียนรู้เทคนิคการปฏิบัติจริง ด้านอื่น ผู้อ่านเหล่านี้อาจไม่ทำเช่นนั้นในทุกกรณี คุณจะได้รับผู้คนมากขึ้นที่ดูผลิตภัณฑ์
โฮสต์โค้ดและเดโม
อาจเป็นที่ล่อลวงที่จะโฮสต์โค้ดและเดโมของคุณบนเซิร์ฟเวอร์ส่วนตัว ซึ่งฉันเองได้ทำเช่นนี้หลายปี ประโยชน์ของสิ่งนี้คือคุณสามารถควบคุมเซิร์ฟเวอร์นี้ ความเสียเป็นว่ามันขึ้นอยู่กับคุณในการรักษาเซิร์ฟเวอร์นี้ และคุณต้องการใช้เวลาของคุณในการเผยแพร่ไม่ใช่ในฐานะผู้ดูแลเซิร์ฟเวอร์
คำเตือน: หลายปีมาแล้ว ฉันได้ใช้เซิร์ฟเวอร์ของฉันเป็นสนามเล่น และมันก็เป็นความเจ็บปวดเมื่อฉันดูสถานะของมัน บางส่วนของโค้ดในอดีตของฉันกลายเป็นเวกเตอร์การโจมตีที่ดีมาก และครั้งหนึ่งเดโม AJAX ของฉันจากปี 2006 จบลงด้วยการติดตั้งบล็อกสแปมในโฟลเดอร์ที่ลึก นี่ยังหมายถึงว่า Google บล็อกโดเมนของฉันและปัญหาอื่น ๆ จำนวนมาก
การมีเซิร์ฟเวอร์เป็นสิ่งที่ดี แต่สำหรับคุณและผู้ที่ดูโค้ดของคุณ ก็ควรเป็นที่ชัดเจนว่ามันเป็นแผ่นกาว โค้ดที่นั่นสามารถและจะหายไปได้ทุกเมื่อ การพิจารณาการเผยแพร่เดโมและตัวอย่างโค้ดของคุณในรูปแบบที่สามารถบำรุงรักษาและควบคุมได้มากขึ้นเป็นสิ่งที่มีความหมาย
ควบคุมเวอร์ชัน
ฉันพบว่าสิ่งแรกที่ช่วยฉันหลีกเลี่ยงปัญหาหลายอย่างคือการใช้ควบคุมเวอร์ชันสำหรับทุกอย่าง Git เป็นสิ่งที่ใช้กันทั่วไป แต่แม้กระทั่งการวางผลิตภัณฑ์ของคุณใน OneDrive/Dropbox/Box/Google Drive หรือโฟลเดอร์ใด ๆ ก็เป็นความคิดที่ดี คุณจะเสียพลาดเสมอ และความสามารถในการกลับไปยังการแก้ไขครั้งสุดท้ายของไฟล์เป็นสิ่งที่ดีมาก
มันปรากฏว่าการใช้ Git ยังหมายถึงคุณสามารถประหยัดพื้นที่ฮาร์ดดิสก์ได้เพราะคุณจะไม่สร้างไฟล์ Zip ที่ชื่อ “test123-safety-still-works” และไม่สร้างโครงสร้างโฟลเดอร์ที่โฟลเดอร์แต่ละรายเป็นชื่อเวอร์ชันและวันที่
การใช้ระบบควบคุมเวอร์ชันเคยเป็นที่น่ากลัว แต่ด้วยการปรากฏของ Git และโซลูชันโฮสต์เช่น GitHub และ Gitlab สิ่งต่าง ๆ กลายเป็นง่ายขึ้น ผลกระทบทางปฏิบัติอื่นของ Git คือคุณต้องแสดงความคิดเห็นเกี่ยวกับการส่งของคุณ ด้วยวิธีนี้ คุณสามารถสร้างประวัติการแก้ไขที่ใช้อธิบายโค้ดให้กับผู้ดูแลที่เป็นไปได้หรือคนที่คุณต้องการสอน
นอกจากนี้ การมีองค์กรโฮสต์โอเพนซอร์สเช่น GitHub เป็นวิธีที่ยอดเยี่ยมในการให้ผู้คนค้นหาตัวอย่างโค้ดและหลักสูตรของคุณ มีส่วนร่วมกับพวกมัน และให้ข้อเสนอแนะที่มีความหมายแก่คุณ ปัญหาที่รายงานเป็นปัญหาบนแพลตฟอร์มเช่นนี้เข้าใจง่ายกว่าข้อเสนอแนะแบบสุ่มผ่านอีเมลหรือแพลตฟอร์มโซเชียลมีเดีย ไม่ว่าคุณจะตั้งหลักแหล่งที่ไหน สิ่งสำคัญคือคุณไม่ควรพึ่งพาโซลูชันฟรี แต่ควรมีการมีอยู่ที่ดีกว่าและมีบริการบนแพลตฟอร์ม สิ่งเหล่านี้ไม่แพง และคุณไม่ต้องการจบลงด้วยสถานการณ์ที่โค้ดของคุณเข้าถึงไม่ได้ เนื่องจากคุณถึงขีดจำกัดบางอย่างหรือแพลตฟอร์มเปลี่ยนแปลง
เคล็ดลับ: นี่เป็นจุดสำคัญ แพลตฟอร์มใดก็ตามที่คุณเลือกควรเป็นการสำรองข้อมูลและวิธีที่ผู้คนค้นหาคุณ คุณไม่ควรฝากสิ่งต่างๆ ไว้ในที่ที่คุณไม่สามารถได้รับการสำรองข้อมูลทั้งหมดของคุณได้ตลอดเวลาเพื่อย้ายไปที่อื่น ตลาดของเราเปลี่ยนแปลงตลอดเวลา ดังนั้นตรวจสอบให้แน่ใจว่าคุณไม่พึ่งพาทรัพยากรที่อาจหายไปในเร็วๆ นี้ และงานทั้งหมดของคุณ
ความจริง: แพลตฟอร์มแชร์โค้ดที่ใช้ Git นั้นเข้ากันได้โดยการออกแบบ ดังนั้นสิ่งนี้ควรให้ความปลอดภัยแก่คุณ แพลตฟอร์มเหล่านี้ยังได้รับการปรับให้เหมาะสมอย่างสูงสำหรับการให้บริการและส่งมอบโค้ด เช่นเดียวกับ YouTube และบริการที่คล้ายกันได้รับการปรับให้เหมาะสมสำหรับการสตรีมสื่อ
เมื่อพูดถึงโค้ดกับผู้คน ความรำคาญหลักอย่างหนึ่งของฉันคือคุณต้องมีโค้ดที่สามารถเรียกใช้ได้และโค้ดที่อ่านได้ในบทช่วยสอนและเอกสารประกอบของคุณ ฉันใช้เวลาหลายปีในการเปลี่ยนโค้ดที่ทำงานได้ดีให้แสดงอย่างถูกต้องในแพลตฟอร์มบล็อกและหนังสือ โดยการโฮสต์ตัวอย่างของคุณบนแพลตฟอร์มเช่นนี้ นี่ไม่ใช่ปัญหาเลย
การโฮสต์อัตโนมัติ
แพลตฟอร์มโฮสต์โค้ดไม่เพียงแต่อนุญาตให้คุณจัดเก็บโค้ดของคุณและทำให้ผู้คนสามารถเข้าถึงได้ แพลตฟอร์มเหล่านี้ยังมีกลไกข้อเสนอแนะในตัว ผู้คนสามารถนำโค้ดของคุณ ทำสำเนา และแก้ไขตามความต้องการของพวกเขาที่นั่น
สำหรับคุณ คุณยังสามารถเลือกเพิ่มวิกิและเอกสารประกอบ ที่สำคัญกว่านั้น แพลตฟอร์มส่วนใหญ่ไม่เพียงแต่อนุญาตให้คุณโฮสต์โค้ดของคุณ แต่ยังอนุญาตให้คุณเรียกใช้มันด้วย แน่นอนว่ามีข้อจำกัดบางอย่าง คุณสามารถแสดง HTML, CSS และ JavaScript ได้ในแพลตฟอร์มเหล่านี้เกือบทั้งหมด โค้ดที่เรียกใช้ได้ฝั่งเซิร์ฟเวอร์หาที่โฮสต์ได้ยากกว่า แต่ก็มีแพลตฟอร์มบางแห่งที่อนุญาตให้แอปพลิเคชันเต็มรูปแบบโฮสต์ร่วมกับซอร์สโค้ด
แพลตฟอร์มส่วนใหญ่จะมีเครื่องมือสร้างเว็บไซต์แบบคงที่ เช่น Gatsby, Jekyll หรือเครื่องมือที่คล้ายกัน หากคุณกำลังอ่านหนังสือเล่มนี้ทางออนไลน์ นี่คือสิ่งที่ฉันใช้ ข้อความที่นี่เขียนด้วย markdown และฉันใช้ GitHub pages และ Jekyll เพื่อสร้าง HTML
แซนด์บ็อกซ์โค้ด
นอกเหนือจากแพลตฟอร์มสำหรับโฮสต์โค้ดและผลิตภัณฑ์ของคุณแล้ว ยังมีบริการแซนด์บ็อกซ์โค้ดให้ใช้งาน บริการเหล่านี้อนุญาตให้คุณเขียนตัวอย่างโค้ดและแชร์ซอร์สโค้ดและความสามารถในการเรียกใช้กับโลก แพลตฟอร์มเหล่านี้เป็นทั้งตัวแก้ไขและที่ดูผลลัพธ์ และได้รับการปรับให้เหมาะสมอย่างสูงสำหรับการใช้งานนี้ เป็นโบนัสเพิ่มเติม พวกมันยังอนุญาตให้คุณฝังตัวอย่างโค้ดในโพสต์บล็อกและบทความ
JSFiddle เป็นหนึ่งในแรกๆ ต่อมา JSBin ได้รับความนิยม และ Codepen เป็นผู้เล่นรายใหญ่อีกรายในสาขานี้ พวกมันไม่เพียงแต่อนุญาตให้คุณเขียนโค้ดเว็บพื้นฐาน แต่ยังให้ตัวประมวลผลล่วงหน้าแก่คุณ เพื่อให้คุณสามารถมุ่งเน้นไปที่การแสดงให้ผู้คนเห็นว่าแนวคิดนามธรรมบางอย่างทำงานอย่างไร โดยไม่ต้องโน้มน้าวพวกเขาผ่านการตั้งค่าและปรับแต่งไลบรารีนามธรรม เมื่อฉันทำงานในทีม Mozilla Web Docs เราพบว่าการที่ผู้คนลองโค้ดโดยตรงในที่ที่อธิบายเป็นชัยชนะที่ยิ่งใหญ่
ในระหว่างการฝึกอบรม คุณอาจพบสถานการณ์ที่คอมพิวเตอร์ของพวกเขาไม่สามารถติดตั้งซอฟต์แวร์ใดๆ ได้เนื่องจากนโยบายของบริษัท โดยการใช้บริการเหล่านี้ คุณยังสามารถดำเนินการหลักสูตรของคุณได้ เนื่องจากผู้เข้าร่วมต้องการเพียงเบราว์เซอร์และการเชื่อมต่อ
สภาพแวดล้อมการเขียนโค้ดแบบเรียลไทม์
แพลตฟอร์มเหล่านี้หลายแห่งยังมีโหมดสาธิตและโหมดสด อนุญาตให้คุณพัฒนากับผู้อื่นแบบเรียลไทม์ เช่นเดียวกับที่คุณสามารถใช้ Office 365 และ Google Docs เพื่อเขียนข้อความร่วมกัน Code Sandbox, Glitch และแพลตฟอร์มอื่นๆ อีกมากมายถนัดในเรื่องนี้ Codepen และ JSBin ก็ได้อัปเกรดชุดคุณสมบัติของพวกเขาเพื่อรองรับการใช้งานนี้เช่นกัน
สภาพแวดล้อมการเขียนโค้ดสดเป็นสิ่งที่ยอดเยี่ยมสำหรับการแสดงบางอย่างให้กับลูกค้าที่มีศักยภาพที่กำลังพิจารณาจองเวิร์กช็อปหรือการพูดของคุณ พวกมันยังเป็นวิธีที่ยอดเยี่ยมในการสร้างกรณีการใช้งานที่เรียบง่ายและแก้ปัญหาร่วมกับทีมจากที่ใดก็ได้ในโลก ไม่น่าแปลกใจที่พวกมันมักถูกใช้ในการสัมภาษณ์เช่นกัน
การแสดงโค้ด
แพลตฟอร์มบางแห่งทำได้ดีในการสร้างชุมชนรอบตัวอย่างโค้ด ตัวอย่างเช่น Codepen เป็นแหล่งขุดทองสำหรับการค้นหาตัวอย่างที่สามารถเพิ่มในการพูดของคุณและอธิบายว่าเทคโนโลยีใดที่ทำให้พวกมันเป็นไปได้ อย่างไรก็ตาม สิ่งสำคัญคือต้องให้เครดิตกับคน คุณยังสามารถมีส่วนร่วมและสร้างชื่อเสียงให้ตัวเองโดยการแสดงสิ่งที่เจ๋งที่นั่น
โดยปกติตัวอย่างเหล่านี้เล่นกับเทคโนโลยีล่าสุด เป็นวิธีที่ดีสำหรับคุณในฐานะนักเผยแพร่นักพัฒนาที่จะแสดงคุณค่าให้กับผู้ใช้รายอื่นที่มีศักยภาพ และหลังจากนั้น พวกเขาก็สนุกกับการเล่น ฉันพบว่ามีคนน่าสนใจหลายคนที่แชร์ข้อมูลผ่านเว็บไซต์แสดง และการสาธิตบางอย่างมีบทบาทในการทำให้เบราว์เซอร์ที่ฉันทำงานดีขึ้น เนื่องจากพวกมันมีภาระบางอย่างต่อเอนจิ้นการเรนเดอร์
ถ่ายโอนโดยอนุญาตจาก: Developer Relations »
