專題 - HackMD

# 專題 ###### tags: `專題` ## 基本規格 ### 會員 1. 11 2. 11 3. 11 4. - 註冊 - 登錄 - 完善會員資料 - 提案 - 對產品/專案按讚/追蹤 - 結帳付款 ### 訪客 - 瀏覽頁面 - 需求 - 需求 - 需求 ### 金流平台 - [stripe](https://stripe.com/) - [綠界科技](https://www.ecpay.com.tw/Business/payment_standard?gclid=Cj0KCQiA2af-BRDzARIsAIVQUOf92i4gTnvEaiziCoi5lv6kcG-NJh_nJqu_8au2Zb_mkmMCGfuyrLwaAo32EALw_wcB) - [藍星金流](https://www.newebpay.com/) ### 募資 - [貝殼放大](https://www.backer-founder.com/) `群眾募資` - [貝殼集器](https://backme.zendesk.com/hc/zh-tw) `為貝殼放大旗下的金流管理工具` - [嘖嘖](https://www.zeczec.com/) - [Patreon](https://www.patreon.com/) `訂閱制` `金流` `影音` - [flyingV](https://www.flyingv.cc/)  ### 爬蟲 - [集資計畫數位紀錄](https://backtail.tw/) - [Drip](https://drip.crowdfunding.coffee/landingpage.php?utm_source=plugin)`集資排行分析平台` ### 參考資料 - [[Podcast] 讓天下沒有難收的錢 — Stripe 與台灣的支付整合｜特別來賓新零售行銷創辦人王建民](https://daodu.tech/11-02-2020-make-no-money-unreachable-stripe-and-payment-integration-in-taiwan) - [2020 電商金流懶人包 – 全通路整合「多元支付」，有效提升下單付款率！](https://www.cyberbiz.co/blog/2020%E9%9B%BB%E5%95%86%E9%87%91%E6%B5%81%E6%87%B6%E4%BA%BA%E5%8C%85-%E5%85%A8%E9%80%9A%E8%B7%AF%E6%95%B4%E5%90%88%E3%80%8C%E5%A4%9A%E5%85%83%E6%94%AF%E4%BB%98%E3%80%8D/) ---      ## 專題重點 ### 前端火力 * **框架** - [boostrap5](https://v5.getbootstrap.com/) - grid - [react.js](https://) - [vue.js](https://) * **非同步AJAX** - [XMLHttpRequest API ](https://developer.mozilla.org/zh-TW/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest) - [Fetch API](hhttps://developer.mozilla.org/zh-TW/docs/Web/API/Fetch_API) - [axios](https://www.npmjs.com/package/axios) - [rails/ujs](https://)(不用token) * 動畫（JQuery） * * 指令 * [追蹤/按讚/收藏](https://)(可以看12/04課程內容) * 分享(line,FB) * 即時繪圖 * 分析圖表（chart.js） * [Webpack](https://medium.com/i-am-mike/%E4%BB%80%E9%BA%BC%E6%98%AFwebpack-%E4%BD%A0%E9%9C%80%E8%A6%81webpack%E5%97%8E-2d8f9658241d) * [QR code](https://wellwind.idv.tw/blog/2016/12/10/front-end-jquery-qrcode/) * [爬蟲](https://roger35972134.medium.com/ruby-on-rails-capybara-%E6%90%AD%E9%85%8D-nokogiri-%E5%8B%95%E6%85%8B%E7%B6%B2%E7%AB%99%E7%88%AC%E8%9F%B2-web-scraping-parsing-2b7fb33ca419) ### 後端火力 * **Ruby on Rails** * CRUD - 建立會員系統 - 購物車 - 驗證確認 - 關聯性 * 測試(RSpec) `必選` * [CI/CD](https://medium.com/@Bear_/%E4%BB%80%E9%BA%BC%E6%98%AF-ci-cd-72bd5ae571f1) * 金流(綠界、藍星) * API * 搜尋 * 第三方登錄(Google,FB,GitHub) * 支援多語系 * DB(PostgreSQL,AWS3) * 部署 * 專案規劃(Trello) * 版本控制(Git) ### 炫砲效果參考 - [squadeasy](https://www.squadeasy.com/en) - [gogoro](https://www.gogoro.com/tw/smartscooter/s-performance/s2/)