อย่างไรก็ตามมีทักษะบางอย่างที่งานพัฒนาแบบ Front-end จะต้องใช้คือทักษะหลักและอื่น ๆ อีก 2-3 อย่างที่คุณควรพิจารณาอย่างจริงจังในการเพิ่มเพลงของคุณ
สิ่งที่คุณต้องรู้
เรียกดูรายการงานออนไลน์ในการค้นหาสิ่งที่เป็นกุญแจสำคัญสำหรับนักพัฒนาหน้าเพื่อทราบและเข้าใจ มีสามสิ่งสำคัญคือ
เจรจาไม่ได้
และเป็น:
- HTML
- CSS
- JavaScript (jQuery)
นี่เป็นพื้นฐาน โชคดีที่มี แพลตฟอร์มการเรียนรู้ออนไลน์ฟรีหรือไม่เสียค่าใช้จ่าย มากมายซึ่งคุณสามารถเรียนรู้ทักษะเหล่านี้หากคุณไม่รู้จักพวกเขาอยู่แล้ว
HTML
HyperText Markup Language หรือ HTML เป็นส่วนประกอบโครงสร้างหลักของเว็บไซต์ทั้งหมดบนอินเทอร์เน็ต ในฐานะที่เป็น Jennifer Kyrnin กล่าวว่า "
"เป็นภาษาของหน้าเว็บซึ่งเป็นภาษามาร์คอัปที่เบราว์เซอร์อ่านเพื่อแสดงผลหน้าเว็บ"
เว็บเพจไม่สามารถอยู่ได้หากไม่มี HTML
CSS
CSS และ HTML ทำงานร่วมกัน: CSS เพิ่มรูปแบบ HTML ฉันชอบที่จะใช้ความคล้ายคลึงกันที่ HTML เป็นเหมือนใบหน้าและ CSS ก็เหมือนกับการแต่งหน้า
แม้ว่า CSS จะไม่จำเป็นต้องมีเว็บไซต์ออนไลน์ แต่โดยทั่วไปแล้วเว็บไซต์ออนไลน์ทุกประเภทจะใช้รูปแบบการจัดรูปแบบบางอย่าง
มิฉะนั้นก็น่าจะน่าเบื่อ ด้วย CSS รุ่นล่าสุดคุณสามารถทำสิ่งต่างๆเช่นภาพเคลื่อนไหวและการจัดแต่งทรงผมที่ทันสมัยซึ่งทำได้เฉพาะกับ JavaScript หรือ Flash ในอดีตเท่านั้น
JavaScript
JavaScript หรือ JS ได้รับความก้าวหน้าอย่างรวดเร็วในช่วงหลายปี มีจุดประสงค์มากมายในปัจจุบันและสามารถใช้งานได้ที่ด้านหน้าหรือด้านหลัง
เกี่ยวกับการพัฒนา front-end JS มีความสำคัญเนื่องจากช่วยให้หน้าเว็บโต้ตอบได้ คุณสามารถทำสิ่งที่น่ากลัวเช่นสร้างแบบสำรวจแบบทดสอบหรือส่งแบบฟอร์ม
ปัจจุบันมีห้องสมุด JS จำนวนมากเพื่อช่วยให้คุณสามารถใช้หน้าเว็บของคุณไปอีกขั้น
อย่างไรก็ตามในการเป็นนักพัฒนาซอฟต์แวร์หน้าคุณต้องเข้าใจ JavaScript ขั้นพื้นฐานและไลบรารี JS ที่เป็นที่นิยมมากที่สุดเช่น jQuery
ที่ดีต่อการ Haves
หลังจากได้รับพื้นฐานเหล่านี้เป็นทักษะอื่น ๆ ที่ดีที่มี (และงานพัฒนา front-end มองหาพวกเขา.)
MV * กรอบงาน JavaScript
กรอบ JavaScript ช่วยในการจัดระเบียบและย่อรหัสของคุณ
เท่าที่ตัวเลือก MV * (หรือ MVC) ไปมีสามสิบออกมี: สองที่นิยมมากที่สุดคือ backbone.js และ angular.js
ไม่ต้องสงสัยเลยว่าการเรียนรู้กรอบ JS เป็นส่วนที่ยากที่สุดในการเป็นนักพัฒนาหน้าเว็บที่แท้จริง แต่เป็นวิธีที่ดีที่สุดในการนำทักษะของคุณไปสู่ระดับต่อไป
เครื่องมือ CSS
เมื่อเทียบกับกรอบ JavaScript ด้านบนเครื่องมือ CSS ด้านล่างนี้เป็นเรื่องง่ายในการเรียนรู้ มีสามประเภทเพื่อหา:
Precompilers: การใช้ precompiler (หรือ preprocessor) มีข้อดีหลายประการตั้งแต่การทำความสะอาดโค้ดไปจนถึงการดูแลรักษาองค์กร เป็นวิธีที่ง่ายในการเขียน CSS และส่งเสริมหลักการ DRY (อย่าทำซ้ำเลย) Precompilers CSS ยอดนิยม ได้แก่ Sass, Less และ Stylus ถ้าคุณเพิ่งเริ่มต้นให้ติดการเรียนรู้
กรอบ CSS: กรอบ CSS ช่วยเพิ่มประสิทธิภาพเวิร์กโฟลว์ของคุณด้วยกริดภายในและคอมโพเนนต์ CSS อื่น ๆ ตัวอย่างที่ได้รับความนิยมคือ Bootstrap and Foundation
การออกแบบที่ตอบสนองได้: วันนี้มีอุปกรณ์ประเภทต่างๆมากมายที่ไซต์ของคุณควรสามารถปรับให้เข้ากับอุปกรณ์เหล่านี้ทั้งหมด การออกแบบที่ตอบสนองต่อการใช้งานช่วยให้คุณสร้างเว็บไซต์ที่ทำงานได้บนทุกขนาดของหน้าจอ - เดสก์ท็อปแท็บเล็ตและสมาร์ทโฟน กรอบเช่น Bootstrap และ Foundation มีการออกแบบที่ตอบสนองอยู่ภายในดังนั้นหากคุณได้เรียนรู้สิ่งเหล่านี้คุณจะได้รับการตั้งค่า
เครื่องมือสร้าง Front-End
ในฐานะนักพัฒนาคุณควรสามารถจัดการการเพิ่มประสิทธิภาพขนาดไฟล์และประสิทธิภาพเวิร์กโฟลว์ได้ เครื่องมือเหล่านี้สามารถช่วยได้
การจัดการแพคเกจ: การจัดระเบียบห้องสมุดเนื้อหาและอื่น ๆ อาจเป็นเรื่องยากโดยเฉพาะอย่างยิ่งสำหรับโครงการขนาดใหญ่หรือโครงการที่คุณทำงานร่วมกับทีม
ใช้ผู้จัดการแพ็กเกจเช่น Bower เพื่อให้ทุกอย่างถูกจัดเรียงและเก็บบันทึกการอัปเดตของคุณ
Yeoman.io: หากบางครั้งคุณมีปัญหาในการสร้างโครงการจากพื้นดินให้ใช้ Yeoman เพื่อเริ่มต้นใช้งานโครงการได้อย่างรวดเร็วและยังคงมีประสิทธิผล มันทำงานบนบรรทัดคำสั่ง
Runners งาน: ใช้ Grunt หรือ Gulp ซึ่งทำงานบนบรรทัดคำสั่งเพื่อบีบอัดไฟล์และเพิ่มประสิทธิภาพเวิร์กโฟลว์ พวกเขาสามารถทำหน้าที่เป็นคอมไพเลอร์สำหรับ Sass หรือ Preprocessors น้อยและยังมีปลั๊กอินที่หลากหลายซึ่งมีคุณลักษณะอื่น ๆ
ข้อสรุป
ในขณะที่สิ่งที่ดีที่จะได้รับอาจดูเหมือนมากคิดว่าพวกเขาเป็นทักษะที่คุณควรจะเพิ่มในช่วงเวลา สิ่งสำคัญที่คุณต้องรู้คือ HTML, CSS และ JavaScript
หากคุณมี ทักษะทางเว็บอื่น ๆ แม้ว่าจะไม่ใช่ส่วนหน้าให้นำมาออกแบบแบบโต๊ะการตัดต่อวิดีโอ SEO ฯลฯ คุณไม่เคยรู้ว่า บริษัท ใดต้องการหา อะไร
และคาดเดาอะไร? คุณอาจจะพอดี