จะเป็นนักพัฒนา Front-End (2020 Edition) ได้อย่างไร

คุณต้องการทำงานกับ บริษัท ชั้นนำระดับโลกอย่างไรในขณะที่สร้างผลกระทบจากการพัฒนา front-end ที่สวยงาม?


มีความต้องการสูงสำหรับศิลปินยอดเยี่ยมของเว็บสมัยใหม่และคู่มือนี้จะแสดงวิธีเริ่มต้นให้คุณทราบ.

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

ส่วนแรกของคู่มือนี้มีไว้เพื่อตอบคำถามเร่งด่วนเกี่ยวกับการพัฒนาส่วนหน้า หากคุณรู้เกี่ยวกับความรับผิดชอบเงินเดือนและแง่มุมอื่น ๆ ของการเป็นผู้พัฒนาส่วนหน้าคุณสามารถข้ามส่วนที่ 2 ส่วนที่สองของคู่มือนี้มีไว้สำหรับทรัพยากรบทแนะนำและเคล็ดลับ.

การพัฒนาส่วนหน้าคืออะไร?

การพัฒนาเว็บส่วนหน้าเป็นการฝึกฝนการใช้ HTML, CSS และ JavaScript เพื่อสร้าง Web Apps ที่ไม่เหมือนใคร แอปเช่นเว็บไซต์เว็บไซต์บนมือถือ แต่ยังมีแอพมือถือและ แอพเว็บก้าวหน้า.

คุณสามารถคิดได้ด้วยวิธีนี้ทุกเว็บไซต์ที่คุณเรียกดูรวมถึงเว็บไซต์นี้สร้างโดยผู้พัฒนาส่วนหน้า อย่างน้อยในฝั่งลูกค้า.

CSS ใหม่กำลังเปลี่ยนแปลงทุกอย่างเกี่ยวกับการออกแบบกราฟิกบน Web Speaker Deckสิ่งที่ครั้งหนึ่งเคยต้องใช้เครื่องมือและกรอบงานที่กว้างขวางสามารถทำได้โดยใช้ข้อกำหนดเฉพาะ.

ในขณะที่ front-end เป็นหนึ่งในเส้นทางที่เข้าถึงได้ง่ายที่สุดในการพัฒนาเว็บไซต์ แต่มันก็เป็นหนึ่งในเส้นทางที่ท้าทายที่สุด.

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

คุณสามารถเรียนรู้การพัฒนา front-end ได้ฟรี?

คุณทำได้อย่างแน่นอน!

การเรียนรู้การพัฒนาเว็บทำได้ง่ายขึ้นมากส่วนใหญ่ต้องขอบคุณการไหลเข้าของทรัพยากรใหม่บทเรียนและโครงการโอเพ่นซอร์สมากมาย.

โครงการอย่าง freeCodeCamp กำลังช่วยเหลือผู้คนนับล้านในการเขียนโค้ดสำหรับโปรแกรมแรกของพวกเขา และ บล็อก freeCodeCamp เต็มไปด้วยบทความที่น่าตื่นเต้นไม่เพียง แต่เกี่ยวกับส่วนหน้า แต่ยังรวมถึงด้านอื่น ๆ ของการพัฒนาเว็บด้วย คุ้มค่ากับการคั่นหน้า!

ตัวอย่างรหัสไวยากรณ์ดูซับซ้อนไหม มันง่ายขึ้นด้วยการฝึกฝน!

แม้ว่าหลักฐานของคู่มือนี้จะช่วยให้คุณเรียนรู้ได้ฟรี แต่เราไม่สามารถมองข้ามข้อดีของหลักสูตรแบบชำระเงินได้.

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

เงินเดือนเฉลี่ยสำหรับนักพัฒนาส่วนหน้าคืออะไร?

นักพัฒนาส่วนหน้าที่มีประสบการณ์มาก่อนสามารถคาดหวังว่าจะได้กลับบ้านมากกว่า $ 100,000 ต่อปี ถ้าอาศัยอยู่ในสหรัฐอเมริกา.

นั่นไม่ใช่ตัวเลขที่ไม่ดี!

นักพัฒนารุ่นน้องสามารถคาดหวังว่าจะได้กลับบ้านจากที่ใดก็ได้ $ 60,000 ขึ้นไป.

ค่าเฉลี่ยนักพัฒนา Front End เงินเดือนในสหรัฐอเมริกา

และเงินเดือนในยุโรปก็ค่อนข้างสมเหตุสมผลเช่นกัน ประเทศเยอรมนีมี โดยเฉลี่ย 50,000 ดอลลาร์ต่อปี.

เป็นที่น่าสังเกตว่า ความนิยมของการทำงานระยะไกล มีการระเบิดในปีที่ผ่านมาซึ่งหมายความว่านักพัฒนากำลังมองหาการจ่ายเงินของพวกเขาทั่วกระดานให้เท่ากันตามมาตรฐานสากล นี่คือเหตุผลที่จะพิจารณาเป็นนักพัฒนาส่วนหน้ามากขึ้น!

วิธีการหางานในฐานะนักพัฒนาส่วนหน้า?

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

Remote Jobs Developer Design การเขียนการสนับสนุนลูกค้าเพิ่มเติมงานระยะไกลกำลังเติบโตในอัตราที่ไม่เคยมีมาก่อน ท้ายที่สุดผู้ที่ไม่ชอบความคิดในการทำงานจากที่บ้านหรือดีกว่าตรงจากชายหาด?

นี่คือรายการของบอร์ดงานยอดนิยมสำหรับนักพัฒนาส่วนหน้า:

นี่คือรายการย่อของเว็บไซต์ที่ให้คำแนะนำสำหรับการค้นหางานหน้าถัดไปของคุณ ทางเลือกอื่น ๆ ที่คุณมีคือการทำงานในโครงการส่วนบุคคลโดยหวังว่าจะสร้างผลกำไรหรือใช้เวลาในการทำกิ๊กอิสระ.

ทรัพยากร: เริ่มต้นที่ไหน.

ทรัพยากรต่อไปนี้เป็นข้อมูลเกี่ยวกับการเริ่มต้นใช้งาน เราใช้แนวทางเชิงเส้นอย่างมีเหตุผลในเรื่องนี้ และด้วยเหตุผลง่ายๆว่ามีทรัพยากรจำนวนมหาศาลอยู่ที่นั่น.

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

ขอแนะนำอย่างยิ่งให้คุณสละเวลากับแหล่งข้อมูลเหล่านี้เนื่องจากพวกเขาจะเตรียมหลักสูตรและแบบฝึกหัดให้คุณในส่วนที่สองของคู่มือนี้.

Codecademy

Codecademy

หากคุณใช้เวลาเพียงไม่กี่นาทีในการค้นหาแหล่งข้อมูลเพื่อเรียนรู้วิธีการเขียนโค้ด Codecademy ไม่ต้องสงสัยเลยว่าจะเป็นหนึ่งในเพลงฮิตอันดับแรกของคุณ แพลตฟอร์มเรียนรู้รหัสนี้เป็นที่รู้จักและให้บริการมากกว่า 100 ล้านคนตลอดระยะเวลาเจ็ดปี.

ในขณะนั้น Codecademy ค่อนข้างปฏิวัติรูปแบบอินเตอร์เฟซและการเข้ารหัสแบบไดนามิก และในขณะที่หลายคนติดตามเส้นทางเดียวกัน Codecademy ได้เก็บบันทึกการติดตามที่สอดคล้องกัน.

วันนี้คุณสามารถได้รับใบรับรองเมื่อเสร็จสิ้นและหลายคนได้ใช้ใบรับรองดังกล่าวเพื่อที่ดินงานใน การเริ่มต้นระดับสูงสุด; ในฐานะที่เป็นนักพัฒนาเยาวชนไม่น้อยเลย.

ในขณะที่มี อาร์กิวเมนต์ที่ Codecademy ยังไม่เพียงพอ.

จากมุมมองของนักพัฒนาที่มีประสบการณ์ – แน่นอนว่าแพลตฟอร์มนี้อาจง่ายเกินไป แต่ถ้าคุณเพียงแค่เรียนรู้เกี่ยวกับการพัฒนาส่วนหน้าแล้วไม่มีอะไรที่น่าพอใจไปกว่าการทำตามคำแนะนำทีละขั้นตอนพร้อมผลตามเวลาจริง.

Codecademy เสนอคลาสใน HTML5, CSS3, SASS, Python, JavaScript, Ruby, SQL และ Java.

เรียนรู้เค้าโครง CSS

เรียนรู้เค้าโครง CSS

ในฐานะนักพัฒนาส่วนหน้าคุณจะใช้เวลาพอสมควรในการทำงานกับเค้าโครง เลย์เอาต์เป็นผืนผ้าใบที่คุณจัดโครงสร้างเว็บไซต์ ข้อความบล็อกนี้อยู่ในตำแหน่งภายในแถวซึ่งเป็นส่วนหนึ่งของคอนเทนเนอร์ที่ใหญ่กว่า.

และที่ใช้กับการออกแบบหน้าเว็บทั้งหมด เมื่อใช้ Learn CSS Layout คุณจะได้รับความเข้าใจขั้นพื้นฐานเกี่ยวกับการทำงานของคอนเทนเนอร์และแถวและวิธีการจัดตำแหน่งเนื้อหาที่คุณต้องการ.

เครื่องมือเพิ่มเติมที่คุณสามารถสำรวจได้คือ Flexbox Froggy สำหรับ flexbox ความรู้พื้นฐานและ สวนกริด สำหรับ ตะแกรง ความรู้พื้นฐานตามลำดับ.

เลย์เอาต์เป็นหัวข้อที่สำคัญพอสมควรดังนั้นใช้เวลาไม่กี่ชั่วโมงในการดำน้ำลึกเพื่อสัมผัสกับเลย์เอาต์ของคุณ วิธีที่ดีที่สุดในการเรียนรู้คือการฝึกฝน.

เงินทุน

เทมเพลตบล็อก· Bootstrap

เมื่อคุณเข้าใจการทำงานของเค้าโครงแล้วก็ถึงเวลาที่จะทำการทดลองที่เป็นรูปธรรม แน่นอนคุณสามารถไปข้างหน้าและพยายามพัฒนา UI ที่กำหนดเองเป็นโครงการแรกของคุณ แต่นั่นอาจทำให้คุณกลัวมากกว่าที่จะกระตุ้นให้คุณทำต่อไป.

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

bootstrap ชุดโครงลวดสร้างโปรเจ็กต์แรกที่ตอบสนองต่อมือถือบนเว็บด้วยไลบรารีคอมโพเนนต์ front-end ที่ได้รับความนิยมมากที่สุดในโลก Bootstrap เป็นชุดเครื่องมือโอเพ่นซอร์สสำหรับการพัฒนาด้วย HTML, CSS และ JS.

Bootstrap มีการใช้งานอย่างหนักทั่วทุกเว็บและเป็นหนึ่งในเฟรมเวิร์กเอนด์ที่ได้รับความนิยมมากที่สุดในโลก.

Heck เปอร์เซ็นต์ที่ดีของเว็บไซต์ที่คุณเข้าชมทุกวันนั้นใช้ฟังก์ชั่น Bootstrap.

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

และถ้าคุณชอบสิ่งที่ Bootstrap เสนอให้นี่คือแหล่งข้อมูลเพิ่มเติมเกี่ยวกับเฟรมเวิร์กส่วนหน้ายอดนิยม:

  • 10 กรอบ JavaScript ที่ดีที่สุดที่คุณควรรู้
  • 10 CSS Frameworks ที่ดีที่สุดสำหรับผู้พัฒนา Front-End

รายการตรวจสอบ Front-End

รายการตรวจสอบปลายด้านหน้า

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

รายการตรวจสอบ Front-End เป็นเครื่องมือที่ยอดเยี่ยมที่คุณสามารถให้ URL เว็บไซต์ของคุณและแพลตฟอร์มตรวจสอบเว็บไซต์ของคุณสำหรับแนวทางปฏิบัติที่ดีที่สุดในการพัฒนาส่วนหน้า ซึ่งรวมถึงการตรวจสอบว่าคุณได้ปรับภาพให้เหมาะสมหรือไม่หรือคุณกำลังทำตามแนวทางการทำ SEO ที่ดีที่สุด.

คุณควรลองใช้แอพนี้นานเท่าที่คุณจะเข้าใจว่าอะไรคือข้อกำหนดที่ทันสมัยสำหรับเว็บไซต์และแอพมืออาชีพ นอกจากนี้ UI ที่ไม่มีการล่วงล้ำและราบรื่นนั้นเป็นความยินดีอย่างยิ่งที่ได้ทำงานร่วมกับ.

Vue.js

The Vue js

Vue.js เป็นตัวอย่างที่ดีที่แสดงว่าแนวคิด / แนวคิดเล็ก ๆ สามารถเติบโตเป็นหนึ่งในสิ่งที่ได้รับการยอมรับมากที่สุดในโลก อันที่จริง Vue.js ได้นำชุมชน front-end โดยพายุ.

เฟรมเวิร์กแบบก้าวหน้านี้ช่วยให้นักพัฒนาสามารถสร้างส่วนต่อประสานกับผู้ใช้ที่น่าทึ่งโดยใช้ HTML และ JavaScript.

กรอบดังกล่าวได้รับการสนับสนุนโดยชุมชน – ทั้งด้านการเงินและการพัฒนา.

เป็นตัวอย่างที่สมบูรณ์แบบว่าโอเพ่นซอร์สสามารถมารวมกันและทำให้สิ่งที่ยอดเยี่ยมเกิดขึ้นได้อย่างไร และในฐานะนักพัฒนาส่วนหน้าคุณควรศึกษาเพิ่มเติม โอเพ่นซอร์สและสาเหตุที่สำคัญ.

ต่อไปนี้เป็นคำแนะนำในการอ่านบน Vue.js:

และสุดท้าย แต่ไม่ท้ายสุดลองดูโครงการต่างๆที่สร้างด้วย Vue.js ที่ ตู้โชว์ Vue.js เว็บไซต์.

ความรู้พื้นฐานส่วนหน้า

FUNDAMENTALS ส่วนหน้า - ปลาย

ทุกสิ่งที่เราได้ดูมานั้นฟรีและเป็นโอเพ่นซอร์สส่วนใหญ่ สิ่งที่คุณต้องการคือการคว้าตัวเอง ข้อความประเสริฐ, และคุณสามารถทำการทดลองแบบ Front-end ได้ดีและคุณควรจะเป็นอย่างแน่นอน! การอ่านบทช่วยสอนและเอกสารประกอบโครงร่างเป็นเพียงครึ่งเดียวของการต่อสู้.

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

นอกเสียจากคุณตัดสินใจลงทุนและโดยการลงทุนฉันหมายถึงการใช้เงินเป็นสัญลักษณ์เพื่อซื้อหนังสือส่วนหน้าจาก หนังสือแยก. พวกเหล่านี้เป็นหนึ่งในดีที่สุดในอุตสาหกรรมและ devs front-end ที่มีประสบการณ์ได้แนะนำหนังสือของพวกเขาซ้ำ ๆ.

ส่วนพื้นฐานขั้นต้นมีหนังสือเกี่ยวกับ SVG, CSS, HTML, JavaScript และ Sass ซึ่งเป็นสถานที่เริ่มต้นที่สมบูรณ์แบบสำหรับเวิร์กโฟลว์ Front-end ที่ทันสมัย.

GitHub

GitHub

GitHub เป็นสำนักงานดิจิตอลของคุณสำหรับการเขียนโค้ดและการพัฒนาทุกสิ่ง เป็นแพลตฟอร์มโอเพ่นซอร์สที่ใหญ่ที่สุดในโลกซึ่งเป็นที่ตั้งของกรอบและเครื่องมือที่เป็นที่นิยมที่สุดของโลก.

ด้วย GitHub คุณสามารถโฮสต์โครงการของคุณและต้อนรับผู้อื่นเพื่อส่งผลงานของพวกเขา และคุณสามารถส่งผลงานเข้าร่วมโครงการอื่น ๆ.

คุณยังสามารถสำรวจ GitHub และทุกสิ่งที่มีให้ ตัวอย่างเช่น GitHub เป็นที่ตั้งของรายการ Awesome ที่มีชื่อเสียงซึ่งเป็นคอลเลกชันขนาดใหญ่ของแบบฝึกหัดทรัพยากรเครื่องมือและสิ่งอื่น ๆ สำหรับกรอบและเทคโนโลยีเฉพาะ.

เช่น., รายการส่วนหน้าสุดยอดเยี่ยม ซึ่งรวมถึงข้อมูลที่เป็นปัจจุบันเกี่ยวกับสิ่งล่าสุดที่ต้องรู้เกี่ยวกับส่วนหน้าและตำแหน่งที่จะไป.

กองล้นมากเกินไป

โลโก้สแต็คล้น

Stack Overflow มีชื่อเสียงในด้านการเป็นคิวที่เข้มงวดที่สุด&เว็บไซต์การเขียนโปรแกรมในโลก. และมันก็เป็นเช่นนั้นจริงๆ.

ผู้ใช้ที่ Stack Overflow ไม่ใช้คำถามเล็กน้อยที่ยังไม่ได้ทำการวิจัยหรือวิเคราะห์อย่างเหมาะสม และในขณะที่สิ่งนี้อาจรู้สึกถึงความไม่พอใจ แต่ก็ช่วยสร้างความรู้สึกที่แข็งแกร่งในวัตถุประสงค์.

คุณจะเห็นว่าเมื่อใดก็ตามที่ผู้ใช้ส่งคำตอบให้กับคำถามผู้ใช้รายอื่นสามารถก้าวไปข้างหน้าและโหวตคำตอบนั้นได้ ในท้ายที่สุดคุณจะได้รับคำตอบที่ ‘ยืนยันแล้ว’ หลายข้อเพื่อตอบคำถามของผู้ใช้อย่างละเอียด เป็นผลให้ลำดับชั้นของเว็บไซต์ยังคงชัดเจนและสอดคล้องกัน.

ในฐานะนักพัฒนา Front-end มือใหม่คุณจะต้องใช้ Stack Overflow เพื่อทำความเข้าใจบางหัวข้อ แต่ยังต้องถามคำถามด้วย อย่างไรก็ตามสำหรับข้อมูลส่วนใหญ่คุณควรจะสามารถหาคำตอบที่กระชับได้ภายในไม่กี่วินาที.

สอน & หลักสูตร: การยึดเกาะกับระบบนิเวศ.

ส่วนแรกทุ่มเทให้กับทรัพยากรและแพลตฟอร์มที่จะช่วยให้คุณเริ่มต้นได้อย่างสมบูรณ์ คุณควรใช้เวลาพอสมควรในแต่ละแหล่งข้อมูลที่เราระบุไว้เพื่อให้คุณได้รับความรู้สึกที่แท้จริงสำหรับสิ่งที่คาดหวังจากการพัฒนาส่วนหน้า.

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

Front-End Spectrumการพัฒนา Front-end คือชุดของเครื่องมือกรอบงานห้องสมุดซอฟต์แวร์ทดสอบและอื่น ๆ อีกมากมาย อย่าให้ขอบเขตที่แท้จริงของมันทำให้คุณตกใจ!

เป็นเรื่องที่น่าสังเกตว่าบางหลักสูตรต่อไปนี้ไม่มีให้ใช้งานฟรี อย่างไรก็ตามเราขอรับรองกับคุณว่าคำแนะนำต่อไปนี้เป็นสุดยอดของบรรทัด.

นอกจากนี้แพลตฟอร์มเช่น Frontend Masters จะช่วยให้คุณทันกับเทคโนโลยีทั้งหมดที่ใช้ในสตาร์ทอัพที่ประสบความสำเร็จมากที่สุดในโลก.

เป้าหมายสำหรับโพสต์นี้ไม่ใช่เพื่อส่งเสริมการพัฒนา Front-end เป็นงานอดิเรก แต่เพื่อให้คุณมีทรัพยากรที่ชัดเจนเพื่อให้คุณสามารถไปสู่การสร้างอาชีพจากการเรียนรู้ทั้งหมด.

เอกสาร MDN เว็บ

เอกสาร MDN เว็บ

MDN (Mozilla Developer Network) กำลังจะทำให้คุณรู้จักไม่ทางใดก็ทางหนึ่ง แพลตฟอร์มเอกสารเว็บนี้มีไว้เพื่อสนับสนุนการทำงานของเว็บ ที่นี่คุณสามารถเรียนรู้เกี่ยวกับเครื่องมือสำหรับนักพัฒนาเทคโนโลยีเว็บและการพัฒนาเว็บเอง.

เมื่อคุณค้นหาข้อมูลเฉพาะบางอย่างใน CSS หรือ HTML มักเป็น MDN ที่เกิดขึ้นเป็นผลลัพธ์แรกใน Google และเครื่องมือค้นหาอื่น ๆ คำแนะนำข้อมูลจำเพาะและข้อมูลเชิงลึกโดยรวมมีโครงสร้างในลักษณะที่เหมาะสมสำหรับนักพัฒนาส่วนหน้า.

หลักสูตร Front-End ของ edX

Front End การพัฒนาเว็บ edX

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

หลักสูตร edX มีโครงสร้างที่ละเอียดโดยเน้นที่การช่วยเหลือนักเรียนให้เข้าใจพื้นฐานของแต่ละหัวข้อหลักสูตร ในขณะนี้คุณสามารถเรียนรู้เทคโนโลยีเช่น JavaScript, HTML5, CSS3 และอื่น ๆ.

หากคุณต้องการได้รับใบรับรอง Front-End เต็มรูปแบบคุณจะต้องลงทุนอย่างน้อย $ 500 แต่สิ่งนี้จะช่วยให้คุณเข้าถึงอาจารย์ผู้สอนหลักสูตรและอื่น ๆ ได้โดยตรง บริษัท หลายแห่งใช้ edX เพื่อลงทะเบียนพนักงานของพวกเขาในโปรแกรมเฉพาะนี้.

Frontend Masters

Frontend Masters

Frontend Masters นั้นคล้ายคลึงกับประสบการณ์ใน bootcamp หลักสูตรที่คุณสามารถพบได้บนแพลตฟอร์มนี้นั้นละเอียดมากโดยเน้นเนื้อหาที่มีรูปแบบยาวและการเรียนรู้ที่เน้นโครงงาน.

ที่นี่คุณสามารถเรียนรู้เกี่ยวกับเทคโนโลยีเช่น React, Vue, Angular, Node.js และอื่น ๆ อีกมากมาย คุณภาพการผลิตนั้นมีคุณภาพสูงมากเพื่อให้คุณสามารถเพลิดเพลินไปกับประสบการณ์ที่คล้ายกับในหลักสูตร Bootcamp จริง.

ในฐานะผู้ใช้ที่ลงทะเบียนคุณสามารถติดตามความคืบหน้าของคุณใน เรียน หน้า. หน้านี้ติดตามความคืบหน้าการเรียนรู้ของคุณโดยแสดงเปอร์เซ็นต์สำหรับแต่ละเทคโนโลยีแยกกัน แต่ยังแสดงเปอร์เซ็นต์สำหรับสแต็กทั้งหมดด้วย มันเป็นวิธีที่สนุกที่จะทำให้ตัวเองมีแรงบันดาลใจ.

ท้ายสุด แต่ไม่ท้ายสุดการมีหลักสูตร Frontend Masters ที่สำเร็จในเรซูเม่ของคุณจะไม่ทำให้นายจ้างของคุณไม่มีใครสังเกต.

ปัญญาชน

ปัญญาชน

Egghead คล้ายกับแพลตฟอร์มที่กล่าวถึงข้างต้น แต่โดดเด่นด้วยบทเรียนที่แน่นและกระชับกว่า ตัวอย่างเช่นบทเรียน ‘การสร้างรายการแบบไดนามิกใน Flutter with ListViews’ มีความยาวเพียง 2 นาทีแม้ว่าจะให้สื่อการเรียนรู้เพียงพอที่จะเข้าใจแนวคิดอย่างแท้จริง.

Egghead ให้บทเรียนและหลักสูตรเกี่ยวกับเฟรมเวิร์กห้องสมุดภาษาเครื่องมือและแพลตฟอร์ม ต้องการเรียนรู้เกี่ยวกับการพัฒนาอุปกรณ์พกพาหรือไม่ ไม่มีปัญหา Egghead มีเนื้อหาหลักสูตรสำหรับ iOS, Android และแพลตฟอร์มอื่น ๆ.

การกำหนดราคารายปีเป็นเพียง $ 250 แต่คุณสามารถเข้าถึงทุกหลักสูตรและบทช่วยสอนที่พบในเว็บไซต์ได้ คุณยังสามารถสนทนาแต่ละบทเรียนกับสมาชิกชุมชนคนอื่น ๆ คุ้มค่ากับการลงทุน!

CSS-เคล็ดลับ

CSS-เคล็ดลับ

Chris Coyier เป็นตำนานที่สมบูรณ์ในชุมชน CSS เขาไม่เพียง แต่คอยติดตาม CSS-Tricks มานานกว่าทศวรรษ แต่เขายังเป็นผู้ร่วมก่อตั้ง CodePen – แพลตฟอร์มการแชร์รหัสยอดนิยมสำหรับนักพัฒนาเว็บ.

สิ่งหนึ่งที่คุณสามารถเชื่อถือได้เกี่ยวกับ CSS-Tricks ก็คือมันยังคงได้รับการปรับปรุงอย่างต่อเนื่องและเรื่องราวได้รับการเผยแพร่ตามหัวข้อและเทคโนโลยีที่ได้รับความนิยมในปัจจุบัน ดังนั้นคุณสามารถเพิ่มทักษะของคุณได้อย่างรวดเร็วโดยใช้แบบฝึกหัดที่จัดทำโดยผู้เขียนหลายคนของไซต์.

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

ลังนก

การฝึกอบรมการพัฒนาเว็บไซต์บนชั้นวาง - สก๊อต

สก็อตเป็นทรัพยากรการเรียนรู้มากมายเนื่องจากเป็นสถานที่สำหรับเหตุการณ์ล่าสุดในการพัฒนาเว็บ มีมาตั้งแต่ปี 2014 – เว็บไซต์ดังกล่าวได้รวบรวมสิ่งต่อไปนี้ไว้พร้อมกับบทเรียนการพัฒนาเว็บไซต์ฟรีหลายพันรายการ.

ผู้เขียนชาวสก๊อตให้ความสำคัญกับเทคโนโลยีอย่าง Vue, React, Laravel, Angular, JavaScript, Node.js และอื่น ๆ และไม่คิดว่าสิ่งเหล่านี้เป็นแบบฝึกหัดที่น่าพิศวงเช่นกัน.

ส่วนใหญ่คุณจะสร้างแอปที่จับต้องได้จริง เช่น. คุณต้องการเรียนรู้วิธีสร้าง Twitter clone Vue และ Adonis หรือไม่? ไม่ใช่ปัญหาเพียงลงทะเบียนในหลักสูตรฟรีและคุณจะถูกตั้งค่า.

เว็บไซต์ที่ยอดเยี่ยมและไม่สามารถแนะนำให้เพียงพอสำหรับ devs front-end ใหม่และที่มีอยู่!

เคล็ดลับ: หากไม่มีการต่อสู้จะไม่มีความคืบหน้า.

เมื่อคุณทำสิ่งนี้มาได้มากคุณอาจทำตามคำแนะนำต่อไปนี้ ในขณะที่ front-end เป็นทางเลือกอาชีพที่มีกำไร แต่ก็เกี่ยวข้องกับการเรียนรู้ที่ค่อนข้างสูงชันและค่อนข้างจะปวดหัวเล็กน้อยในขณะที่คุณพันศีรษะรอบเส้นเวลาปัจจุบัน.

อย่างไรก็ตามสำหรับระดับของโอกาสที่คุณสามารถดึงดูดซึ่งก็คุ้มค่ากับการต่อสู้ขึ้นเขา!

เรียนรู้ด้วยเหตุผล.

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

ค้นหาเผ่าของคุณ.

คุณจะต้องติดต่อกับคนที่มีใจเดียวกันอย่างน้อยสองสามคนและแม้แต่ที่ปรึกษาหากเป็นไปได้ เมื่อฉันไปยืมหนังสือ Pascal จากครู CS ที่โรงเรียนเก่าของฉันเขาเป็นมิตรมากและเปิดให้ความคิดในการช่วยเหลือฉันด้วยปัญหาใด ๆ ที่ฉันอาจมี พิจารณาเส้นทางที่คล้ายกันไม่ว่าจะโดยการค้นหาชุมชนท้องถิ่นหรือโดยการค้นหานักพัฒนาอื่น ๆ ในชุมชนออนไลน์ การเรียนรู้ง่ายขึ้นมากเมื่อมีคนชี้นิ้วไปยังที่ที่คุณต้องการมอง.

หลีกเลี่ยงการเรียนรู้ทุกอย่าง.

ไม่ต้องเป็นภาระที่ต้องรู้ทุกอย่างเกี่ยวกับตัวคุณ เมื่อพูดถึง front-end การเริ่มต้นด้วย HTML5 และ CSS3 นั้นมากเกินพอ จาวาสคริปต์ก็เหมือนไอซิ่งบนเค้กดังนั้นระวังด้วยไอซิ่งที่คุณได้รับเพราะคุณอาจบวมตัวเอง! หลังจากที่คุณคุ้นเคยกับพื้นฐานแล้วสำรวจพื้นที่หัวข้อและกรอบงานใหม่ การเรียนรู้คำศัพท์ขนาดเล็กและกะทัดรัดเป็นกุญแจสำคัญที่นี่.

หากคุณต้องการเรียนรู้เพิ่มเติมอ่าน โพสต์นี้โดย Ali Spittel ที่ซึ่งเธอแบ่งปันมากกว่า 25 เคล็ดลับสำหรับนักพัฒนาใหม่.

ออกจากที่นี่

คุณกำลังรออะไรอยู่? ออกไปและเริ่มเรียนรู้! ตรวจสอบให้แน่ใจว่าคุณกลับมาอ่านคู่มือนี้เพื่อการพัฒนาส่วนหน้าทุกสองสามเดือนเพื่อรับการปรับปรุงและเคล็ดลับใหม่ ๆ.

โชคดี!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map