บทนำเกี่ยวกับหน้าเว็บการผลิตหน้าเว็บ: เคล็ดลับการประหยัดเวลาสิบอันดับแรกสำหรับการพัฒนาเว็บแอปพลิเคชันที่สั้นลง
ในสภาพแวดล้อมการพัฒนาวันนี้เร็วเป็นสิ่งที่ดี
คำศัพท์และคำศัพท์ยอดนิยมของวันนี้เช่นการพัฒนาแอปพลิเคชันอย่างรวดเร็วการพัฒนาซอฟต์แวร์ Agile, Asynchronous JavaScript และ XML (ตอนนี้เราไม่สามารถรอแม้แต่หน้าเว็บที่จะโหลดใหม่) ช่วยให้คุณเห็นว่าคุณอยู่ในโลกที่รวดเร็ว
แต่การรีบทำสิ่งต่าง ๆ ไม่ได้หมายความว่าคุณต้องทำงานล่วงเวลา - คุณต้องคิดเกี่ยวกับมันเมื่อคุณทำงาน บทความนี้จะให้ เคล็ดลับการประหยัดเวลาสิบประการสำหรับการพัฒนาเว็บแอปพลิเคชันที่สั้นลง
1. ใช้เฟรมเวิร์กเฟรมเวิร์กดึงรหัสปกติให้คุณมีโครงสร้างพื้นฐานและรากฐานสำหรับการเขียนเว็บแอปพลิเคชัน
ตัวอย่างทั่วไปของกรอบงานคือ Rails ซึ่งเป็นกรอบการพัฒนาเว็บแอปพลิเคชันสำหรับภาษาการเขียนโปรแกรมทับทิม ด้วยการจัดหาแพ็คเกจรหัสที่เขียนไว้ล่วงหน้าให้คุณ (ตัวอย่างเช่นวิธีการตรวจสอบการป้อนข้อมูลผู้ใช้) - คุณไม่เพียง แต่ประหยัดเวลาในการเขียนรหัสของคุณเองในทับทิม - คุณยังชัดเจนมากว่าแพ็คเกจเหล่านี้ได้รับการทดสอบและทดสอบโดยนักพัฒนาอื่น ๆ
ประโยชน์เดียวกันนี้ยังใช้ได้กับการใช้เฟรมเวิร์ก JavaScript เช่น Mootools วิธีการเรียนบางส่วนกรอบเหล่านี้ให้กับคุณนั้นได้รับการจัดหาโดยนักพัฒนาหลักและชุมชนและได้รับการทดสอบโดยการทดสอบอย่างกว้างขวางในเบราว์เซอร์หลายแห่ง กรอบภาษาสคริปต์ของลูกค้ายังรวมถึง jQuery, ต้นแบบ JS และ Yui หากคุณต้องการใช้เฟรมเวิร์ก JS ที่ไม่เป็นกระแสหลักคุณสามารถดูรายการ JavaScript Frameworks ที่มีศักยภาพได้อย่างยอดเยี่ยม
สำหรับเฟรมเวิร์กฝั่งเซิร์ฟเวอร์คุณสามารถพิจารณา Cakephp, CodeIgniter, Zend หรือ Symphony หากคุณชอบภาษา VB และ Microsoft ที่รองรับเช่น C#คุณสามารถพิจารณาเฟรมเวิร์ก. NET ได้
คุณยังสามารถใช้เฟรมเวิร์ก CSS เช่น 960Grid หรือพิมพ์เขียวเพื่อเขียนและสร้างมาตรฐานโครงสร้างหน้าของคุณเองได้อย่างรวดเร็ว
2. ใช้สภาพแวดล้อมการพัฒนาแบบบูรณาการแน่นอนคุณสามารถสร้างเว็บแอปพลิเคชันและหน้าเว็บของพวกเขาด้วยตัวแก้ไขข้อความเช่น Notepad และ FTP แต่ฉันคิดว่าคนส่วนใหญ่คิดว่านี่ไม่ใช่วิธีที่ฉลาดในการพัฒนาโครงการเว็บไซต์ที่ซับซ้อนและแข็งแกร่ง
Integrated Development Environment (IDE) ซึ่งเตรียมความพร้อมกับคอลเลกชันของเครื่องมือที่คุณต้องการในการสร้างและจัดการโครงการเว็บไซต์ขนาดใหญ่ ฟังก์ชั่นของสภาพแวดล้อมการพัฒนาแบบบูรณาการมีการเปลี่ยนแปลง แต่พวกเขาทั้งหมดมีคุณสมบัติทั่วไปบางอย่างดังนี้
1. การจัดการโครงการและฟังก์ชั่นการทำงานร่วมกันของทีม
2. ฟังก์ชั่นการดีบักและการวินิจฉัย
3. ไวยากรณ์พรอมต์และฟังก์ชั่นการเสร็จสิ้นอัตโนมัติ (IDE จะเดาไวยากรณ์ที่คุณต้องการเขียน)
4. ไวยากรณ์ไฮไลต์
5. FTP ในตัวสามารถซิงโครไนซ์ไฟล์บนโฮสต์ท้องถิ่นและระยะไกล
คำว่า ide อาจเป็นแฟนซีเล็กน้อยและบางคนไม่คุ้นเคย แต่คนข้อมูลขนาดใหญ่ควรได้ยินเกี่ยวกับ Dreamweaver ของ Adobe Dreamweaver ถือได้ว่าเป็นสภาพแวดล้อมการพัฒนาแบบบูรณาการ เนื่องจากมีฟังก์ชั่นบางอย่างที่กล่าวถึงข้างต้นจึงช่วยให้คุณเขียนโค้ดได้เร็วขึ้น (เขามักจะเหมาะสำหรับการผลิตส่วนหน้า แต่ยังรองรับภาษาฝั่งเซิร์ฟเวอร์เช่น PHP และ ASP.NET)
ทุกวันนี้มี IDEs ออนไลน์มากมายสิ่งที่คุณต้องทำคือเลือกหนึ่งตัวเอง (หรือทีมของคุณ) เช่นเดียวกับ Ides ที่ได้รับความนิยมและมีคุณสมบัติครบถ้วนเช่น Eclipse, Komodo IDE, NetBeans, Visual Studio และ Aptana Studio
3. โมดูลาร์ที่เหมาะสมModularity เป็นกุญแจสำคัญในการสร้างแอพพลิเคชั่นที่ซับซ้อนซึ่งง่ายต่อการบำรุงรักษาและปรับขนาด โดยพื้นฐานแล้วนี่หมายความว่ารหัสถูกเขียนเป็นชิ้นส่วนเล็ก ๆ แทนที่จะเขียนโค้ดทั้งหมดลงในไฟล์ขนาดใหญ่
จุดเริ่มต้นแบบแยกส่วนมีค่าใช้จ่ายเวลาของตัวเอง (เพราะคุณต้องใช้ความพยายามอย่างมากในการออกแบบโครงสร้างไฟล์) อย่างไรก็ตามเมื่อคุณต้องการเปลี่ยนส่วนประกอบหรือต้องการขยายแอปพลิเคชันของคุณมันจะช่วยให้คุณประหยัดเวลาได้มาก
Modularity ยัง จำกัด ข้อบกพร่องของโมดูล หากมีปัญหาคุณจะพบปัญหาอย่างรวดเร็ว
อย่างไรก็ตามการละเมิดของโมดูลจะทำให้เกิดการขยายตัวในรหัสและไม่จำเป็นต้องมีข้อความจำนวนมากเกินไปซึ่งจะทำให้แอปพลิเคชันทั้งหมดช้าลงอย่างมาก ดังนั้นระหว่างโมดูลที่สูงเกินไปและต่ำเกินไปเราจำเป็นต้องมีความสมดุลที่ดี
รูปแบบการออกแบบแบบแยกส่วนบางรูปแบบรวมถึงโหมด MVC และ PAC
4. ใช้เครื่องมือเบราว์เซอร์เพื่อแก้ไขปัญหาส่วนหน้าได้อย่างมีประสิทธิภาพไม่มีวิธีจัดการกับสิ่งที่เลวร้ายไปกว่าความเข้ากันได้ข้ามเบราว์เซอร์และปัญหาการแยกวิเคราะห์ เสานี้จะทำให้คุณคลั่งไคล้และความหงุดหงิดที่ทำให้คุณเกือบจะทำให้คุณรู้สึกว่ามันยากที่จะบรรเทาความเกลียดชังของคุณโดยไม่ต้องทุบอะไรบางอย่าง อย่างไรก็ตามเครื่องมือการดีบักที่รวมอยู่ในเบราว์เซอร์จะทำการค้นหาและวินิจฉัยปัญหาส่วนหน้านอกเหนือจากอย่างรวดเร็วและมีประสิทธิภาพ
Firebug และ Web Developer เป็นเครื่องมือประหยัดเวลาที่จำเป็นอย่างยิ่งและพวกเขาได้กลายเป็นเครื่องมือสำคัญสำหรับนักพัฒนาเว็บส่วนหน้า Firbug สามารถดู DOM ได้อย่างง่ายดายเพื่อทำความเข้าใจหลักการของมันและสามารถปรับ CSS/HTML/JS ในการใช้งาน นอกจากนี้ยังสามารถช่วยคุณแก้ไขข้อบกพร่องและโปรไฟล์รหัส JavaScript ของคุณช่วยคุณแก้ปัญหาของสิ่งที่ทำให้สคริปต์ของคุณเรียกใช้การหยุดชะงัก Web Developer ให้เครื่องมือที่มีประโยชน์แก่คุณ เครื่องมือบางอย่างอนุญาตให้คุณคลิกที่องค์ประกอบหน้าเพื่อดูว่าการประกาศสไตล์ใดที่มีผลต่อองค์ประกอบและยังสามารถทำให้คุณสามารถปิดใช้งาน JavaScript และ CSS ได้สะดวกช่วยให้คุณเข้าใจว่าหน้าของคุณทำงานอย่างไรโดยไม่ต้องใช้ JavaScript หรือ CSS
หากคุณต้องการดีบักในเบราว์เซอร์ IE คุณสามารถลองใช้แถบเครื่องมือนักพัฒนา IE มันคล้ายกับ Firebug และนักพัฒนาเว็บในการใช้งาน หากคุณต้องการค้นหาเครื่องมือการดีบัก IE เพิ่มเติมที่รวมอยู่ในเบราว์เซอร์เพื่อช่วยคุณประหยัดเวลาการดีบักคุณสามารถคลิกลิงก์นี้
5. การใช้รหัสซ้ำหากคุณพบว่าตัวเองกำลังทำสิ่งที่ซ้ำ ๆ กันอยู่เสมอคุณควรไตร่ตรองโครงสร้างรหัสของคุณ พิจารณาการเรียนรู้รูปแบบการออกแบบทั่วไปที่จะช่วยให้คุณสร้างวิธีการที่ยืดหยุ่นได้แบบยืดหยุ่นฟังก์ชั่นและวัตถุ
ตัวอย่างเช่นหากคุณต้องการเชื่อมโยงไปยังฐานข้อมูลบ่อยครั้งคุณอาจต้องสร้างคลาสการเข้าถึงฐานข้อมูลเพื่อจัดการลิงค์ฐานข้อมูลแบบสอบถามและการส่งข้อมูล
6. สถานะโครงการความร่วมมือและการติดตามออนไลน์ที่จริง - คุณไม่ได้อยู่คนเดียวในงานของคุณ ไม่ว่าคุณจะทำงานให้กับทีมพัฒนาหรือสำหรับใครบางคน (บุคคลนั้นอาจเป็นเจ้านายหรือลูกค้าของคุณ) คุณควรเพลิดเพลินไปกับประโยชน์ของการร่วมมือกันออนไลน์และสถานะโครงการติดตาม
เวลาน้อยลงที่คุณใช้ไปกับงานด้านการบริหารหรือเวลาที่คุณใช้ในการประชุมที่ไม่มีที่สิ้นสุดน้อยลง (หรือแย่กว่านั้นคือการประชุมด้วยตนเองที่ต้องใช้การเดินทางเพื่อธุรกิจ) - ยิ่งคุณใช้เวลากับรหัสมากขึ้น
เครื่องมือเช่น Basecamp, Lighthouse และ ActiveCollab ให้บริการการทำงานร่วมกันของทีมแบบครบวงจรที่ช่วยให้คุณสามารถติดตามสถานะของโครงการของคุณได้ตลอดเวลาและคุณสามารถตั้งเป้าหมายโครงการและเหตุการณ์สำคัญ - เพื่อให้ทุกคนสามารถซิงค์โดยอัตโนมัติประหยัดเวลาในการตอบกลับอีเมลและคุณไม่ต้องใช้เวลา
เครื่องมือเหล่านี้จะช่วยให้คุณแยกแยะความสำคัญของสิ่งต่าง ๆ และตรวจสอบให้แน่ใจว่าทุกอย่างถูกจัดระเบียบและบันทึกในสถานที่ส่วนกลาง
7. การจัดรูปแบบอัตโนมัติและมาตรฐานของรหัสคุณต้องสร้างมาตรฐานรูปแบบรหัสทั้งหมดของคุณ นี่ไม่ใช่เพียงนิสัยที่ดีที่ต้องทำ แต่จะช่วยให้คุณเข้าใจรหัสได้อย่างรวดเร็วเมื่อคุณต้องกลับมาดูรหัสในอนาคต
การจัดรูปแบบรหัสอัตโนมัติช่วยให้คุณสามารถจัดรูปแบบรหัสทั้งหมดของคุณด้วยการคลิกเพียงครั้งเดียวแทนที่จะทำทีละบรรทัดหนึ่งบรรทัดซึ่งทำให้มั่นใจได้ว่าการเขียนรหัส การจัดรูปแบบอัตโนมัติยังช่วยลดความเสี่ยงของการปรับเปลี่ยนข้อผิดพลาดด้วยตนเอง
เรามีเครื่องมือมากมายที่จะช่วยเราทำสิ่งนี้ซึ่งส่วนใหญ่เป็นเครื่องมือออนไลน์ สำหรับ CSS โซลูชันโอเพ่นซอร์สยอดนิยมคือ CSSTIDY (Clean CSS เวอร์ชันออนไลน์เป็น CSSTIDY) สำหรับ HTML เรามี HTML เป็นระเบียบ
สำหรับสคริปต์เรามีรูปแบบซอร์สโค้ด PHP, ตัวเสริมสคริปต์ทับทิมและรหัสเสริมรหัส Plus (เครื่องมือนี้ใช้ในการจัดรูปแบบ C#, ActionScript และ Java)
8. ใช้เวลามากขึ้นในระหว่างขั้นตอนการรวบรวมและการวางแผนการป้องกันดีกว่าการรักษามาก บางทีตัวเลขอุดมการณ์บางอย่างเน้นที่จะไม่เสียเวลาในการวางแผน - ตรวจสอบให้แน่ใจว่าคุณได้รวบรวมข้อมูลทั้งหมดที่คุณต้องรู้และยังจำเป็นต้องใช้เวลาที่จำเป็นในการทำการบ้านของคุณ หากคุณไม่ทำการบ้านเพียงพอในการรวบรวมความต้องการมันจะนำไปสู่การคืบคลาน เหตุผลคือข้อกำหนดการทำงานที่ไม่คาดคิดต่าง ๆ
9. ใช้รหัสที่เป็นลายลักษณ์อักษรแล้วสมัยก่อนยังช่วยให้เราคิดค้นล้อดังนั้นจึงไม่จำเป็นที่เราจะต้องสร้างล้อด้วยตนเอง หากคุณเห็นคุณลักษณะที่น่าสนใจอยู่ที่ไหนสักแห่งมีโอกาสมากที่คนอื่น ๆ จะเขียนโค้ดให้คุณ (ไม่เพียง แต่สำหรับคุณ แต่สำหรับพวกเราทุกคน) สำหรับพื้นที่เก็บข้อมูล PHP PHP ให้คุณมีชั้นเรียนและสคริปต์จำนวนมากให้คุณดาวน์โหลดและใช้งาน สคริปต์ Hot ให้สคริปต์ต่าง ๆ ในภาษาอื่น ๆ หากคุณต้องการตัวอย่างโค้ดขนาดเล็กคุณสามารถไปที่ Devsnippets ไปยัง Taobao
หมายเหตุ: เฉพาะเมื่อคุณมีประสบการณ์เพียงพอและสามารถแยกแยะรหัสที่ดีและไม่ดีได้วิธีการข้างต้นจะช่วยคุณได้มาก มิฉะนั้นคุณจะพบว่ารหัสในผลิตภัณฑ์ขั้นสุดท้ายของคุณเต็มไปด้วยข้อบกพร่องและการเขียนนั้นยุ่ง
10. ฟังก์ชั่นง่ายๆคุณต้องประเมินคุณสมบัติบางอย่างของเว็บแอปพลิเคชันเพื่อพิจารณาว่าการลงทุนเวลาในคุณสมบัตินี้คุ้มค่าหรือไม่
ผู้ใช้ของคุณต้องการระบบการจัดการเนื้อหาที่ไม่ได้รับการปรับปรุงบ่อยครั้งเพื่อให้เอาต์พุต RSS ที่กำหนดเองสำหรับแต่ละหมวดหมู่ของบทความหรือไม่? คุณต้องการตัวแปลงสไตล์เว็บไซต์เพื่อช่วยให้คุณตรวจพบตำแหน่งที่ผู้ใช้เป็นภูมิศาสตร์และแสดงเว็บไซต์ในรูปแบบที่แตกต่างกัน
การเขียนฟังก์ชั่นเว็บไซต์เป็นการต่อสู้ที่ยากลำบาก อย่าเสียเวลาในการพัฒนาคุณสมบัติที่ไร้ประโยชน์ต่อผู้ใช้และฟังก์ชั่นเหล่านี้จะทำให้ส่วนต่อประสานกับผู้ใช้มีความซับซ้อน
ข้อความต้นฉบับ : SixRevisions.com