###### tags: `學期 2-2` # S6 & S7 選課引導章節編修 ## S6 U78:下一步學習焦點 <!-- 原本的內容 在未來的 [學期 2-3: 後端開發實務](https://bit.ly/3gxl6C4) 中,我們會把開發環境從瀏覽器移到 Node.js,你會學習全新的 Node.js 語法與工具,大開眼界之門。 就讓我們用學期 2-3 的課程簡介影片,來開箱一下未來 4 週的學習內容: <div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;"> <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://player.vimeo.com/video/423176984" frameborder="0" allowfullscreen> </iframe> </div> --> <!--重新調整的部分--> 在未來的 [學期 2-3: 前後端開發實務](https://bit.ly/3gxl6C4) 中,你將了解網路運作原理,並初次接觸 Web 開發框架 (Node.js + Express.js) ,打造兼具前、後端與資料庫的應用程式。 #### 課程焦點 在「工具使用」方面,2-3 會是全新的開始,我們會開始使用開發框架如 Express.js 等工具。 而「JavaScript 語言」方面,你目前已打下了足夠的基礎,雖然學海無涯,難免會有「學得愈多,知道愈少」之痛感,但我們建議暫時先保持前進,在此階段,累積更多的見聞與觀摩,更有機會突破瓶頸。 在 2-3 裡使用 Express.js 框架開發時,我們不太會「從零開始寫程式」,多半是在框架預先載入的程式碼裡,再追加自己需要的函式。因此,你會觀摩到更多成熟的 callback function 運用以及非同步處理手法。 2-3 的焦點在於上手 Node.js 環境,開啟更多的網路應用可能性。見聞增長之後,若有心深入,在學期 3 我們會再次引導你深入思考 JavaScript 的語言本質等等。 #### 前後端分流 與過去學習歷程不同的是,學期 2-3 課程針對前、後端進行領域分流,同學會選擇其中一端作為主修路徑。主修課程的學習體驗和過往相同:可以閱讀教案、留言提問、繳交作業、參加工作坊等。另一端課程則為自修,同學可以閱讀教案自主學習。 我們希望透過前後端分流,同學能提前依據自身的學習目標學習,針對轉職者而言,你的學習路徑也會更友善、更聚焦與更有效率。 關於如何進行選課的決定,可以往下閱讀 [S7 學期 2-3 選課引導](https://lighthouse.alphacamp.co/courses/99/units/26196)。 <a class="btn btn-secondary" href="https://payments.alphacamp.co/forms/2-3-january-7c095620ec9741869ff013a69216a79a#utm_source=Lighthouse&utm_medium=unit&utm_campaign=after-F2-next%20step" target="_blank" style="height: fit-content; line-height: 30px;">忍不住想要去學期 2-3 一探究竟了嗎?<br>馬上加入 2021-10 月班,提早了解工具使用與設定!</a> --- ## S7 準備開始你的前、後端交叉點 <!--從學期一到學期 2-2 三個月 (或以上) 的時間,你已經建立「網頁畫面呈現與資料互動關係」的概念,有能力打造前端互動體驗及有意義的應用程式。 如果你準備繼續往學期 2-3 學習,接下來你應該要開始專精各別領域了,確保未來有足夠的時間打磨前端/後端技術。--> 恭喜你完成學期 2-2,準備往下一個階段邁進! 隨著網頁開發的領域的變遷越來越快速,數位產業對於不同專業人才的需求也更加迫切,而專業領域技能的建立需長時間、持續的培養。 也因此學期 2-3: 前後端開發實務,課程將分為前、後端,兩種主修路徑,讓同學們可以針對想要發展的專業領域,提早開始進行學習、建立技能。 為了幫助同學能順利在開課前完成選課,本章節將協助你從了解前後端的區分、逐步思考自己職涯的目標,並理解未來學習路徑,最後聚焦下一步的學習路徑。 #### 觀看選課引導章節的 Do's & Don't <!-- 課程是讓同學為求職做準備、也是探索的過程,不是現在就要做出職涯目標的最終選擇 本章節可以讓同學更理解前後端的世界,提供思考的方向 下一步是綜合判斷,自己想要如何運用 AC 課程幫助自己學習&探索 --> <table> <tr style=" background-color: #a2a2a2; color: #fff; text-align: center;"> <td style="width:50%;">Do's ✅</td> <td style="width:50%;">Don't ❌</td> </tr> <tr> <td> <ul> <li>你的目標是透過這個流程,<b>了解前 / 後端路徑在未來的學習焦點</b></li> <li>專注在助教的引導問題,<b>感受 前 / 後端工程師視野中,是怎麼思考問題的</b></li> <li>選課引導提供的是「思考的起點與方向」,請<b>按照引導直覺性的回答</b>,再往下延伸(小秘訣:有「可是⋯⋯ / 但是⋯⋯」的念頭時,都先放旁邊)</li> </ul> </td> <td> <ul> <li>小心掉入<b>「選課 = 決定職涯方向,不可再改變」的迷思</b></li> <li><b>太過專注在理解、想要聽懂技術名詞</b>,而忽略關注前 / 後端工程師想傳遞的視野、想要解決的問題</li> <li><b>一聽到新的技術名詞就停下來搜尋破碎知識</b>,中斷引導體驗</li> </ul> </td> </tr> </table> ### 選課引導 對現階段的你而言,選擇專修領域可能不容易,接下來教學設計師 Ellen 將解釋 **選課引導單元** 會如何從旁協助你思考及判斷。 <div style="position: relative;width:100%;height:0;padding-bottom: 56.25%;"> <iframe style="position:absolute;top:0;left:0;width:100%;height:100%" src="https://player.vimeo.com/video/589293690" frameborder="0" allowfullscreen></iframe></div> --- ## A19:記錄你的想法 <!-- 作業 unit--> 為了幫助你探索更深層的動力,我們一樣回歸到 Passion x Strength x Value 框架,記錄你的想法,捕捉你的選課方向。 <div style="width:100%"> <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/16404/Screen_Shot_2021-08-23_at_3.46.44_PM.png" target="_blank"><img style="max-width:700px;width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/16404/Screen_Shot_2021-08-23_at_3.46.44_PM.png"></a></div> **學習建議**: * ❌ 思路偏離原本的題目,寫下自己所想而非題目所問。 * ✅ 了解焦慮有很多的面向,但是先聚焦在題目就好,完全只思考題目問的問題。 持續學習是件辛苦的事,不管接下來你會往前端或後端,希望你都能透過這個生涯發展框架,找到自己最佳的戰鬥位置! 我們準備開始答題。 #### Q1: Passion 兩位工程師的分享過程中,在聽到他們各自試圖想解決的問題時,你是否有任何油然而升的澎湃?這種感覺是在聽到什麼資訊時跑出來的?請列出所有你覺得「有澎湃」的段落(愈多愈好) #### Q2: Strength 在兩位工程師的分享過程中,針對那些學無止盡的技術名詞,你是否對「其中的一些」產生了一探究竟的好奇?請列出這些技術名詞。 #### Q3: Value 在兩位工程師的分享過程中,各自的工作內容與所面對的問題,就你對這個產業的認知,你認為「有價值的事情」是什麼?請挑選出 1-3 項你認為「有價值」的工作內容。 --- ## A20:綜合判斷,做出適合自己的選擇 <!-- 作業 unit--> 在了解前後端工程師的視角、以及接下來的課程簡介後,現在輪到你綜合判斷、嘗試做出下一步選課的決定! #### Q1: 綜合判斷 回顧你在 [A19:紀錄你的想法]() 所列舉出的內容,並綜合考量未來你想投入資源學習的焦點,嘗試分享你的決定與背後的原因。 <!--情景一:若你此刻有偏向前端 v.s. 後端的傾向,請綜合考量熱情、專業、價值,再次確認,你的選擇是什麼?--> - 例如:「我目前傾向選後端,我對這個領域中的 _______ 有較高的熱情,也認為_______ 非常有價值。但目前自己在這個領域中的專業較弱,因此想選擇後端主修,透過課程加深自己的技術能力」 - 例如:「我目前傾向選前端,我在這個領域中目前表現較好,也具有 _______ 熱情,但還不太確定他的價值是什麼,因此想選擇前端主修,透過課程繼續探索前端的可能性」 <!--情景二:若你此刻沒有任何的傾向,請直接歸納你在前三段列舉的例子,看看你提到的例子來自前端比較多,還是後端比較多,若有產生數量上的區別,再回到上一小題,試著詮釋你的狀態。--> --- ## U: 前後端課程路徑簡介 在了解「現代網頁溝通的分工」、「網頁開發的技術發展歷程」與「前、後端工程師各自的專注焦點、要解決的問題」後,接下來我們要更進一步了解「AC 的課程設計,如何幫助同學建立各自領域的專業」 #### 學期 2-3:前後端開發實務分流 學期 2-3 是學期二的最後一個階段,也是我們將「網路應用程式 (Web App) 全觀」最後一塊拼圖拼湊起來的階段。 在這個階段中,無論是前端、後端路徑的同學都會需要建立的能力目標是: - 初次連結前端與後端、接觸框架,建立同學使用上手框架感覺與能力 - 了解網路概念,知道其運作流程,並能說出不同框架、工具在 Web App 中扮演什麼樣的角色 因此你會注意到在課程中,無論前端、後端路徑都會學習基礎的網路概論、 Node.js 與 Express.js。 <div style="width: 100%;"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/16741/_______.001.png"> </div> 但後續針對不同專業領域,在「能力的建立」上則會有不同的要求: <table> <tr style=" background-color: #a2a2a2; color: #fff; text-align: center;"> <td>後端</td> <td>前端</td> </tr> <tr> <td>能夠使用網路開發的專業工具鍊 (Node.js, Express.js, MongoDB),開發出一個兼具基礎前端體驗,並能操作資料庫 CURD 的網路應用程式</td> <td>能夠不依靠 Bootstrap,自行應用不同的 CSS 方法與排版技術,手刻打造出符合現代使用者多螢幕需求、具商業價值 (有擴充性、有彈性) 的 RWD 網頁</td> </tr> </table> #### 學期 3:軟體工程師養成 學期 3 是針對「轉職網頁工程師」的同學所設計。 這個學期的目的,就是幫助同學建立專業軟體工程師應有的技術能力、求職能力以及對產業生態的了解,也是同學們在「建立業界對 junior 工程師標準」的一段衝刺期。 新此我們會站在學期 2-3 建立的前後端能力基礎之上,繼續深化你的領域專業。 以下是前 / 後端路徑的學習主題: <div style="width: 100%;"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/16740/_______.002.png"> </div> 除了前後端各自的專業能力建立,在最後的兩週,課程也設計了多人協作專案 -- Simple Twitter 這個專案需要前、後端兩門專修的同學協力合作,運用「前後分離」或是「全端開發」的方式,經過實境般的開發協作流程,來實際展現你在過去各個學習所學、作為 junior 工程師應有的綜合能力: - 能夠融會貫通過去所有學過的技術,打造一個有專業水準的網路產品 - 能夠在收到規格 (使用者故事與 wireframe) 後,有能力進行資料設計、功能定義、使用流程到 API 文件⋯⋯等 - 程式碼、API 文件、以及 Git Commit 的頻次與註解,能夠幫助團隊有效的協作 - 能夠在現有學習基礎上,自行摸索從沒學過的技術工具,並應用於產品之中 - 能夠在有限時間內,打造出具有完整功能的大型產品 - 能夠在有限時間內,打造出挑戰難度較高、複雜度較高的優化功能 #### 怎麼選課? 在學期 2-3 與學期 3 開學前一週,教練團隊會透過「主修路徑選擇問卷」與同學確認你的選課意向。 - 怎麼填寫問卷 - 開課前一週,教練將寄信提醒你開課準備事項與填寫選課問卷 - 至前後端任一課程的「主修路徑選擇問卷」章節,填寫問卷 - 填寫時間: - 表單將於開課前一週,至開課日當天中午 12:00 開放填寫 - 主修與自修的差異: - 不管是主修還是自修,兩個課程的內容你都可以閱讀 - 具體差異可參考下方圖示說明<div style="width: 100%;"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/16742/Screenshot_2021-10-06___1.00.20.png"> </div>