5 GitHub Repositories ที่จะช่วยให้คุณเป็น Web Developers ที่โดดเด่น

04-ม.ค.-23

คัมภีร์เทพ IT

หากคุณต้องการเป็น Web Developer คุณต้องศึกษาการพัฒนา Web ก่อนเป็นอย่างแรก ไม่ว่าจะเป็น HTML, CSS และ JavaScript แล้วค่อยเรียนรู้สิ่งอื่นในขั้นต่อไป แน่นอนว่า GitHub ก็เป็นแหล่งที่มีความรู้สำหรับคนไอทีอีกแหล่งหนึ่ง และนี่ก็คือ 5 GitHub Repositories ที่จะช่วยให้คุณเป็น Web Developers ที่โดดเด่น

1. Design Course

หลาย ๆ คนคงเคยได้ยินว่า ความประทับใจแรกมักจะเป็นความประทับใจในท้ายสุดท้าย นี่ถือเป็นเรื่องจริงเช่นกันสำหรับการออกแบบ Website

เมื่อ Users เยี่ยมชม Website มันควรจะสร้างความพึงพอใจให้ Users มิเช่นนั้นคนส่วนใหญ่จะออกจาก Website อย่างรวดเร็วและไปที่ Website อื่นแทน

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

นี่คือ GitHub Repository ที่มี Design Materials ทั้งหมดที่จะสามารถช่วยคุณได้ GitHub Repository นี้มี Resources มากมายไม่ว่าจะเป็น Fonts, Colors, Pictures, Graphics, Icons, Logos และอื่น ๆ อีกมากมาย

นอกจากนี้ยังมี HTML และ CSS Templates, CSS Frameworks, Methods และ Animations, React UI Libraries, Angular UI Libraries, Vue UI Libraries, Svelte UI Libraries และอื่น ๆ อีกมากมาย

2. Awesome React

เมื่อพูดถึง Framework ที่ได้รับความนิยม เชื่อว่า React น่าจะอยู่ในอันดับต้น ๆ ของรายการอยู่เสมอ

Src: Statista

แม้แต่คนที่เป็นมือใหม่ส่วนใหญ่ ก็ยังพยายามเรียนรู้ React หลังจากที่ทำความเข้าใจพื้นฐานของ HTML, CSS และ JavaScript แล้ว

และนี่ก็คือ GitHub Repository ที่ยอดเยี่ยมสำหรับทุกคน มันมีทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับ React รวมถึง Documentation, Online Playgrounds, Community, Testing รวมทั้ง Tools อื่น ๆ, Libraries, Redux Resources, Typescript Resources และอื่น ๆ อีกมากมาย

3. Awesome TailwindCSS

เมื่อพูดถึง TailwindCSS นั้น มันถูกเปิดตัวในปี 2560 และตั้งแต่นั้นมา Developers ส่วนใหญ่ได้มีการเรียนรู้ Framework และถูกนำไปใช้งานอยู่บ่อย ๆ

คงมี Developers บางคนที่ชื่นชอบและสนุกกับการใช้งาน TailwindCSS ในขณะที่ยังมี Developers หลายคนที่ไม่สนใจ TailwindCSS เลย

แต่ถ้าหากคุณชื่นชอบ TailwindCSS แล้วล่ะก็ ขอแนะนำให้ลองดูที่ GitHub Repository นี้

หากจะพูดกันตามตรง เชื่อว่า GitHub Repository นี้ จะสามารถช่วยในการสร้าง Projects ของคุณได้อย่างมาก Repository นี้มีทั้ง Tools, Frameworks และ Templates อยู่จำนวนหนึ่ง ซึ่งจะทำให้ง่ายต่อการสร้าง User Interfaces ด้วย Functions ที่หลากหลายได้

4. The Art of Command Line

คงมีมือใหม่หลายคนที่อาจจะไม่ค่อยได้ใช้งาน Command Line มากนักในช่วงที่เริ่มศึกษาการพัฒนา Web แต่เมื่อเวลาผ่านไป คุณคงมีโอกาสได้ใช้งานมันมากขึ้น

ในการทำงานจริง คุณอาจต้องสร้างหลาย ๆ Folders และหลาย ๆ Files, Copy Files เหล่านั้นจาก Directory หนึ่งไปยังอีก Directory หนึ่ง, แล้วย้ายพวกมันไปเรื่อย ๆ และติดตั้ง Packages บางอย่าง ซึ่งสำหรับงานทั้งหมดนี้ คุณอาจจะชอบใช้งาน Command Line Interface มากกว่า

หากว่า คุณใช้ macOS อยู่ คุณอาจจะต้องใช้ brew อยู่บ่อย ๆ และ Download Packages เป็นจำนวนมากพร้อมการรองรับของมัน

และด้วยเหตุนี้เอง คุณจึงควรต้องทราบคำสั่งต่าง ๆ เพื่อที่จะทำงานของคุณให้สำเร็จ นั่นคือสิ่งที่ GitHub Repository นี้จะสามารถช่วยคุณได้

5. Public APIs

ไม่ว่าคุณจะทำงานเป็น Front-end หรือ Back-end Developer ก็ตาม คุณควรที่จะทำความคุ้นเคยกับ API Methods ไว้ ไม่ว่าจะเป็น GET, POST, PATCH และ DELETE

จากนั้น เมื่อคุณใช้ API คุณจะต้อง Transfer Data จาก Backend ไปยัง Frontend หรือในทางกลับกัน บางทีคุณอาจมี Data อยู่ที่ Backend ด้วย (ซึ่งก็ขึ้นอยู่กับ Projects ของคุณ) มิฉะนั้น เราจะต้อง Generate ตัว Dummy Data ขึ้นมา

แน่นอนว่า คุณสามารถสร้างหรือใช้บาง Websites ได้ หากต้องการ Fake JSON Data แต่จะทำอย่างไรล่ะ ถ้าคุณต้องการ Lists ที่เฉพาะเจาะจงของ API

ไม่ต้องกังวลไป เพราะ GitHub Repository นี้ จะช่วยแก้ปัญหาของคุณได้

ที่มา: https://javascript.plainenglish.io/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

เพิ่มเพื่อน

 

บทความล่าสุด