สิ่งตีพิมพ์ในหัวข้อ 'frontend'


การถอดรหัสภูมิทัศน์การพัฒนาของการพัฒนาเว็บ
เราจะก้าวไปสู่ระดับความซับซ้อนในปัจจุบันได้อย่างไรทีละขั้นตอน การพัฒนาเว็บไซต์ โดยเฉพาะส่วนหน้า ถือเป็นอาชีพที่ท้าทายที่สุดอย่างหนึ่งในการพัฒนาซอฟต์แวร์อย่างไม่ต้องสงสัย ภูมิทัศน์มีการพัฒนาอย่างต่อเนื่อง เครื่องมือและเทคโนโลยีล้าสมัยและถูกแทนที่ด้วยสิ่งใหม่อย่างรวดเร็วอย่างน่าประหลาดใจ มันยังกลายเป็นสาขาที่กว้างใหญ่เกินกว่า HTML, CSS และ Javascript ย้อนกลับไปสิบปี คุณลองนึกภาพดูไหมว่า Frontend Developer ที่ใช้ภาษาที่ตีความในการเขียนโค้ด..

การเปลี่ยนวิธีการเรียนรู้วิธีการเขียนโค้ด
ฉันและการเข้ารหัส ความสัมพันธ์เปิดและปิดที่เริ่มต้นเมื่อ 2 ปีที่แล้ว จนกระทั่งฉันตัดสินใจว่าจะต้องยึดติดกับมันต่อไป ไม่เช่นนั้นฉันแค่เสียเวลาอยู่หน้าจอเพื่อดูโค้ดที่ไม่มีที่สิ้นสุด เทคโนโลยีกระตุ้นความสนใจของฉันมาโดยตลอด และความสนใจนั้นก็กลายเป็นการตัดสินใจที่เปลี่ยนแปลงชีวิตไปโดยสิ้นเชิง เรื่องนั้นเกิดขึ้นเมื่อช่วงที่ไวรัสโควิด-19 ระบาด และทุกคนถูกขังอยู่ในบ้านที่ไหนสักแห่ง และฉันกำลังประสบปัญหาการติด Candy Crush เล็กน้อย เหมือนเป็นการเสพติดแบบเล่นเป็นชั่วโมง วันหนึ่ง..

🧱 Angular 16.0.0-next.1: การเลิกใช้ TS และ Node.js เก่า การปรับปรุงเราเตอร์
Angular 16.0.0-next.1 ซึ่งเป็นเวอร์ชันล่าสุดของเฟรมเวิร์กแอปพลิเคชันเว็บที่ใช้ TypeScript ยอดนิยม ได้นำการเปลี่ยนแปลงและการอัปเดตหลายประการเพื่อปรับปรุงประสบการณ์ของนักพัฒนา ในบทความนี้ เราจะพูดถึงการเปลี่ยนแปลงล่าสุดในคอมไพเลอร์, คอร์, เราเตอร์, ทั่วไป, คอมไพเลอร์-cli, การย้ายข้อมูล และแพลตฟอร์มเซิร์ฟเวอร์ของ Angular 16

ความแตกต่างระหว่าง AngularJS และ ReactJS
โดย Paula Clapon ผู้จัดการฝ่ายบุคคล @ Thinslices React.JS หรือ Angular.JS สำหรับการพัฒนาส่วนหน้า? นั่นคือคำถาม. ทั้งสองได้รับความนิยมอย่างมากและใช้กันอย่างแพร่หลายในหมู่นักพัฒนาทั่วโลก แต่อะไรคือความแตกต่างที่สำคัญระหว่าง Angular.JS และ React.JS? ความแตกต่างที่ใหญ่ที่สุดระหว่างทั้งสองคือ React.JS เป็นไลบรารีและไม่ใช่เฟรมเวิร์กในตัว ลองจินตนาการว่ามันเหมือนกับห้องสมุดจริงๆ: สถานที่ขนาดใหญ่ที่มีหนังสือดีๆ หรือที่เรียกว่า "ชิ้นส่วนการเขียนโค้ด" ในการพัฒนาซอฟต์แวร์..

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

ตอบสนอง : ส่วนประกอบทั้งหมด
ทำไมต้อง “ทั้งหมด” ทุกสิ่งใน React นั้นเป็นส่วนประกอบ มีสองวิธีในการสร้างส่วนประกอบ React วิธีแรกคือการใช้ฟังก์ชัน JavaScript ส่วนประกอบไร้สัญชาติคือองค์ประกอบที่สามารถรับข้อมูลและแสดงผลได้ แต่ไม่ได้จัดการข้อมูลนั้น หากต้องการสร้างส่วนประกอบที่มีฟังก์ชัน เพียงเขียนฟังก์ชัน JavaScript ที่ส่งคืน JSX หรือ null สำหรับอินสแตนซ์ อีกวิธีหนึ่งในการสร้างส่วนประกอบคือการใช้คลาสตามที่แสดงด้านล่าง สิ่งนี้จะสร้างคลาส Ari ซึ่งขยายคลาส React.Component ดังนั้นคลาส Ari..

3 เลเยอร์หลักของการพัฒนาส่วนหน้า
(หมายเหตุ: นี่เป็นหนึ่งในบทความที่เขียนในชุดการพัฒนาโดยใช้ปลั๊กอิน vue หากคุณยังใหม่ โปรดตรวจสอบเรื่องราวทั้งหมดที่นี่ ) ในระดับบนสุด หากเราเห็นการพัฒนาแอปพลิเคชันส่วนหน้า เราจะมีสามเลเยอร์หลัก ชั้นธุรกิจ (ลอจิก) ชั้นบริการ (การเรียก API) UI Layer (การนำเสนอ) มาพูดคุยกันเล็กน้อยเกี่ยวกับสิ่งเหล่านี้และจะสำรวจว่าเราจะปรับปรุงสิ่งนี้สำหรับแนวทางแบบโมดูลาร์ของเราได้อย่างไร เลเยอร์ธุรกิจ นี่คือที่ที่ตรรกะทั้งหมดของแอปพลิเคชันตั้งอยู่..