第一次就上手，前端工程新手指南
在現代科技領域中，前端工程師扮演著關鍵的角色，負責開發各式網頁應用程式，並解決各種技術挑戰，這門課程將幫助你了解前端工程師的世界，教你如何找尋自己的職涯方向，準備面試等。課程將由專業的104 Alex老師帶領，提供實際的指導和支持，讓學員能夠快速成長為一名優秀的前端工程師！
緯育TibaMe104學習精靈
前端開發
前端開發
關注
邀請朋友 
Facebook
Line
複製連結
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
前端開發 學習推薦
全部
影片
文章
玩遊戲也能學程式？Screeps 教你成為JavaScript 高手！玩法介紹、進階技巧教學
想在玩遊戲中學習 JavaScript？Screeps 這款大型多人在線遊戲不僅滿足你對策略遊戲的熱愛，還能讓你輕鬆學會程式設計！本文將介紹 Screeps 是什麼、為什麼選擇 Screeps 學習程式設計、如何開始使用 Screeps、遊戲的具體玩法以及進階學習技巧，幫助你全方位了解這款結合遊戲與學習的創新平台。
▍什麼是 Screeps？
Screeps 是一款專為 JavaScript 學習者設計的大型多人在線遊戲 (MMO)。在這個開放式的策略遊戲中，你將控制被稱為「creeps」的單位，這些 creeps 可以幫助你獲取資源、建立自己的領地，並與其他玩家的 creeps 進行互動和對抗。這款遊戲的獨特之處在於，你需要使用 JavaScript 來編寫程式碼控制你的 creeps，這讓學習程式設計變得既有趣又實用。
▍為什麼選擇 Screeps 學習程式設計？
● 互動學習：傳統的程式設計課程可能枯燥乏味，而 Screeps 則通過遊戲的方式讓你在實踐中學習。你不僅需要編寫程式來控制 creeps 的行動，還要通過策略思考來解決遊戲中的各種挑戰。
● 實戰經驗：在 Screeps 中，你會遇到其他玩家的挑戰，這要求你不斷優化自己的程式碼。這種實戰經驗對於程式設計學習者來說極為寶貴，因為你可以在實際應用中發現和解決問題。
● 社群支持：Screeps 擁有一個活躍的玩家社區，你可以在論壇上與其他玩家交流經驗、分享策略，甚至請教問題。這種社區支持可以幫助你更快地進步。
▍如何開始使用 Screeps？
● 註冊帳號：首先，前往 Screeps 官方網站 註冊一個帳號。註冊過程簡單，幾分鐘內即可完成。
● 下載客戶端：完成註冊後，你需要下載並安裝 Screeps 客戶端。這個客戶端提供了一個易於使用的編輯器，你可以在其中編寫和調試你的程式碼。
● 學習基礎概念：對於新手來說，建議先學習一些基本的 JavaScript 知識。你可以在網上找到許多免費的 JavaScript 教程，這些教程可以幫助你快速入門。
● 加入遊戲：安裝完成後，打開 Screeps 客戶端並開始遊戲。按照新手指引，你將學會如何控制 creeps 並完成基本的任務。
▍Screeps 遊戲玩法介紹
在 Screeps 中，creeps 是你最重要的單位。你需要通過編寫 JavaScript 程式碼來控制 creeps 的行動，例如如何採集資源、建造建築、攻擊敵人等等。遊戲中，你可以：
● 採集資源：creeps 可以採集地圖上的資源，這些資源是建立和升級建築的關鍵。
● 建設基礎設施：利用採集到的資源，你可以建設各種建築，例如倉庫、塔樓等，來保護你的領地。
● 策略對抗：當你遇到其他玩家的 creeps 時，你需要制定策略來保護自己的領地或攻擊對方。這要求你不僅要編寫高效的程式碼，還要有良好的策略思維。
▍Screeps 學習的進階技巧
● 模塊化程式設計：隨著你進一步深入遊戲，你會發現模塊化程式設計可以幫助你更好地組織和管理程式碼。將不同的功能分割成獨立的模塊，讓程式碼更加清晰和易於維護。
● 演算法優化：在 Screeps 中，優化你的演算法是獲勝的關鍵之一。學習如何提升程式碼的執行效率，讓你的 creeps 更加智能和高效。
● 參與競賽：Screeps 定期舉辦各種競賽，你可以通過參與這些競賽來檢驗自己的實力，並從其他玩家的程式碼中學習新的技巧。
Screeps 是一個將遊戲與程式設計完美結合的平台，特別適合那些希望在輕鬆有趣的環境中學習 JavaScript 的人。無論你是程式設計新手，還是有一定經驗的開發者，Screeps 都能為你提供豐富的學習資源和實戰經驗。趕快註冊帳號，加入這個充滿挑戰與樂趣的世界，通過遊戲提升你的程式設計技能吧！
➤ 歡迎在104學習精靈關注【AI趨勢報－科技愛好者的產地】獲得更多科技新知！
1
0
732 0
拍手
留言
分享
Line
複製連結
收藏
熱門精選
產品
06/26 13:22
【PPA開幕慶】活動期間首購單筆滿千以上送100元Line Points點數
活動期間：2024/7/9 11:00- 2024/8/5 23:59
活動說明：活動期間首次於104課程中心付費購買「PPA (PressPlay Academy) 上架課程」，單筆滿$1,000以上 ( 若有使用任何折扣碼優惠，結帳金額於扣除優惠後須超過$1,000以上，且不累計贈送。) 即可獲贈100元Line Points點數回饋。
活動注意事項：
1. 獲贈資格須符合下列說明：
(A) 首購意指：載本活動之前未曾在104課程中心購買「PPA (PressPlay Academy) 上架課程」，於活動期間首次完成消費購買「PPA (PressPlay Academy) 上架課程」。
(B) 購買者必須於104課程中心系統完成付費紀錄。( 特別提醒： 購買者於PPA (PressPlay Academy) 官網線上消費不包含在此次活動資格 )
(C) 訂單成立且完成付款時間皆須於2024年8月5日23:59前，並於7天內完成課程兌換，始符合獲贈點數回饋的資格；最後獲贈者將公告於本活動網站，中間姓名會隱藏。
(D) 單帳號僅有乙次贈送資格，符合上述資格者，因點數作業時間，您的回饋點數最晚將於2024/9/30前寄送至您購買時填寫的e-mail電子郵件信箱。
2. 本次贈送的100元Line Points點數，點數發送後請於規範時間內完成兌換，點數兌換後於180天內須使用完畢，逾期失效。
3. 104課程中心保有最終修改、變更、活動解釋及取消本活動之權利。
5. 如您有任何問題，歡迎來信nabiservice@104.com.tw
0
0
22038 3
拍手
留言
分享
Line
複製連結
收藏
104學習精靈精選課程
看更多課程
想提升職場競爭力？專業技能課程看起來👇
【金融業轉後端】成功轉職後端工程師，也要不斷進修學習
Erik 畢業於政大統計系，曾在金融業擔任 Data Science、RPA 自動化機器人以及 AI 人工智慧相關技術工作。看似與網頁開發沒有相關 ，為何會想轉職後端工程師呢？已經有豐富工作經驗的他，為何報名 Node.js 專題班？讓我們一起來看看他的學習歷程分享！
✨學員背景介紹
Erik 會轉職是因為在前一份工作的專案中接觸到網站開發，進而對後端產生了濃厚的興趣，卻因工作內容大多為文件流程和 Python 教育相關工作，只有少數時間能投入網頁開發，於是讓 Erik 產生專職後端相關工作的念頭。
在轉職成後端工程師後，Erik 想要了解更多開發知識、學習新的程式語言和框架，為了實現這個目標，他在換工作之前選擇參加課程精進自己。
一開始 Erik 的目標明確，希望找的是在職學習、不用從零開始、更深入地了解後端開發、和有經驗工程師合作、能做 Side Project，在考慮過多家課程後，選擇參加 Node.js 專題班。
✨學習歷程 - 學會時程規劃安排
有規劃是一件非常重要的事情，Erik 會與組員用 Notion 做好週回顧，規劃好學習進度，除了能從中了解自己的待辦進度，也能互相督促學習，讓學習進度不斷推進。除此之外，也會透過 GitHub 的 coding 圖，看到熱力圖累積越多越有成就感。
如果很常分心的話，可以用五秒法則，自己心裡倒數五四三二一後，就要開始專心，並在做完一個 feature 之後犒賞自己，建立成就感。
Erik 也分享，他很喜歡透過組織讀書會的方式，兩到三人一組，與成員共同分享書籍、論文的知識點，讓大家快速攝取知識。在 Node.js 專題班後，也養成了和工程師好友們一起唸書、寫程式的習慣，會自己練習 Side Project 或是一同組隊上這次的 TypeScript 訓練營。
✨最喜歡 Node.js 專題班的 ＿＿
在 Node.js 專題班中，Erik 最推薦的是「洧杰校長的影音課程」以及「Ray 助教的部落格」，影音課程是手把手一步一步帶你扎實學習後端知識；Ray 的部落格是個大神寶藏庫，每篇文章都有詳細的圖文教學，非常清楚，幫助非常非常多。
課程最後的成果發表會也令人印象深刻，Erik 覺得現在很難得可以有個舞台可讓大家展現自己的作品成果。
✨這裡對教學充滿熱誠
Erik 在前一份工作中，因組織願景的需要，負責其他同仁 Python 相關技術教學。然而，他深刻的體會到自己對於教學的熱忱相對較少，更傾向於深耕自己的專業技能。這使他更加理解到教學所需的耐心和熱忱，並意識到這是一項相當具挑戰性的任務。
但 Erik 在參加六角學院的 Node.js 專題班後，對於教學有了不同的感受！他觀察到六角學院的老師和助教對於教學都充滿熱誠，願意分享知識並樂於回答各種程度的問題。這種熱忱讓他感受到，這些教育者真的想要幫助學生，並致力於讓更多人了解並投入這個行業。這樣的教學風格與經驗，讓 Erik 對於教學產生了一些新的想法和感受。
✨求職歷程分享
Erik 認為，對於後端工程師而言，大部分公司的面試程序通常以刷題為主，因此強烈建議走後端路線的工程師一定要熟悉 easy 和 medium 的題目，刷題目的不在量多，在於你是否能有效解題。面試時，如果遇到問題，可以詢問面試官給些提示，但掌握基本的一些演算法技巧非常重要！
在面試前做足準備，再次回顧整個專案任務目標、系統架構、 API 細節還有使用到哪些技術，同時準備一些提問，例如：對於 Python Web，存在不同的框架，你為什麼選擇這個框架？這個框架的優勢在哪裡？如果公司使用這個技術，你也可以解釋當時的時空背景和原因。舉例來說，Python Flask 中的 Blueprint 是做什麼用的？有機會的話可以找朋友進行模擬面試。
另外，網路上有很多後端求職的準備清單，Erik 建議平常沒事就要刷題，就像喝水一樣 XD
保持習慣性的學習和準備。這將有助於提高面試的表現和應對能力。
✨給學弟妹的話
Erik：「我認為最重要的是擬定自己的目標，例如：如果你想成為後端的資深工程師或是 tech leader，就需要思考在成為這個角色之前，你需要掌握哪些技能，並希望逐一學習。在網路上可以找到很多工程師學習的路徑圖，可以當作參考範本。
此外，不需要對新技術感到焦慮，科技領域一直在不斷推陳出新，有很多新技術層出不窮。只要明白自己還沒學習過或者可能還沒有應用場景，就能夠釋放一些焦慮感。建議多去參加一些程式座談會，了解其他大神在做什麼，也可以加入一些相關社群去拓展自己的知識或人脈，有時候別人的問題也可能是自己的問題。同時，強烈推薦參與每年九月的鐵人賽，這是一個把自己所學貢獻給社群的好機會，而且重新回顧一次通常會有更深的了解。
去年參加 Node.js 專題班的經驗讓我感到非常充實，最後的成果出乎意料地豐碩！不要覺得自己辦不到，尤其在團隊作業中，大家都會互相幫忙，如果有問題，也有助教會協助，所以好好地加油，體會這趟旅程吧！
0
0
347 0
拍手
留言
分享
Line
複製連結
收藏
推薦給你
投放Google關鍵字廣告的五大優勢！
Google關鍵字廣告可以幫助企業提高銷售、增加品牌曝光和精確觸達目標客戶。投放Google關鍵字廣告（Google Ads）的五大理由如下：
1. 高效目標客戶：Google關鍵字廣告可以讓你精確鎖定正在搜索與你的產品或服務相關的潛在客戶。這意味著你的廣告會出現在那些已經對你的產品有興趣的人的面前，從而提高轉化率。
2. 靈活的預算控制：你可以根據自己的預算靈活設置每日和每次點擊的費用。無論是小企業還是大型公司，都可以根據需要調整廣告支出，以確保不超出預算。
3. 即時效果追踪與優化：Google Ads提供詳細的報告和分析工具，讓你能夠即時追踪廣告的效果。這些數據可以幫助你了解哪些關鍵字和廣告文案最有效，並進行及時的優化，以提高投資回報率。
4. 增加品牌知名度：即使用戶不點擊你的廣告，只要他們在搜索結果頁面上看到你的品牌名稱和信息，就能增加品牌的曝光度和知名度，這對於長期的品牌建設非常有利。
5. 覆蓋廣泛且多樣化的受眾：Google擁有全球最大的搜索引擎，能夠覆蓋世界各地的廣大受眾。無論你是本地企業還是國際公司，都可以通過Google Ads將你的產品或服務展示給不同地域和語言的用戶。
0
0
142 0
拍手
留言
分享
Line
複製連結
收藏
你可能感興趣的教室