บทความ IT เจ๋งๆ
9 GitHub Repositories ยอดนิยมสำหรับ Web Developer
17-มิ.ย.-20
คัมภีร์เทพ IT
ปัจจุบัน GitHub แทบจะเป็นทุกสิ่งทุกอย่างของ (Web) Development จนเรียกได้ว่าจะหาอะไรใน GitHub ก็เจอ ด้วยการที่มี Repositories อยู่มากมายแต่เชื่อว่ายังมีอะไรเจ๋งอีกมากมายที่คุณอาจยังไม่รู้จัก อาจทำให้คุณ และนี่ก็คือ 9 GitHub Repositories ยอดนิยมสำหรับ Web Developer ซึ่งแต่ละ Repositories ล้วนได้รับความนิยมไม่ต่ำกว่า 30,000 Stars
1. Realworld
ผู้ที่สร้าง Repository นี้เรียกมันว่า “The Mother of all Demo Apps” ซึ่งแน่นอนว่าคำกล่าวดังกล่าว ไม่ได้เกินจริงแต่อย่างใด
Realworld ถือเป็นตัวอย่างที่ดีของร่าง Clone ของ Medium.com (ใช่แล้ว มันอาจเป็น Platform ที่คุณอาจกำลังใช้อยู่ในตอนนี้ก็ได้) ไม่เพียงเท่านั้น Repository นี้สามารถให้คุณเลือกได้ระหว่าง Front end และ Back end Implementations ต่าง ๆ ซึ่งคุณสามารถนำพวกมันไปใช้ผสมผสานกันได้
ไม่ว่าจะ Vue.js + Node / Express หรือ React / Redux + Rust พวกมันก็มีหมด
Realworld แสดงให้คุณเห็นว่า Blog App เดียวกันนั้น สามารถถูกสร้างขึ้นในเกือบทุกภาษาหรือ Frameworks ต่าง ๆ ลองคิดดูว่ามันยอดเยี่ยมมากแค่ไหน
Repository นี้เป็นซีรี่ส์ของหนังสือ (Book Series) ยอดนิยม โดย Kyle Simpson ซึ่งเป็นที่รู้จักอย่างกว้างขวางภายใต้นามแฝงว่า Getify หนังสือนี้จะลงลึกเข้าไปในกลไกของ JavaScript และครอบคลุมในหัวข้อ ดังต่อไปนี้:
- Get Started
- Scope & Closures
- Objects & Classes
- Types & Grammar
- Sync & Async
- ES.Next & Beyond
สิ่งที่ดีที่สุดของ Repo นี้ก็คือ คุณสามารถอ่านได้แบบฟรี ๆ มันเป็นหนึ่งใน Series ที่ดีที่สุดเกี่ยวกับ JavaScript ซึ่งจะช่วยให้คุณได้เข้าใจว่า แท้จริงแล้ว JS คืออะไร แม้คุณอาจคิดว่า คุณรู้จัก JavaScript เป็นอย่างดีแล้ว แต่ถ้าคุณได้อ่านหนังสือนี้ คุณจะพบกับความประหลาดใจ
3. Airbnb JavaScript Style Guide
Airbnb JavaScript Style Guide เป็นหนึ่งใน Style Guides ที่ได้รับความนิยมและถูกนำไปใช้งานมากที่สุดตัวหนึ่ง มันช่วยให้คุณเขียน JS Code ได้ดีขึ้นและมีประโยชน์อย่างยิ่งสำหรับทีมและเมื่อนำไปใช้ร่วมกับ ESLint
นี่คือตัวอย่างจาก Docs ที่เกี่ยวกับการใช้ const แทนที่จะใช้ var:
4. Storybook
Storybook เป็น Development Environment สำหรับ UI Components มันช่วยให้คุณสามารถเรียกดู Component Library, ดูสถานะต่าง ๆ ของแต่ละ Component รวมทั้ง Develop และ Test Components ได้แบบ Interactive อีกด้วย มันรองรับทั้ง React, Vue, Angular, React Native, Ember, Web Components และอื่น ๆ อีกมากมาย
Storybook จะ Run อยู่นอก App ของคุณ สิ่งนี้ช่วยให้คุณสามารถพัฒนา UI Components แยกต่างหากได้ ซึ่งสามารถช่วยปรับปรุงการ Reuse Components, การ Test และความเร็วในการ Develop คุณสามารถสร้างได้อย่างรวดเร็วโดยไม่ต้องกังวลกับเรื่องการที่ต้องพึ่งพา Application ใด Application หนึ่ง
คุณสามารถหาตัวอย่างดี ๆ ได้จากที่นี่
HTML5 Boilerplate เป็นหนึ่งใน Front-end Templates ของ Web ที่ได้รับความนิยมมากที่สุดตัวหนึ่ง มันช่วยให้คุณสามารถสร้าง Websites หรือ Apps ที่มีความรวดเร็วและมีความยืดหยุ่นสูง แม้แต่บริษัทชื่อดังอย่าง Microsoft, NASA และ Nike ก็ใช้พวกมัน
นี่คือ Features ที่สำคัญ ๆ:
- มี HTML5 พร้อมใช้งาน
- ได้รับการออกแบบโดยคำนึงถึง Progressive Enhancement เป็นสำคัญ
- มีทั้ง Normalize.css, jQuery และ Modernizer
- มี Configs ที่ช่วยปรับปรุงประสิทธิภาพและความปลอดภัยของ Website
- Placeholder CSS Media Queries
- มี Print Styles, Performance-Optimized เป็นค่าตั้งต้นให้อยู่แล้ว
- Optimized version ของ Google Universal Analytics snippet
Repository นี้เป็น Collection ที่ครอบคลุมในเรื่อง Best Practices ต่าง ๆ เกี่ยวกับการพัฒนา Node.js โดยปัจจุบันมีมากกว่า 80 Best Practices, Style Guides และเคล็ดลับต่าง ๆ เกี่ยวกับ Architecture
คุณสามารถค้นหาข้อมูลเกี่ยวกับ:
- Project Structure Practices
- Error Handling Practices
- Code Style Practices
- Testing และ Overall Quality Practices
- Production Practices
- Security Practices
- Performance Practices
แน่นอนว่า มันเป็น Repository และแหล่งข้อมูลที่ดีมาก หากคุณทำงานเกี่ยวกับการพัฒนาของ Node.js อยากให้ลองเข้าไปดูที่ Repository นี้
คุณเคยถามตัวเองหรือไม่ว่า คุณต้องการมีหรือ 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 ทั้งหมด
นี่คือ Features ที่สำคัญ ๆ:
- App ที่เขียนด้วย HTML5, CSS3, JS และ WebGL ที่ทันสมัย
- มีการรองรับที่สมบูรณ์สำหรับ Node.js API และ Third-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 และรองรับการใช้งานได้อย่างสมบูรณ์สำหรับ Mobile Devices โดยคุณสามารถหาตัวอย่างที่ยอดเยี่ยมได้จากที่นี่
คุณสามารถใช้งาน Library นี้ได้แบบฟรี ๆ ใน Open Source Projects แต่หากคุณต้องการใช้งานในเชิงพาณิชย์คุณจำเป็นต้องซื้อ License
หวังว่า คุณจะสามารถนำ GitHub Repositories เหล่านี้ไปประยุกต์ใช้กับ Projects ของคุณในการทำงานหรือ Side Projects ของคุณเพื่อฝึกฝนทักษะต่าง ๆ ที่จำเป็นต่อการทำงาน
ที่มา: https://medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด