Search
#Firstory電台
#前端工程師入門
#新手該如何入門呢
對現在最熱門的前端工程師感到好奇嗎？
我們找來了剛畢業的前端工程師皓皓
親身聊聊是如何走上前端工程師之路的
新手又該抱持怎樣的心態入門呢？
一起來聽聽看吧~
---
【 Firstory - 總有人傾聽妳的心事 】
https://firstory.me
#Firstory
#好聲音
難得 PTT 的文章看起來這麼舒服！
作者的表達能力很不錯，文章看起來的感覺行雲流水的。
題外話提一下，誰說溝通能力對 developer 來說不重要？如果他連表達都表達地不清楚，沒有重點，他的程式碼勢必沒那麼好讀。
每個人寫出來的程式碼，是會附加自己的特質在那上面的。（就像獵人的念一樣）
如果當時的你思路紊亂，那寫出來的程式碼，後人（包含幾個禮拜後的自己）也不容易看懂那在寫什麼。
再題外話，TDD 的重點在限制思路，讓你不需要跳躍性的思考，讓你清楚目標，讓你做到「少，但是更好」，精準地達到目的、滿足需求，不拖泥帶水自然就容易行雲流水了。
http://ow.ly/XfJE6 《[心得] 前端入門心得》網友在 PTT 上分享的前端工程師入門心得，取之於網路，回饋於網路 :D
程式亂寫也可以動，要怎麼寫的好或易於閱讀，就得花上一番功夫去學習寫作技巧。
這支影片會和你分享一些基本的知識點，實戰技巧基本上當代程式語言開發都能使用
不過每個時代會有不同的想法跟觀點，不同的團隊也會有不一樣的慣例，希望這次的內容能夠給你一些不一樣的想法
喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
章節:
00:00 提升品質的影響
01:29 有意義的命名比簡寫更好
03:01 限制傳入參數數量
05:03 簡化條件表達式
06:37 變數定義範圍限制
08:28 一次只做一件事
10:35 Early return
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#前端 #後端 #工程師
現在學習知識的渠道越來越多，無論對於零基礎或是有經驗的工程師，想要持續成長應該看書還是看影片來的更有效率呢？
主要會和你分享我過去從新手到資深的過程中，如何持續保持進步及學習的經驗
也許這個經驗可以幫助到你，也歡迎留言和我分享你的看法
相信彼此分享不同的學習見解，能讓對於想要更精進自己程式開發功力的人有很大的幫助
===章節===
00:00 哪一個有效律?
00:36 寫程式如同寫作
05:14 書是最便宜的資源
10:14 折扣碼操作示範
===蝦皮購書折扣碼===
折扣碼：FLAGNIC36
時間：2021-03-29 ~ 2021-06-29
折扣碼：FLAGNIC79
時間：2021-06-30 ~ 2021-09-30
折扣碼： FLAGNIC11
時間：2021-10-01~ 2021-12-31
===前陣子在看的推薦書單===
（零基礎）
- 白話演算法！培養程式設計的邏輯思考
- Python 刷提鍛鍊班
（中高階）
- 設計模式之禪(第2版)
- 無瑕的程式碼－整潔的軟體設計與架構篇
- 單元測試的藝術
- 演算法之美：隱藏在資料結構背後的原理(C++版)
- Kent Beck的實作模式
（Ruby）
- Writing Efficient Ruby Code
（成長思考）
- 圖解．實戰 麥肯錫式的思考框架：讓大腦置入邏輯，就能讓90%的困難都有解！
- 師父：那些我在課堂外學會的本事
- 高勝算決策：如何在面對決定時，降低失誤，每次出手成功率都比對手高?
- 窮查理的普通常識
- 懶人圖解簡報術：把複雜知識變成一看就秒懂的圖解懶人包
- 寫作，是最好的自我投資
喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#寫程式 #前端 #後端
## 影片觀看說明
由於問題較多，大家的問題也可能是你的問題，建議可以先閱讀下方的「問題總匯」區，找到時間碼 Time code 之後跳轉到自己想聽的部分，會比較有效率哦
本影片 Q&A 留言是抓取
【2020 年度回顧! 成為 Team leader? 業外收入增加? 技術能力成長? (第一次蒐集 Q&A)】https://youtu.be/BGaDN9wxbKE
## 影片中提到的專案
簡單用 React 撰寫的留言爬取篩選功能，可以自己抓去玩
https://github.com/niclin/youtube-comment-filter
## 問題總匯
00:00 開場
01:26 QA-1 - 林天寸
一直很喜歡妳的頻道，不單單是因為工程師，當然也有部分原因是自己也是走工程師這條路的。
前一年2020年開始，其實是我剛轉職工程師的第一年，在滿多地方都遇到不小的問題，在troubleshooting上面也是有許多瓶頸的。
後來除了白天上班，下班看書跟休息，偶然間看到你的影片[工程師如何自我進修]，才開始慢慢用計畫的方式取代橫衝猛幹。
不得不說，規劃時間真的是比起技術性的功力還更有成效。因為它讓你適時的放鬆跟加強，然後在工作上面才更有長進，雖然很幹話，但我2020的下半年是這樣做的。
目前在準備考取網路管理的證照CCNA，計畫是走network這一塊，還有很多要磨練的。希望也能多看你產出跟network的影片，這是私心話啦，哈哈。
02:57 QA-2 - 仔仔
1.學程式會建議從前端或是後端哪個開始學會比較好?
2.一開始投履歷如何判斷一家公司是可以成長的，而不是進去3，5年後還是那個跟剛進去程度相差不遠的自己差不多
3.跟程式相關的產業有很多(像是製造業到博弈)，可以請Nic分析一下各產業的狀況嗎?以及進去各產業前須要具備哪些程式語言或能力?
4.投履歷時看到一些公司列出所需程式語言和工具一大堆，是不是代表你沒完全具備就不要投履歷了，還是可以請Nic給個意見哪些部分還是可以投看看
5.都說工程師又宅又不會說話，為什麼Nic可以交到女朋友?
10:40 QA-3 - ANDREW NG KAR EARN
如果当写编程语言遇到瓶颈，有什么方法可以有效地避免自己陷入钻牛角尖的情况？
11:46 QA-4 - JS Lin
如果NIC現在選擇能馬上精通一項語言會是哪個？會想用來做什麼PJ？
13:13 QA-5 - Rick0
成為 team leader 後無法直接在技術上有更深入的研究和突破，這樣的變化是否值得?
是否會擔心這樣在技術上跟不上其他人，甚至被下屬看輕呢?
14:39 QA-6 - Henry蔡
因為最近是寒假期間，
我開始考慮下學期的修課，
想請教nic大大，
應該在有什麼樣的基礎上，
開始學design patterns？
我目前是碩士生，
大學非資工本科，
學過Python，
也跟過一些網路影片實作過Flask+PostgreSQL，
大學學過資料結構演算法，
但不到得心應手的程度...
16:07 QA-7 - 黃柏瑋
如何同時Handle好好幾件事
我怎麼覺得上班，然後下班假日寫寫side project後就沒啥時間了🤔🤔🤔
17:24 QA-8 - 乾太
我想問一下這年頭轉行斜槓 VTuber 還有沒有搞頭A？
18:10 QA-9 - uuu06222
之前開始關注你有知道你有面試過人的經驗, 想問一下站在面試官的角度...
面試官會不會比較注重作品需要呈現那些東西, 或是有沒有什麼禁忌是不能碰的嗎?
20:07 QA-10 - Joery Lin
想請教您對於對於給你很多成長和照顧的公司，倘若您有一個更好的機會，無論薪水或未知挑戰都大於現在公司。
您將如何做選擇，或許現在公司會給你加薪留下你。
因為自己曾放棄了許多機會
21:37 QA-11 - YangTing Zheng
Q1: 想問通常一個產品開發的週期都多長呢？負責維運和開發的工作內容是否會差很多？
Q2: 想請您簡單介紹一下資工系學生的出路/工作內容？(如PM.SA.DBA.PG.RD.MIS…或是還有其他的？）
24:16 QA-12 - RTB
Hello World
24:18 QA-13 - Barry
目前是公司MIS 很想轉職成後端工程師，但在面試上面都都時常失敗
常常在問技術關卡時就被問倒了，總覺得 要準備的東西非常的龐大
毫無準備的頭緒，總覺得一直寫side project也不是辦法
26:49 QA-14 - 因地制夷
想請教Nic 有在做投資嗎? ex 股票 想聽一些投資心得
27:13 QA-15 - 比歐
想請教 Nic 大，
在之後的工程師生涯中之後有甚麼規劃或想法嗎?
例如:開發產品創業，或是開班授課、轉做顧問之類的。
28:14 QA-16 - yongming jia
请问新手如何学编程，学完去做什么？怎么自己创业？谢谢🙏
29:33 QA-17 - Minghao Chang
是否能請您推薦用來開發的筆電？（正好最近要汰換電腦），想從今年開始養成寫side project的習慣，謝謝。
30:31 QA-18 - Guan Jun Chen
想知道像Nic這麼厲害的工程師，年薪大概落在哪裡
30:46 QA-19 - Sheng Jiang
想請問Nic，如果非資工背景但是對寫程式有熱情，想轉職當軟體工程師，會建議如何起步?
補充：像是什麼樣的人適合自學，什麼樣的人適合去補習，或者補習跟自學的情況各有哪些優劣?
謝謝Nic
## 結尾
31:49 感想
喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com
#QA #工程師 #在地上滾的工程師 #前端 #後端 #轉職
去年當兵時，很多朋友詢問該如何入門前端工程師，所以我找了目前是前端工程師的朋友來聊聊該如何入門，並錄音下來，盡量從「非本科系+ 完全新手」的 ... ... <看更多>
前端入門 技能一覽… 花了一點時間把常用的整理一下，但感覺還是漏很多，寫不完啊！！ 前端感覺學不完，但很好玩！ 有什麼漏了，一定要有的，請大家推薦一下… ... <看更多>
前端工程師入門 在 [心得] 入門前端工程師——面試攻略- 看板Soft_Job - 批踢踢實業坊 的推薦與評價
背景：經濟系畢業、做了三年業務與寫程式零相關
自學網頁前端＋Rails 開始找前端工程師的工作，
自學心得： https://www.ptt.cc/bbs/Soft_Job/M.1485583086.A.631.html
面試心得： https://www.ptt.cc/bbs/Soft_Job/M.1488105944.A.943.html
面試結果：
主動投遞：150
面試： 12
offer： 4
月薪範圍：28～35
會一連串從自學心得、面試心得到最後的面試攻略，主要是有兩點：
1.走在轉職的路上，受到的幫助太多，
如果不是身邊的朋友們，我可能會花更多時間甚至放棄
2.工程師這工作很有趣，鼓勵更多人來嘗試，不一定適合，但可以給自己一個機會
一、面試前的準備
找工作的管道：
yourator： https://www.yourator.co
insidejob：https://jobs.inside.com.tw/
在準備工作的時候有一直看上面這兩個網站，但找工作的時候因為要找很入門的端工作，
所以還是以1111、104平台為主
搜尋網頁前端工程師 => 扣除 「資深」兩個字的結果之後
全部撒cover letter和履歷出去，前前後後灑了12頁150間左右
很多跟我一樣菜菜的入門者，找了兩三個月都還找不到工作，
很大的原因是投得不夠多、樣本數不夠
我因為接觸的時間不長，經驗相對少
需要繼續學習的目標也很多
所以如果越花時間去思索職缺開出來的要求，到底自己的能力是不是符合
反而會讓自己陷入「我不夠好」的迴圈，最後甚至會覺得「那還是不要丟這家好了」
但這些職缺要求背後的彈性是你看不到的
搞不好公司還是願意跟白紙談談
只要有充分的動機以及熱誠也願意給offer
更搞不好人資也只是把同業的職缺要求複製貼上改改關鍵字而已...
與其自己在那邊掙扎，我寧願開誠布公的丟直球
直接在cover letter上寫出來自己目前會的技能
會哪些技術、利用這些技術可以完成什麼工作？
合不合適這問題就留給用人主管或是人資去思考吧！
二、面試心得-問題篇
經過幾輪的面試之後，大概整理我覺得能夠完整傳達自己的框架：
不過仔細想想這些好像也是一般面試需要注意得事情啦XD
我是誰？
自己的個性、優缺點
以及成長過程到現在為止，針對自己優缺點而產生出來的調整
這些儘量不要用形容詞去解釋，而是用發生過的故事去敘述
以我的例子來說，一定要傳達出去的訊息就是我是一個調整快的人
所以離職之後的半年
轉換領域學習了一些基本功
也獨立完成了一個小專案
未來也打算用這樣的速度方式持續成長進修
我為什麼在這裡？
因為非本科系也完全沒有相關經驗
所以幾乎是一定會被問到的問題
對我來說不外乎從推力拉力著手
自己為什麼離開前一個產業
以及網頁程式設計為什麼吸引自己
還有一個問題也是很常被提及的：你怎麼能確定這次轉換跑道是你確定的？
對我個人來說，早在需要投入金錢跟時間之前
就已經透過一些入門的課程練習確定自己可以接受這條路
所以也是歷經了半年全職學習
甚至後段就是起床＞寫專案＞晚上睡覺的生活
到現在也是甘之如飴啦XD
我能夠做什麼？
不外乎整理目前所有你會的前端技能
當然不是像是求職平台那樣只是打上關鍵字
最好是能寫上這個技能你所會運用的地方
如同第一篇文章對於幾個前端技能的定義：
會用HTML的定義：
知道怎麼做切版、怎麼為「使用bootstrap」鋪路
form tag的操作，會打出什麼request
面試之前，至少要整理自己目前所會的技能，以及利用這些技能可以做到的事情
比起搔搔頭：「我覺得我還算熟啦～」來得沒那麼欠洗臉XD
我想要什麼？
這塊是我覺得最重要的
其實並不是要回應面試的問題
而是當面試碰到一些狀況的時候，要清楚自己的立場和要求
才不會因為情緒或是緊急狀況而慌了手腳
常常我被挑戰：你這樣也敢說要寫扣？
或是：你這樣也敢說要領這薪資？
一開始或多或少都會有點慌了手腳：
果然半年這樣的準備還是不夠，自己還是要多練練...
但後來跟朋友討論也覺得事實沒有那麼的不堪
調整之後心態就比較沒那麼像是談第一份工作的時候
而是明確的知道自己現在的狀態，跟自己的要求
如果與公司沒辦法達成共識，並不一定是誰的問題
相信天涯何處無芳草，下一個面試會更好
滿常被問到的技術問題
HTML不外乎就是各個dom之間使用上的差異，以及有哪些屬性可以設定
CSS最常被問到的大概就是：
Box-model有哪些，差別在哪?
RWD的Mobile First概念、能夠使用什麼樣方法達成？
也有被問到給這個（Show出畫面）PSD檔案
要轉切成HTML+CSS預估要花多少時間，對於接案公司而言速度很重要
好在當初看的課程滿多小細節都有提到也有跟著練習去做，所以這塊就相對沒什麼問題
（網頁基礎十五天 https://www.everyonecanwebsite.com/ ，是幫助我轉職重要的課程）
jQuery、javascript一部分也是因為自己應用的相對單純
所以每次主動提完之後幾乎都沒被問到0.0
反而是會被問前端框架的事情：
會什麼樣的前端框架？懂不懂概念
因為實在太常被問到了，這塊算是我覺得有些可惜的事情
如果學習路徑有涵蓋到這塊，應該會有更多機會和選擇的
後端MVC因為找的主要是前端的工作
所以通常只有被問到運作的原理而已
期間有被問到比較有趣得是Ruby on Rails我認為是一個怎麼樣的後端框架XD
==============
三、面試心得-提問篇
而除了面試中被問問題之外
其實儘管自己很菜，我覺得有些事情還是得要問清楚說明白的
工作未來需要做的事情
要弄清楚會使用的技能
包含公司使用的語言、框架
以及onboard會要做到的事情
畢竟
維護公司既有產品、接案製作活動頁面、從資料庫規劃到系統規劃
到刻頁面獨立完成專案
這之間的差別滿大的
同時也要評估自己接下來需要轉換語言學習的時間ＱＱ
弄清楚這個之後，其實自己心裡大概也會有個底
知道自己目前的狀態跟這個職位的需求是不是有落差
接著自然也就會想要確認：
目前自己的狀態跟公司需求的落差，公司有什麼看法
說穿了就是，確認自己對於對方而言是否符合需求
如果沒有，公司是否有什麼樣其他的考量而能夠再談談的
有的時候我覺得不妨也問問
公司是否有看其他求職者？他們的背景狀況如何？
雖然我覺得這樣問，對方通常都是愣住
然後模棱兩可的回答一些似是而非的答案拉...
不過加減了解一下競爭者的狀態
對於後續選擇offer或是安排面試時間也會比較好判斷嘛...
寫在最後：
感謝許多大大在小弟前兩篇文章有提到未來進修的建議，
我都有列入我未來的念書計畫裡，
我也知道本科系的學生與我比起來，在「新鮮人」階段差異有多少，也知道：
「不好的程式設計師會製造三個工作機會出來」這個白爛笑話，
近期規劃除了精進php之外，sql、internet network 與 javascript也會碰，
中長期也會透過線上課程精進資料結構、演算法等項目，
很多人提到「薪水很慘」這件事情，我要平反一下，
我上一份工作是旅行社業務，一路從業務、業務組長、團空線控票務....
做一卡車的事情加全公司業績第二、旅行社八成的業務我都做過，
很多別間旅行社五年十年碰的不一定有我廣有我深，
甚至公司的網路、資料管理、TMD的打官司都要我去處理，
但我的薪水
還是
沒有漲.....
就是我剛入行的35k（當初想說剛畢業35k還ok，沒想到就這麼35k到了三年後...）
在soft_job或是tech_job板的板友可能很難想像這個情境，
但這在台灣許多產業都是如此（或是世界也是如此？）
俗諺說：男怕入錯行、女怕嫁錯郎
小弟沒有夾起來沒嫁過人不知道女怕不怕嫁錯郎，
但如果要追求薪水，「入錯行」真的是很可怕的事情。
我學程式的轉機是看到朋友的朋友，過去也沒有經驗，上了課、做了專案後，
從過去的28k直接變35k，讓我看到了一些可能性。
就如版友說的：35k對工程師來說真的是低薪
這個事實對我來說是個很重要的信號，過去在旅遊業35k的我算是入行的高薪、
卻是另一個產業入行的低薪。
而且這個產業還不像醫生、藥師一樣需要特定身份，
只要你找對方法、用心做下去，半年內就可以達成目標。
我知道我現在的工作是最最最入門的工程師工作，
我期許自己可以在半年內把公司專案熟悉
並在老闆提出需求的時候，我知道「可能的做法」，
一年之後，我期望自己熟悉一個前端框架、熟悉javascript、SQL、API規劃
這些都是我的目標，我知道當我達到我的目標時，我薪資應該是落在40~45，
接著，我會繼續往下走，
除了薪資會因能力上漲之外，
我真心覺得，寫程式很有趣 : P
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.160.52.4
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1488332752.A.846.html
※ 編輯: Titus (118.160.52.4), 03/01/2017 09:50:46
... <看更多>