บทความ IT เจ๋งๆ

9 GitHub Repos ยอดนิยมที่ Web Developer ควรรู้จักไว้

01-มี.ค.-23

คัมภีร์เทพ IT

ปัจจุบัน GitHub ถือเป็นสถานที่ครบวงจรสำหรับทุกสิ่งที่เกี่ยวข้องกับ (Web) Development เรียกได้ว่า ไม่น่าจะมีสิ่งไหนที่คุณหาไม่เจอใน GitHub แต่ปัญหาคือคุณจะหามันเจอหรือไม่ และในบทความนี้ ได้รวบรวม 9 GitHub Repos ยอดนิยมที่ Web Developer ควรรู้จักไว้

1. Realworld

Repository แรก ในบทความนี้คือ Realworld มันเป็นเหมือนตัว Clone ของ Medium.com แต่ไม่เพียงแค่นั้น Repository นี้ จะช่วยให้คุณสามารถเลือกได้ระหว่างการใช้ Front-end และ Back-end ซึ่งคุณสามารถใช้พวกมันร่วมกันได้อย่างมีความสุขแน่นอน ไม่ว่าจะเป็น Vue.js + Node/Express หรือ React /Redux + Rust

Realworld จะแสดงให้คุณเห็นว่า Blog App ลักษณะเดียวกัน สามารถถูกสร้างขึ้นจากภาษา Programming หรือ Framework ที่ได้รับความนิยมแทบจะทั้งหมดได้อย่างไร 

2. You Don’t Know JS Yet

Repository นี้ เป็น Series ของหนังสือยอดนิยม ของ Kyle Simpson ซึ่งเป็นที่รู้จักอย่างกว้างขวางภายใต้นามแฝงที่ชื่อว่า Getify โดยหนังสือเหล่านี้ จะเจาะลึกถึงกลไกของ JavaScript และครอบคลุมหัวข้อต่าง ๆ ดังต่อไปนี้:

  • พื้นฐานเริ่มต้น
  • Scope & Closures
  • Objects & Classes
  • Types & Grammar
  • Sync & Async
  • ES.Next & อื่น ๆ อีกมากมาย

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

3. Airbnb JavaScript Style Guide

นี่วิธีการที่เหมาะสมที่สุดในการเข้าถึงและเรียนรู้ JavaScript

Airbnb JavaScript Style Guide ถือเป็นหนึ่งใน Style Guide ที่ได้รับความนิยมและถูกใช้กันมากที่สุด มันจะช่วยให้คุณเขียน JavaScript Code ได้ดีขึ้น และเป็นประโยชน์อย่างยิ่งในการทำงานเป็นทีมและใช้งานร่วมกับ ESLint

นี่คือตัวอย่างจากเอกสารที่เกี่ยวกับการใช้ Const แทน Var:

4. Storybook

Storybook เป็น Development Environment สำหรับ UI Components มันอนุญาตให้คุณเรียกดู Component Library, ดู States ต่าง ๆ ของแต่ละ Components รวมทั้ง Develop และ Test Components แบบ Interactive ได้ มันรองรับทั้ง React, Vue, Angular, React Native, Ember, Web Components และอื่น ๆ อีกมากมาย

Storybook จะ Run นอก App ของคุณ ซึ่งสิ่งนี้จะทำให้คุณสามารถ Develop UI Components แยกออกมาต่างหากได้ ซึ่งจะช่วยปรับปรุงในเรื่อง การนำ Component มาใช้งานซ้ำได้, สามารถ Test ได้ และความรวดเร็วในการ Develop คุณสามารถสร้างได้อย่างรวดเร็วโดยไม่ต้องกังวลเกี่ยวกับ Application-specific Dependencies

คุณสามารถดูตัวอย่างที่น่าสนใจ ได้จากที่นี่

5. HTML5 Boilerplate

5 Boilerplate ถือเป็นหนึ่งใน Front-end Templates ที่ได้รับความนิยมมากที่สุดใน Web มันช่วยให้คุณสร้าง Websites หรือ Apps ได้อย่างรวดเร็ว และสามารถปรับเปลี่ยนได้ บริษัทต่าง ๆ อย่างเช่น Microsoft, NASA และแม้แต่ Nike ก็ใช้งานมัน

นี่คือคุณสมบัติหลัก ๆ บางส่วน:

  • มี HTML5 ที่พร้อมใช้งานอย่างครบถ้วน
  • Design โดยคำนึงถึงการปรับปรุงให้ดีขึ้น
  • มีทั้ง Normalize.css, jQuery และ Modernizer
  • การ Config. ค่าที่ปรับปรุงประสิทธิภาพและความปลอดภัยของ Website
  • Placeholder CSS Media Queries
  • Default ค่าของ Print Styles, Performance-Optimized
  • Google Universal Analytics Snippet ใน Version ที่ถูกปรับปรุงให้เหมาะสม

6. Node.js Best Practices

Repository นี้ เป็นการรวบรวม Best Practices ต่าง ๆ เกี่ยวกับ Node.js Development ปัจจุบันมันประกอบไปด้วย  Best Practices, Style Guides และเคล็ดลับทางด้านสถาปัตยกรรมมากกว่า 80 รายการ

ที่นี่ คุณสามารถค้นหาข้อมูลเกี่ยวกับ:

  • Project Structure Practices
  • Error Handling Practices
  • Code Style Practices
  • Testing And Overall Quality Practices
  • Going To Production Practices
  • Security Practices
  • Performance Practices

มันเป็น Repository และ Source ที่ยอดเยี่ยมมาก หากคุณสนใจในเรื่อง Node.js Development ขอแนะนำให้ลองดู Repository นี้

7. Front-End Checklist

คุณเคยถามตัวเองไหมว่า คุณต้องมีหรือต้อง Test อะไรบ้างใน Web Application ของคุณก่อนที่จะ Launch มัน ไม่ต้องกังวลไป เพราะคุณมี Front-End Checklist Repository แล้ว

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

  • Head
  • HTML
  • Webfonts
  • CSS
  • Images
  • JavaScript
  • Security
  • Performance
  • Accessibility
  • SEO
  • Translations

นี่คือตัวอย่างของ Apple Web App MetaData:

8. NW.js

NW.js เป็น App Runtime ที่ใช้ Chromium และ Node.js คุณสามารถเขียน Native Apps ใน HTML และ JavaScript ด้วย NW.js นอกจากนี้มันยังให้คุณเรียกใช้ Node.js Modules ได้โดยตรงจาก DOM และเปิดใช้งานวิธีใหม่ ๆ ในการเขียน Native Applications ด้วย Web Technologies ทั้งหมด

นี่คือคุณสมบัติหลักบางประการ:

  • Apps ถูกเขียนด้วย HTML5, CSS3, JS และ WebGL ที่ทันสมัย
  • รองรับ Node.js APIs และ 3rd Party Modules ทั้งหมดของพวกมัน
  • ประสิทธิภาพที่ดี: Node และ WebKit ทำงานใน Thread เดียวกัน
  • ง่ายต่อการ Package และ Distribute Apps
  • สามารถใช้งานได้บน Linux, Mac OS X และ Windows

9. fullPage.js

fullPage.js โดย Alvaro Trigo เป็น Library ที่เรียบง่ายและใช้งานง่าย ที่ช่วยให้คุณสร้าง SPA (Single Page Applications) และ Landscape Sliders คุณสามารถใช้งานมันได้กับ Vue, React และ Angular และ Responsive ได้อย่างสมบูรณ์สำหรับ Mobile Devices

คุณสามารถหาตัวอย่างที่น่าสนใจ ได้จากที่นี่

คุณสามารถใช้ Library นี้ได้ฟรี ๆ หากคุณจะใช้มันใน Open-Source Projects แต่อย่างไรก็ตาม หากคุณต้องการใช้ใน Commercial Environment คุณจะต้องซื้อ License เสียก่อน

ที่มา: https://levelup.gitconnected.com/

 

 

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

 

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

เพิ่มเพื่อน

 

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

ประเภทบทความ