iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0

前端菜菜です!

因為前輩說Laravel文件很詳細,可以一個人自幹一個前後端。那就來試試看啊!
一直想做一個網站:線上職涯博覽會,希望是由素人來分享他們自己的職涯,給國高中生不同的職涯想像。
簡單的網頁呈現當然有,然後希望可以做到一個後台管理文章,整合+上架到網路。

自幹一個前後端當然是理想啦,還要上架,天知道我搞不搞得出來,至少,至少,
讓我了解一下該知道的後端相關術語還有服務,譬如說Nginx。

而前端呢,因為Laravel跟Tailwind有很好的整合,就用前年鐵人Tailwind的作品來當基底:

(廢物利用前年的#30-用Tailwind&Gulp做個動態菜單網站(完賽!))

預計會寫的主題:

  1. Laravel & artisan介紹
  2. 環境建置: Docker & Laradock
  3. Laravel起手式
  4. 什麼是Nginx
  5. 前端菜鳥初探IP、域名、localhost
  6. 創建資料庫 資料的大遷徙Migration
  7. Database管理:phpmyadmin 新增資料
  8. DB其他操作 & mysql container
  9. 初探 Router & view & blade
  10. Vite,幫Blade加入CSS & JS
  11. Router & Controller & View的三角關係
  12. 顯示Blade在前端上
  13. Tailwind & 來個酷炫的前端效果
  14. Laravel投稿頁面
  15. Laravel的登入頁 (Laravel Breeze)
  16. Laravel的一覽頁
  17. Laravel的編輯頁面
  18. Laravel的編輯頁面
  19. SEO基本
  20. 打包&優化
  21. 部署:forge
  22. 買網址上線囉
  23. CI/CD
  24. 後續維護:DB backup

網站規劃

  1. 首頁

    • 概括:職涯網站一覽
    • User Story :
      • 可快速瀏覽所有人的職涯(圖片、關鍵字、地點、工作)
      • 可關鍵字篩選想看到的文章(第一階段不上線)
      • 可點選btn投稿自己的職涯故事
    • Table:
      • career_users(圖片、關鍵字、地點、工作)
  2. 個人頁面

    • 概括:個人頁面一覽
    • User Story :
      • 可以看投稿人基本資料
      • 可以點選投稿人的SNS
      • 可以從右方大綱視窗選擇想看的問題(第一階段不上線)
    • Table:
      • career_users
      • career_questions
      • career_answers
  3. 投稿頁

    • 概括:投稿個人故事
    • User Story :
      *
    • Table:
      • career_questions
      • career_answers
  4. 後台登入頁

    • 概括:登入後台
    • User Story :
      • 登入後台
    • Table:
      • users
      • password_resets
      • personal_access_tokens
  5. 後台一覽表:

    • 概括:瀏覽所有文章
  6. 後台管理文章

    • 概括:管理文章

以上!

究竟能不能夠成功完賽將網站推上線啦~
就讓我們看下去


下一篇
php還有人在用嗎?Laravel是啥? artisan?- Day01
系列文
前輩說Laravel不難,好啊那就1人前後端試試看啊31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言