前言 回首今年1月才打的文章(轉職-我的第一堂Coding課)，才驚覺自己在今年成長了不少，甚至現在已經拿到理想公司的offer，成功轉職為職稱是web全端工程師的工作。一路上除了技術學習外，也經歷很多只有轉職者才會有的焦慮和不安，雖然在路上一定會不斷遇到各種困難，但我更傾向將這段經歷視作體驗，體驗所謂的“強迫自己脫離舒適圈，改變是成長的開始”這類的心靈雞湯到底是什麼感受😆。因為自己一路過來真的受到很多人的幫助，這篇文章主要是轉職一路一來較完整的整理，希望也能給予有考慮轉職或正在轉職路上的朋友一些參考和幫助，大致上會包含： 轉職起源(包含簡述背景、轉職原因等等) 轉職路上(包含學習資源、心路歷程等等) 面試準備(包含履歷撰寫、求職策略和offer抉擇) 轉職起源 當你google「轉職」，應該會搜尋到「轉職前，先思考好這3件事，讓你無痛轉職」、「知名獵頭告訴你：「轉職」前先停一停，想想這4 個不得不面對 …」和「轉職者最常忽略的竟是這些事！用4招、避開5大雷區，無痛接軌 …」等等，不論要思考幾件事還是會痛不會痛😆，我想從標題就能多少感受到這很因人而異，所以希望你能仔細評估自身狀況，不要貿然決定轉職。BUT，到底怎樣算是仔細評估？要有多少把握才能轉職？100%？80%？還是50%？這都沒有標準答案，唯有真的做了才知道，這也是我自己認為決定開始轉職的最重要理由！我必須先說，我認為接下來敘述決定轉職原因的分析都不及這個理由來的重要。

前言 最近參加了AlphaCamp舉辦為期12週的A+訓練營，內容主要分三部分，分別是演算法訓練、自己想做的專案和履歷面試求職的訓練，前六週以建立個人專案和演算法訓練為主，而後六週則是將重心放在求職。目前專案快要告一段落了，就讓我用此篇來介紹我這次發想的專案吧，專案介紹會包含DEMO、發想、目標、應用技術和專案的期程。 專案介紹 DEMO GitHib Page DEMO 前端Github / 後端Github 測試用使用者和 UserStory可參考GitHub Readme 專案發想 因為疫情的關係，導致遠距教學需求提升。 本身也有遠端教學及解題的經驗。 市面上較少專為數理打造的線上教學/解題平台。 專案目標 「Awesome G」的目標是幫助網站使用者完成以下事情： 讓學生使用者以付費發問數理相關問題並獲得即時解答 讓老師使用者可以透過在線解題後得到費用 專案技術 前端：Vue.js / Bootstrap

前言 由於最近要開始投遞履歷找軟體工程師相關領域的工作，於是找了個已經有在相關領域工作過的前輩做了個訪談，這篇文章主要是紀錄整理了我們的談話內容，其中的問題和答案也都因人而異，不過當然還是希望能幫助到在看文章的你囉，那我們就開始吧。 Q1 履歷作品集是如何準備？ A1: 以轉職工程師來說，作品就算是你的招牌，作品不但代表你有相關技能的實力，同時也代表有一定的即戰力，所以履歷中的作品部分，要多描述此專案用到技術、介紹此專案的目的為何等等，若為多人協作專案也可以描述專案貢獻部分。另外面試前一定要將自己的作品用到的技術及邏輯在整理一次，例如這個套件用途為何？為什麼不用其他套件？驗證機制的邏輯？等等問題都要清楚。 Q2 面試的部分有什麼技巧可以分享？ A2: 分成面試前、面試時跟面試後三階段 面試前：投遞面試履歷時建議要做適當的客製化，針對想去的公司做研究，例如公司規模、產品狀況、工作團隊的挑戰以及未來願景等等，這能有效提供在面試時與面試官做良好的互動。

前言 因為想要試著打造一個線上問答平台，此平台專案採前後分離形式，前端選用Vue框架，後端則是選擇較為熟悉的Node.js+MySQL建立API，而除了基本提問及解答外，問答莫過於最強調即時性了，身為一名發問的學生，一定是最想即時知道自己的問題什麼時候被解決吧😁 在此專案之前，有曾經以Socket.IO技術在全端的架構下打造公開及私人聊天室，於是在此專案建立了基本功能後，便想試著加入Socket.io技術來處理這個即時性的需求，至於Socket.io到底是什麼技術以及如何應用在這樣架構下的專案中，我會在接下來的文章中介紹我於研究整理後對自己應用的經驗做簡單分享，就讓我們繼續看下去吧。 什麼是Socket.IO? Socket.IO技術可以實現後端(伺服器)和前端(客戶端)的通信實時雙向，與以往建立專案通常都是由資料改變而驅動畫面的改變概念有所不同。 從應用角度我認為Socket.IO可以簡單區分成兩個部分，發送事件以及監聽事件，屬於事件驅動的一種技術，如下面提供簡單的Code範例，當前端頁面登入時發送(emit)一個名為”greetingFromClient”的事件並帶有”Hello Backend”字串的資料至後端，後端監聽(on)到此事件後即可將收到的資料(msg)打印(console.log)出，並發送一個名為”greetingFromServer”的事件至前端，前端監聽到事件後及觸發並打印出”Hello,Frontend!”，用這個技術是不是很簡單就讓前後端實現零距離的打招呼呢😆

前言 這篇主要是想分享在用vue做前端專案時遇到modal的一些問題和我自己整理後的解決方法，希望能幫助到一些跟我一樣在網路上搜尋”Vue Bootstrap modal”的人，分享若有錯誤或不完善的地方再麻煩告知，也歡迎提供更好的方法一起交流。 遇到的問題 我想要用Vue實作以Bootstrap modal的方式呈現登入頁面/註冊頁面等，但就在我把版都刻好後要開始Post API時，發現雖然成功請求並轉址了，但modal卻還停留在畫面上，很不符合使用者體驗！於是開始搜尋了一些相關解法，發現確實不少人在討論這個問題，而我研究後發現了三個方法，各有好壞，那我們就看下去吧！ 要討論這個問題就要先了解Bootstrap實作Modal方法的原理，這也說到了一個解法 — jQuery! 方法1 — jQuery 由於Bootstrap官方文件在展示modal時，就有提到若要手動隱藏modal，可以直接使用jQuery來進行， 如下圖，此法非常有效且直接，直接利用jQuery提供的dollar sign($)綁定欲控制的modal元素(要在該頁面import $)，並用.modal(‘hide’)就可以輕鬆在請求結束時輸入後隱藏modal。但此法有個缺點，那就是網路上以及友人都不建議在使用Vue框架時搭配jQuery實作，主要的論點如下：

前言 雙指針的技巧是我在刷題時覺得”So brilliant!”的方法，可以有效的將時間複雜度降低，而且在刷題上即便不是在考雙指針的用法，也常常可以套用雙指針的邏輯去思考，那就讓我們來看看這個方法吧！ 原理 我認為簡單來說可以看成 “存取兩個變數，讓這兩個變數不斷根據條件變動後做比較。“ 用這方法常常最直接的優點就是省去了兩層迴圈的時間複雜度，然而，指針的設計也是 …

前言 最近因為開始刷題，跟當初想像的刷題有些不同，發現在刷了幾題下來，其實是有些核心的邏輯是可以應用在不少題目上，想要把到目前為止在思考時常可以用到的一些技巧陸陸續續的記錄下來，除了幫助自己未來複習，也希望可以幫助正在刷題的人。 常用技巧 以下簡單介紹的技巧通常都是因為題目有條件限制，例如時間複雜度O(n)、空間複雜度O(1)或是只能in place修改等等所衍伸出來的技巧，不只在運算上可以有更好的效率，有時候也可以用更簡潔的方式來完成題目的要求。常見的技巧如下: 位元運算子法 (Bitwise operator) 會用到這個方法主要是刷到一題"Sum of Two Integers”，題目要求給定兩個數字，透過演算法後要能回傳兩數字相加後的值，但前提是不能用+/-運算子。而位元運算子法就能很好的解決這個問題，其核心概念我認為主要是將目標數透過二進位(不是0就是1)進行邏輯判斷從而達到加減的效果。以前述的例子即是透過XOR (^)的方法來達到1和0的相加效果，如下圖:

前言 這篇是分享我在AlphaCamp(AC)平台從學期一-程式設計入門開始學習，一直堅持到最後學期三-軟體工程師養成(全端)畢業後的一些過程和心得，對軟體工程師有興趣、想學習的朋友，不妨可以參考看看。 學習歷程 一開始會對程式設計產生興趣最大的起因是工作時用幾行程式碼就快速的取代許多枯燥重複的工作且正確率大幅提升，隨著不斷摸索，心裡便開始慢慢有了往軟體領域發展的念頭。為了讓自己更有系統性的學習，在查找資料比較後，決定在職投入AC這個學習平台。 學習的路程共分三學期(新制)： 第一學期屬於入門摸索階段，主要是讓沒有碰過程式的人也可以開始動手熟悉寫程式是怎麼一回事，課程中會學習一些基本的HTML/CSS/JavaScript，個人認為教材內容和實作難易度對新手很友善，也會有一些小小成品讓自己產生成就感進而想繼續往下摸索，詳細內容可以看我之前寫的這篇(轉職-我的第一堂Coding課)。 第二學期屬於熟悉程式語言階段，主要是針對JS這個語言做更深入的了解以及方方面面運用的介紹，包含現在常運用的RWD概念、我到現在都還很愛用的Bootstrap框架、DOM操作和API串接等等，這學期我個人認為是大補帖，很多觀念我到現在都常常翻來複習，像是Function的運作、DOM的原理還有瀏覽器渲染流程等等(這些觀念也常常被業界拿來當面試問題)。整體而言這學期搭配實作的成果讓我對寫程式信心度大幅提升，有興趣細看的朋友可以看這篇(學習前端語言-Javascript)。

前言 從還是Coding菜鳥(轉職-我的第一堂Coding課)時參加的入門課程一路走來到現在完成了整趟旅程，回頭一看覺得挺不可思議的！不論未來發展如何，自己也算是完成了當初報名AC時給自己的起許-堅持學習完成整趟課程，值得給自己拍拍手。當然，這不是學習程式語言的終點，而更像是起點，所以我想先總結我在AC整趟旅程的最後做了些什麼，以便更好的往下一步邁進。這篇重點會著重在學期末協作專案的心路歷程及技術學習分享，希望可以幫助到在看文章的你以及未來的自己。 協作專案 — Simple Twitter 先簡單介紹一下此專案的User Story，此app具有註冊/登入功能，登入後可以設定更改自己的個人資訊(如頭像、名稱、email、密碼等），在首頁可以看到其他使用者的貼文並可以針對貼文做出回覆及按讚/收回讚，首頁的一側有使用者推薦名單，可針對使用者追蹤/取消追蹤，首頁的另一側則是選單，可以進入個別使用者頁面、個人資訊設定頁面以及發送推文的按鈕。其他更細節的使用者體驗我就不一一贅述，讓讀者保留一點想像空間。