作業（作品）怎麼做，能快速找到好工作
20190723
禁止封存
⚑ 簡介
1 會介紹課程中常見的問題：
每個人在學習過程中都遭遇不少問題、挫折，所以都會透過 Udemy 問答來詢問遇到的問題或是驗證觀念是否正確
2 分享學長姊們的優秀作品 (許多是未公開版本！)
作業（作品）怎麼做，能快速找到好工作??
講者：卡斯伯
⚑ video
⚑ 講義
- 提問區slido: https://app.sli.do/event/annjsbmu
目錄
- 在地化職缺媒合服務
- 作業說明與常見問題
- 好作品經營
- 如何做出具個人特色的作品
- 作品分享
在地化職缺媒合計畫
- 人才牆
- 以 roadmap 來說，大家會傾向尋找哪方面工作？
- UI 設計師
- adobeXD
- 網頁設計師
- BS4
- 沒設計相關技能背景的，建議直接選前端工程師
- 前端工程師
- Vue
- 後端、其它類型工程師
- 優先推薦條件
- 網頁設計師：至少通過 BS4 最終作業（甜點電商-太多人做，所以才需要另一份），並另有一份作品
- udemy常見問題/BS4
- 前端開發者：完成 Vue 最終作業，並且具備 “邁向前端工程師之路” 相關知識
- 履歷、作品我們會給予調整建議
- 為什麼要有這樣的服務（對公司）
- 部分地區求職不易
- 中南部
- 職缺公司想要有次要的能力 (前端工程，但具有另一個專業經驗，如：設計)
- 部分公司對於該領域不熟悉，所開出的職缺讓求職者卻步
- 釐清工作內容
- ex
- .net MVC
- 繪圖：設計底 or 切圖
- 許多學員已達到求職能力，但缺乏機會
- 我們會怎麼做？（對學員）
- 搜集符合資格的學員
- 認證方式
- 主動聯絡有職缺的公司，協調職缺內容 (Free)
- 媒合合適職缺 (符合雙方需求)
作業說明
- 課程問題量
- HTML — 3390 則
- BS4–1168 則
- JS — 1961 則
- Vue — 1932 則（回答：時間較久、較難、較開放）
- 注意事項：
- 絕大多數問題都會在 24 hr 內收到回覆
- 請大家避免直接回覆自己問題，這會導致系統認定該問題已回覆
- 課程作業難度設計
- 章節作業，大多可以從課程中的教學完成
- 最終作業，要能夠活用課程中介紹的技巧
- 不會：參考其他人
- 作品審核基準標準（如何做出一個好作品，基礎準則） ★★★
- 作品運作 (功能是否正常)
- 完整性 (是否有連結無法用、頁面是否有缺少)
- 基本美觀 (元件對齊是否正確)
- 色彩
udemy常見問題
- BS4
- 常見問題：
- Grid 的結構不正確，畫面沒有正確對齊 (細心)
- .row .col
- 不建議調整水平 margin, padding
- HTML 結構 (input type, label for, table …)
- 行動版呈現不正確
- CSS 結構、Sass 編譯等問題
- 其它問題：
- 字體僅有設定 “微軟正黑體”
- 載入資源不正確
- 作品完成度不足
- 最終作業（常用作品） ex 甜點電商
- 使用”常用作品”，因太多人使用，容易被比較挑細節。
- 建議更換 文案、圖片、顏色
- ex
- 其它常見問題
- Todo 章節
- 功能錯誤：新增錯誤、無法編輯、刪除目標錯誤 …
- label for 沒有對應
- 排序
- 沒有使用 computed
- 過多的判斷式
- 元件作業
- 使用了兩個 template 或 script 製作元件
- 沒有使用 $emit, props 傳遞元件資訊（本章節不能使用 slot 來切換）
- localStorage 陷阱題（Ajax 取得的資料會比本地端儲存還要新）
- https 問題（應回答安全性問題）
好作品經營
- 選擇有興趣的主題經營，主題內容不限
- 有興趣，才能有完整及豐富的內容 → 獨特性
- 增加一些趣味性的內容
- 由 class or 挑戰ex f2e，擷取可用內容加入
- ex Coupon 大轉盤、我的最愛、小遊戲…
- 設計
- 色彩：色彩單純，可選擇單一色彩完成即可
- 圖片：選擇與主色搭配的圖片 ex 冷暖色系
- 排版整齊
- 如果能力許可，可先繪製設計稿
- 事前規劃：頁面規劃、圖片選擇、文案撰寫（事先蒐集，節省時間）
- 作品如果要有助於面試，你認為會是哪一個選項
- 如果下述要放棄其中兩項，你會選擇哪兩項？14
- 公司剛開始會比較先注意實際外觀 345
- 1 程式碼要寫得很厲害
- 2 程式碼要很乾淨
- 3 畫面要很整齊
- 4 網站內容要有趣
- 5 內容具有獨特性
作品分享
- https://vii120.github.io/vue-ec-shop/dist/#/
- https://nccuian.github.io/vue-store/dist/#/
- https://chaoyuping.github.io/plantstore/#/
- https://icguanyu.github.io/pokeStore/dist/#/
- https://harvey0623.github.io/foodMarket/#/index/shopping
- https://eastm0108.github.io/Game_Rocker/#/
- https://ouiis.github.io/vmarket/#/
- https://linwei5316.github.io/vintage-select/#/index
- https://yingming25.github.io/ns-game-store/#/
- https://tanvitsao.github.io/TRAVEL-CAT/#/
- https://livepower0815.github.io/my-vue-cli3/dist/#/
- https://pvt5r486.github.io/CrossGate/dist/#/index
- https://shawnhuang0321.github.io/playing-card-shopping/#/
- https://pickachu1006.github.io/Uchuudo/#/shop
- https://ambition1994.github.io/vue-demo/dist/#/
- https://pei-qun.github.io/BelusaDessert/dist/#/
- https://gx7879.github.io/vue-dashboard-demo/dist/#/
- https://wen0720.github.io/vueShop/#/
- https://xxuain.github.io/webshop-changcucu-vuecli3/dist/#/client/home
- https://genkihong.github.io/Lets-Cafe/#/
- https://hsiangfeng.github.io/RagnarokShopV3/
- https://livoist.github.io/Nordic/dist/index.html#/HomePage
- https://music24241.github.io/DeliciousCakeHouse/#/
- https://misty1636.github.io/World-Travel/#/index
- https://weijie0.github.io/Stark-Industries/#/shop
- https://baiyan412048.github.io/succulent/#/index
- https://rourou-yang.github.io/wood-life/dist/#/
- https://class90431.github.io/Work-GentleManShop/#/index
- https://carol-yang09.github.io/CarolShop_VueCLI3/dist/#/
Q&A
- Q: git flow??
- 說明
- 與他人實際操作、練習
- Q: 最終作業 or 挑戰ex f2e 開發順序？？因為，發現先寫js，後面切版難調整、花費時間長。
- 設計稿 → 切版（html css）→ js
- 挑戰沒時間：1w 先做 html css，有時間再做js
- 工作：先準備 資料結構 JSON
其它介紹（未講）
- 批改作業的流程
- 作品不會做怎麼辦
- 參考其它學員的作業
- 將目前的進度清楚描述，並提供範例讓助教、講師協助
