เวิร์กโฟลว์ที่เป็นกันเองสำหรับการออกแบบเว็บแอพคืออะไร?

เป็นเวลานานแล้วที่ฉันได้ทำการพัฒนาเว็บไซต์มากมายและฉันต้องการใช้ประโยชน์จากแนวทางปฏิบัติล่าสุด แต่ฉันพยายามดิ้นรนเพื่อให้เห็นภาพเวิร์กโฟลว์เพื่อรวมทุกอย่างเข้าด้วยกัน

นี่คือสิ่งที่ฉันต้องการใช้:

• กรอบ CakePHP
• jsmin (ลดขนาด JavaScript)
• SASS (สไตล์ที่น่ากลัวโดยรวม)
• Git

CakePHP:

อธิบายตนเองได้สวยทำการแก้ไขและอัพเดทแหล่งข้อมูล

JSMin:

เมื่อคุณแก้ไขสคริปต์ให้คุณรัน jsmin ด้วยตนเองเพื่อเอาท์พุทโค้ด minified ใหม่หรือจะเป็นการดีกว่าถ้าคุณใช้ฮุคที่มีการยอมรับล่วงหน้าที่สร้าง jsmin outputs ของไฟล์จาวาสคริปต์ที่มีการเปลี่ยนแปลงโดยอัตโนมัติ สมมติว่าฉันไม่มีความรู้ในการติดตั้ง commit hooks

SASS:

ฉันชอบสิ่งที่ SASS นำเสนอ แต่ฉันก็ทราบด้วยว่า SASS code ไม่ได้รับการสนับสนุนโดยเบราว์เซอร์โดยค่าเริ่มต้นดังนั้นในบางครั้งรหัส SASS จะต้องเปลี่ยนเป็น CSS ปกติ เสร็จสิ้นในจุดใดในเวิร์กโฟลว์

Git

ฉันกลัวที่จะยอมรับ แต่ครั้งสุดท้ายที่ฉันได้ทำการพัฒนาเว็บไซต์ที่สำคัญฉันไม่ได้ใช้การควบคุมแหล่ง SCM (IE ฉันใช้การควบคุมแหล่งที่มา แต่ประกอบด้วยบันทึกการเปลี่ยนแปลงที่มีรายละเอียดมากพร้อมการสำรองข้อมูล)

ฉันมีประสบการณ์มากมายในการใช้ Git (เช่นเดียวกับ Mercurial และ SVN) สำหรับการพัฒนาเดสก์ท็อป แต่ฉันสงสัยว่าจะนำมันไปใช้ในการพัฒนาเว็บไซต์ได้ดีที่สุดอย่างไร

เป็นเรื่องปกติหรือไม่ที่จะใช้พื้นที่เก็บข้อมูลระยะไกลบนโฮสต์เว็บเพื่อให้ฉันสามารถผลักดันการเปลี่ยนแปลงโดยตรงไปยังเซิร์ฟเวอร์ที่ใช้งานจริงหรือมีเครื่องมือข้ามแพลตฟอร์ม (windows / linux) ที่ทำให้ง่ายต่อการอัปโหลดเฉพาะไฟล์ที่เปลี่ยนแปลงไปยังเซิร์ฟเวอร์ที่ใช้งานจริง . มี บริษัท ให้บริการเว็บโฮสติ้งที่ทำให้การใช้พื้นที่เก็บข้อมูลระยะไกลเป็นเรื่องง่ายฉันต้องใช้ SSH หรือไม่

ฉันรู้วิธีการทำสิ่งนี้บนเซิร์ฟเวอร์ทดสอบของฉันเองด้วยที่เก็บระยะไกลที่มีสาขาการติดตามระยะไกลแยกต่างหากอยู่แล้ว แต่ฉันไม่เคยทำมันบนเว็บโฮสติ้งเซิร์ฟเวอร์การผลิตระยะไกลมาก่อน

เสริม:

ฉันกำลังพิจารณาการนำกรอบงานจาวาสคริปต์มาใช้ซึ่งไฟล์จาวาสคริปต์แยกที่ใช้ในหน้าถูกรวบรวมเป็นไฟล์เดียวสำหรับแต่ละหน้าบนเซิร์ฟเวอร์ที่ใช้งานจริงเพื่อ จำกัด จำนวนการดาวน์โหลดไฟล์ที่ต้องการต่อหน้า

สิ่งนี้มีอยู่แล้วใช่ไหม มีโครงการโอเพนซอร์สในป่าอยู่แล้วซึ่งใช้สิ่งที่คล้ายกันซึ่งฉันสามารถใช้และมีส่วนร่วมได้หรือไม่?

พิจารณาว่าผู้พัฒนาเว็บหวาดระแวงมีความสามารถในการทำงานอย่างไร (และความจริงที่ว่าจำนวนการร้องขอไฟล์ในเว็บไซต์นั้นเป็นที่นิยมอย่างมากต่อประสิทธิภาพการทำงาน) ฉันคาดเดาว่ามีแฮ็กเกอร์ตัวช่วยสร้างบนเน็ต

คุณสามารถตรวจสอบส่วนขยาย PageSpeed ​​ของ Google สำหรับ Apache : ในขณะนี้มีตัวเลือกในการรวมและย่อขนาด Javascript และ CSS โดยอัตโนมัติและรวมกับการแคชซึ่งจะเหมาะกับสิ่งที่คุณพูดถึงในตอนท้ายของโพสต์

JSMin

หากคุณไม่มี JS คุณสามารถตั้งค่าบางอย่างเพื่อลดขนาดทุกครั้งที่คุณบันทึก หากคุณมี JS จำนวนมากให้เป็นส่วนหนึ่งของกระบวนการปรับใช้ของคุณ (ดู Git ด้านล่าง)

SASS

ใช้เข็มทิศกรอบ มันมี SASS รวมถึงสคริปต์เล็กน้อยที่ "เฝ้าดู" ไดเรกทอรี SASS ของคุณและรวบรวมไฟล์เป็น CSS (รวมถึง CSS แบบย่อหากคุณต้องการ) ทุกครั้งที่คุณบันทึก มันสร้างขึ้นด้วย RoR ในใจ แต่คุณสามารถใช้กับกรอบเว็บใด ๆ ได้อย่างง่ายดายโดยการสร้างไฟล์ Compass config และเรียกใช้คำสั่ง "Compass Watch" เข็มทิศยังมีเครื่องมือที่มีประโยชน์อื่น ๆ อีกมากมายเช่นพิมพ์เขียว , มิกซ์อินที่มีประโยชน์และการสร้างสไปรต์อัตโนมัติผ่านปลั๊กอิน Lemonade (ซึ่งควรสร้างไว้ใน Compass ในรุ่นถัดไป )

Git

ขึ้นอยู่กับขนาด / ความซับซ้อนของเว็บไซต์พิจารณาCapistranoรูปแบบการปรับใช้ ไม่แน่ใจว่าคุณสามารถใช้ Capistrano โดยตรงกับ CakePHP แต่สิ่งสำคัญคือ: เซิร์ฟเวอร์การผลิตแต่ละเครื่องมีโฟลเดอร์ "ปัจจุบัน" ซึ่งมีรหัสทั้งหมดที่กำลังทำงานอยู่ในขณะนั้น ทุกครั้งที่คุณต้องการปรับใช้รหัสใหม่คุณเรียกใช้สคริปต์ที่ ssh ไปยังเซิร์ฟเวอร์การผลิตแต่ละเครื่องและมี (ก) คัดลอกเนื้อหาของโฟลเดอร์ "ปัจจุบัน" ลงในโฟลเดอร์สำรอง (ด้วยชื่อรุ่น / เวลาประทับ) b) ตรวจสอบรหัสล่าสุดจาก Git ลงในโฟลเดอร์ "current" และ (c) เริ่มให้บริการรหัสใหม่นี้จากโฟลเดอร์ "current" ด้วยวิธีนี้คุณสามารถย้อนกลับไปยังรุ่นก่อนหน้าใดก็ได้หากจำเป็นและคุณสามารถบอกได้อย่างชัดเจนว่าการแก้ไขใดที่ใช้งานจริง Capistrano ยังให้คุณเพิ่มงานที่กำหนดเองทุกประเภทเป็นส่วนหนึ่งของกระบวนการปรับใช้รวมถึง JS / CSS minifaction

พิเศษ

ใช่มีพวง Google สำหรับบางอย่างเช่น "CSS / JS concat" นี่คือหนึ่งอย่างรวดเร็วผมพบว่าสำหรับ CakePHP: สินทรัพย์เกย์