# ST2DE 學生開發者養成計畫第一梯次 --- ## 第一階段事前準備 ---- 1. [註冊 freeCodeCamp](https://www.freecodecamp.org/email-signup) ![](https://lh6.googleusercontent.com/RpwzNwXFm0btgIJ5FSGYRbEiug-C0bK__Y1Q0rzL5Sg4sx8VV-VdAwhrC71sNS8SGXp-WSYtXpXDf1239kRUqQYLfVi3si9IMkqV7RuV6sbCi8BX27lGxcXOHs9dp3USOrSY789-) ---- * 示意圖 ![](https://lh4.googleusercontent.com/f52a2ehsqGbM4bY-Gke5EM_61pmn5oOFZYE1WWgxkovP9oqE8yOvscNooTcO8o9CO7RI5yiLgfWlPa8gFfwtsVrkmdMbVSP1wXYoO8kKhllChQjOT2coqFTSHAeRDdV3qxcTLHHC) ---- 2. freeCodeCamp 帳號驗證信箱 ![](https://lh6.googleusercontent.com/HTKKF9_NNemzCDrr5YVa9VKV50FsNYk-iWH6aAHbmdjbJw6229Lxm1Y6SKKrWRHG2f5If8WQOSxkf6pu5LvzlERDVW9jBI3s9HdshGlJbJ_EXd3Z3ZQNM--MkrQrLp_5exEAA1Ue) ---- * 示意圖 ![](https://lh6.googleusercontent.com/HTKKF9_NNemzCDrr5YVa9VKV50FsNYk-iWH6aAHbmdjbJw6229Lxm1Y6SKKrWRHG2f5If8WQOSxkf6pu5LvzlERDVW9jBI3s9HdshGlJbJ_EXd3Z3ZQNM--MkrQrLp_5exEAA1Ue) ---- 3. 取得 freeCodeCamp 個人進度網址,於報名 kktix 活動時填入(第一階段課程進行與第二階段錄取依據) ![](https://lh5.googleusercontent.com/QqJrKF6w5aMyAoZMw3I-mghoY18UrTZFjXZ0KHcdtj6Ey4b5eP7zQUD89KfkIseuir5cKsSLWoMTnvQ8-16HTA-up1vFUaY46SyR8bk7dcMUbvZNPF_j9wOngCz9g67Kwwh05TaI) ---- 4. 註冊 [github](https://github.com/) 帳號,於報名 kktix 活動時填入(分享程式碼用) ---- 5. 註冊 [kktix](https://kktix.com/users/sign_up) 帳號,並報名 ST2DE 學生開發者養成計畫第一梯次 ([活動網址](https://st2de.kktix.cc/events/2017winter)) ---- 6. 安裝軟體 * 任一文字編輯器,例如:sublime, Visual Studio Code, atom, vim, .... * [zoom](https://zoom.us/download) * [skype](https://www.skype.com/en/download-skype/skype-for-computer/) * git [安裝與設定](https://help.github.com/articles/set-up-git/#setting-up-git)(Setting up Git 的三個步驟) * node.js [mac/linux 安裝](https://github.com/creationix/nvm)、[windows 安裝](https://github.com/coreybutler/nvm-windows) --- ## 第一階段內容 - 自行完成 freeCodeCamp 線上課程 ---- ### 完成這三個單元: * HTML5 and CSS * Basic JavaScript * Node.js and Express.js ---- * 示意圖 ![](https://lh4.googleusercontent.com/WHmZBg747__IJRf2NtzDLV04BV_JiDflJLr5wVdAz7yCL1PEyU_djpeQKEdGbQr7wV0mG_9gjvfergYD2-8i0PQD5-tCpOlllTyt3yvutPIPfMKsxZVtCpSzP4Qb1pmXl178938T) ---- * 示意圖 ![](https://lh5.googleusercontent.com/0wihx3t1ZLyusLrjQvFpmh00-b0kOJ9CE3Hb-On2VIyExwocb6b2tVGhts6froQNFPFwAi5gnPuhCnNR1lBA3uNe7hgHUifMl27t2EAEp1NJ4psw4xIriLeduGaazXyq2v1wMz6g) --- ## 補充學習 * git - 工程師必備版本控制工具 ([連結](https://www.codeschool.com/courses/try-git)) --- ## 遇到問題尋求協助 - 到 fb 社團發問 ---- * 申請加入社團:[https://www.facebook.com/groups/st2de](https://www.facebook.com/groups/st2de) * 搜尋看看有沒有人問過類似的問題 ![](https://i.imgur.com/cJAAREb.png) ---- * 或是自己提出一個問題 * 在提問過程中,盡量交代清楚問題來源及原因,能夠讓其他人更了解你卡住的點。 * 如果需要附上程式碼,可以使用 [jsfiddle](https://jsfiddle.net/) 或是 [GithubGist](https://gist.github.com/) 等程式碼分享工具。 ![](https://i.imgur.com/BS3qGZX.png) ###### tags: `st2de` `start` `2017 winter`