專案開發過程

程式篇

1. 靜態網站

2. CMS Wordpress

3. 小型WebApp

4. 大型WebApp

1. 靜態網站(技術)

  • 早期 - Bootstrap | Jquery
  • 後期 - BEM CSS | Sass | JS
  • NOW - Tailwind | PurgeCSS | Inline CSS | JS

1. 靜態網站(工具)

  • Netlify (host | build)
  • Github
  • Static Page Generator (maybe)

2. Wordpress (技術)

  • 早期 - Bootstrap | Jquery
  • 後期 - BEM CSS | Sass | JS
  • NOW - Tailwind | PurgeCSS | Inline CSS | JS
  • 客製化Wordpress 
  • PHP (初級)

2. Wordpress (工具)

  • Siteground  (host)
  • Github 
  • git ftp (build)
  • Plugin (All in one migration | Custom Post Type | Advanced Custom Field)

3. 小型WebApp (技術)

  • Firebase
  • Vue
  • Vuetify

3. 小型WebApp (工具)

  • Firebase Hosting
  • Firebase Storage
  • Firebase Messaging

4. 大型WebApp (技術)

  • Opinationed Framework (ex. Laravel | Rails)
  • 快速開發
  • 簡單開發

4. 大型WebApp (工具)

  • Linode
  • CI(不確定)
  • CD(不確定)
  • 監控 | Monitor (不確定)
Made with Slides.com