Search
NT390 特價中
用 HTML、CSS 和 JavaScript 在你的前端技術面試中取得成功
該課程大綱是與多個擁有超過 30 年綜合經驗的前端開發者一起設計的，他們擁有從自學到傳統 CS 學位課程的不同背景。我認為提及這一點很重要，因為你將與各種背景的工程師一起工作，但重要的東西的組合在各種情況下都是真實的。
https://softnshare.com/100-front-end-interview-questions-challenge/
NT 390 特價中
用 HTML、CSS 和 JavaScript 在你的前端技術面試中取得成功
該課程大綱是與多個擁有超過 30 年綜合經驗的前端開發者一起設計的，他們擁有從自學到傳統 CS 學位課程的不同背景。我認為提及這一點很重要，因為你將與各種背景的工程師一起工作，但重要的東西的組合在各種情況下都是真實的。
https://softnshare.com/100-front-end-interview-questions-challenge/
#三年級自學紀錄
#Acellus
#JavaScript
.
關於學習。
.
寫筆記我覺得是一件很難的事，很難教，也很難寫，因為不知道要從哪裡下手，但它有時對於學習，真的是有幫助的。
.
小布很討厭抄筆記(還是很懶得抄?)，討厭到原本嚷嚷很難、各種不會的Java Script，在我要她去抄筆記之後，就全都會了…。
#媽媽鷹眼
#倒底有多討厭抄筆記
.
小布前陣子開始動不動就說課程好難，但我只是跟她說，因為她的程度有到那，而且不可能一輩子都做一些不用動腦的事，這代表妳長大了🎉。
.
不過，還是有她真的不懂的公式，但我一樣要她先把老師教的抄下來，抄完，真的沒辦法解的時候再來說，腦子有時就會在抄筆記的當下，突然就矛塞頓開了。
.
慢慢發現，她只是欠揍的不想動腦而已，因為從「拉」方塊程式到「寫」程式，需要一點時間習慣。
#但寫出來之後又是滿滿的成就感
#媽媽的潛能開發課🤣
.
真的再不行，媽媽只好出來解決；但媽不想動腦的時候，只能等假日來讓爸來解決。
.
#所以不想動腦是遺傳🤔
.
.
自從遠端工作之後，出勤的打卡記錄也轉成線上服務
雖然我也想不透工程師都線上工作了還打什麼卡...不過沒關係，打就打
但也因為在家裡工作反而常常忘記打下班的卡!
每次結算薪水都很痛苦，一整排的異常，是不是像我這種認真工作的人更容易忘記打下班的卡 XD?
既然容易忘記，我們就來寫個自動打卡系統吧!
拯救自己多無趣，當然要拯救所有同事啊!
這支影片特別感謝我的團隊伙伴陪我一起耍北爛，有你們真好。
===本月活動===
7/22 晚間 8 點「後端領航者論壇」直播活動，歡迎來參加
（適合新、中手或想往後端開發的工程師朋友）
名額有限，手刀報名 👉 https://bit.ly/3jERZRH
===影片中提到的專案===
自動化打卡 project 使用 Ruby on Rails 撰寫，架設於 Heroku
repo: https://github.com/niclin/bernard
喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: 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 提升品質的影響
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
#前端 #後端 #工程師
常有觀眾問我有沒有推薦給程式設計初學者的軟體工程書籍，今天分享3本我自己很喜歡的電腦科學相關的書。但是，我是個非常懶得看書的人啊！！所以這三本書都是夠實用夠有趣，我才有辦法看，才會分享給你們。
這集會聊到...
Overview 💬
💙 準備軟體工程師面試必備書 2:19
Cracking the Coding Interview 提升程式設計師的面試力
🔗 蝦皮 中文: https://shp.ee/y7rbjqk
🔗 博客來 English : https://www.books.com.tw/exep/assp.php/untypedcoding/products/F013846860?utm_source=untypedcoding&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-202105
🔗 博客來 中文:
https://www.books.com.tw/exep/assp.php/untypedcoding/products/E050035291?utm_source=untypedcoding&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-202105
💙 當畫家遇上演算法 看圖學演算法 4:28
Grokking Algorithms 白話演算法！培養程式設計的邏輯思考
🔗 蝦皮 中文: https://shp.ee/k3jtmvg
🔗 博客來 English : https://www.books.com.tw/exep/assp.php/untypedcoding/products/F013567471?utm_source=untypedcoding&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-202105
🔗 博客來 中文:
https://www.books.com.tw/exep/assp.php/untypedcoding/products/0010887779?utm_source=untypedcoding&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-202105
💙 置入生活中的演算法 6:20
Algorithms to Live By: The Computer Science of Human Decisions 決斷的演算：預測、分析與好決定的11堂邏輯課
🔗 蝦皮 中文: https://shp.ee/rvvh89e
🔗 博客來 English : https://www.books.com.tw/exep/assp.php/untypedcoding/products/F013864481?utm_source=untypedcoding&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-202105
📢 📣 📢 本頻道影片內容有輸出成 podcast 📢 📣 📢
可以在各大podcast平台搜尋「Untyped 對啊我是工程師」
請大家多多支持呀！！🙏🏻💁🏻♀️
#書到用時方恨少 #演算法繪本 #ComputerScienceBooks
一定要看到影片最後面並且在「YouTube影片下方」按讚留言訂閱分享唷！
【愛屋及烏】
YouTube 👉 https://www.youtube.com/c/Untyped對啊我是工程師
Podcast 👉 https://open.spotify.com/show/3L5GRMXmq1MRsliQt43oi2?si=3zgvfHlETeuGfp9rIvwTdw
Facebook 臉書粉專 👉 https://www.facebook.com/untyped/
Instagram 👉 https://www.instagram.com/untypedcoding/
合作邀約 👉 untypedcoding@gmail.com
-
Untyped 對啊我是工程師 - There are so many data types in the world of computer science, so are the people who write the code. We aim to UNTYPE the stereotype of engineers and of how coding is only for a certain type of people.
凱心琳: 一個喜歡電腦科學邏輯推理，在科技圈努力為性別平等奮鬥的工程師。
【Disclaimer 聲明】
Some links are affiliated.
上面有些連結是回饋連結，如果你透過這些連結購買商品，我可以得到一些小獎勵，但不會影響到你購買的價格，甚至會是更低的價格！謝謝你的支持💕
【㊫ 電腦科學/軟體工程 學習資源 📖】
用Scala學習函式程式設計
https://bit.ly/2IF0Thv
Scala 函数式程式設計原理
https://bit.ly/3kBQXTb
平行程式設計
https://bit.ly/3pCeaZf
Android 應用程式開發 專項課程
https://bit.ly/3lGCUwW
普林斯頓大學 電腦科學 演算法 基礎理論
https://bit.ly/3nxomAh
Go 語言學起來
https://bit.ly/35AWhlv
Parallel, Concurrent, and Distributed Programming in Java 專項課程
https://bit.ly/2IGnlH4
Java 軟體工程基礎課程
https://bit.ly/3fa4gJi
全端開發 跨平台手機app 開發 完整課程
https://bit.ly/2UCGWum
從0-1學 Python 3
https://tinyurl.com/python-bootcamp-untyped
從0-1學 JavaScript
https://tinyurl.com/js-complete-untyped
自學javascript 問題. 前端工程師. 5月20日21:44. 最近在學習JavaScript,但常常在寫習題時都要想很久。其實有時候也想不太出來.....聽老師或同學講解也都感覺很模糊(༎ຶ ... ... <看更多>
自學JavaScript 剛入前端領域的實習編覺得JavaScript 是個學無止盡的語言 卻可以實現所有網站設計的需求剛好看到作者整理出這篇學習筆記我們一起在前端領域成長 快 ... ... <看更多>
javascript自學 在 Re: [請益] 一些關於自學前端的疑問- 看板Soft_Job 的推薦與評價
我目前主要是做前端,少數寫後端,，也是自學然後找到工作，目前在美國紐約華爾街日報
(The
Wall Street Journal)
我覺得前文寫的很好，不過我對於某些點有不同的想法，我也根據前文寫的那幾個分類來
提
1.四大碩問題
如果是要做前端工程師，我真的覺得特地去念四大碩(台清交成)沒有其必要性，當然就算
是想當走全端，我也覺得沒有一定必要性，當然我不是說正規教育研究所不好，加上我在
台灣職場沒當擔任過軟體工程師的工作，所以我這樣講可能會有點偏頗，雖然我以前雖然
是四大碩，但是都是電機相關，大學是中央電機，研究所是交大電機，主修影像處理、圖
形識別、電腦圖學，但這學歷跟我目前做前端沒有任何關係，研究所寫也只是寫matlab跟
c/c++。
重點是，為什麼要去浪費兩年的時間去念研究所，如果還要寫論文的話，更是浪費時間與
金錢，我個人覺得，你要做的是front end developer，你需要的是好的作品集以及好的
專案＠github，可以讓人看出你寫程式以及實作的能力，下面是我的網站以及作品，我不
敢說我做的網站超級好，有些是我在國外唸
碩士去旁聽大學部的課程寫的作業或是自學課程寫的作業，我國外資管研究所幾乎沒有培
養我任何寫網站的能力，最多只有教資料庫。重點是要不同的寫作業/累積作品，實作能
力才是重點！
GitHub
https://github.com/johnnyhsu1106
個人網站及作品集
https://johnnyhsu1106.com.s3-website-us-west-2.amazonaws.com/
我身邊的同事，有些都不是CS背景的，可能一部分也是因為不是在四大公司(google, fac
ebook) ，但是他們有些是自學或是參加coding bootcamp，也都是不錯的高手，所以我覺
得有強烈的學習意願才是重點。
我完全同意前文寫的，學前端並非是可以輕鬆就非本科轉職，
2. 如何自學
在台灣之前已經很久沒寫過程式，工作是當硬體工程師/專案管理詩/產品經理，完全跟寫
程沾不上邊，所以我出國唸書的時候，所以我碩一下學期就去同時旁聽兩門Python的課程
，跟大學生一起上課，每門課都有10個作業,10多個lab練習，每次上課都有worksheet 可
以練習寫程式，我除了沒參加期中/期末考試外，每個作業/練習都有寫，後來因為實習需
求，我自己又去上Coursera學了html/css/javascript，下學期又去旁聽兩門課，一整堂
學了html + css，一整堂學了web development(js + php + mysql)，也是狂寫作業，以
及自學Java，跟同學寫了一個poker game project ，基於design pattern
在找工作的時候，我也是沒學過React, Angular，因為學校哪會教你這些library/framew
ork，所以我開始上Udemy的課程，看到職缺需要什麼，我就去學，面試前時候需要線上考
試，現場面試的時候需要寫程式碼在白板上，就去學資料結構以及演算法，然後狂在leec
ode/lintcode上面刷題目，當然這可以先學，不用等到要面試才學。
結論是
網路上面有太多資源 ，像是Udemy，可以先去上這些，一門課才10元美金，然後覺得自己
有興趣後，想要去上實體課程再去報名，Udemy的好處是可以一直不停的重複聽，然後一
個月內還可以免費退費，千萬不會有那種上網路課程，覺得自己會怠惰的心，所以先去上
實體課程，因為一開始去上實體課程的缺點是，對於沒有基礎的人而言，一開始如果聽不
懂，很容易就追不上進度就放棄了。
3.學習曲線
準備
(1)挑一個好用的Text editor: 我個人用過notepad++, sublime, atom，目前用的是atom
，之後或
許轉戰到vscode
(2)買一台好的電腦：我個人推薦用mac，光是unix作業系統的terminal就是好用，我個人
安裝iterm 2
(3)選一個好用的瀏覽器：我個人推薦chrome，超多web app extension以及強大的chrome
dev tool.
(4)買1-2台的外接螢幕：一邊寫code，一邊看web，一邊看dev tool的console，多螢幕真
的是必要。
初階
(1) HTML: 最好學會HTML5 那些semantic element
(2) CSS: Box Model, Display, Font, Position, Float,, Pseudo class…
(3) Javascript: 學會基本語法，內建資料型態(string, array, boolean, null, objec
t, map, set)，基本DOM API
(4) Git/ Github: 你遲早要學會的工具
(5) Chrome Dev Tool：你遲早要學會的工具
(6) NPM: 你遲早要學會的工具
請記住，w3school是你的好朋友。
中階
(1) CSS: Flex, Media Query，如何做出RWD(Responsive Web Design),Trasformation
, Transition, Animation(keyframe)
(2) Javascript: ES5, ES6的差別，何謂callback function? Event Handler,
Event Loop，程式執行的時候，哪些會在Call Stack執行，哪些會在Callback Queu
e，Ajax(XMLHttpRequest, fetch)，如何寫Callback/ Promise，至於是否要學ES7....，
真的是看心情。
(3) jQuery: 可學/可不學，我有學，畢竟這真的不難，不可避免有人會用，總是要看的
懂
(4) Bootstrap: 可學/可不學，我有學。可以快速做出一個不錯看的網站
我建議不要一開始就學jQuery，至少有中階程式能力後再學。我看過有人寫程式都是
jQuery派，會導致程式碼缺乏架構，缺乏模組化，我最近就是狂把jQuery改成vanilla JS
，自己寫fadeIn, fadeout, animation, slideUp, slideDown，要改jQuery的最累的就是
沒有模組化，幾乎是一個block包含所有商業邏輯。
請記住，MDN是你的好朋友。
高階
(1) React / Vue / Angular等Library或框架: 我建議學React，因為容易入門，多人使
用
(2) 寫出MVC架構的web app:
(3) 寫unit test: Mocha, Enzyme, Chai這是我目前用的
(4) Node JS: 可學/可不學，想要深入JS的人可以繼續學，我是有學
(5) Gulp/Grunt: 可學/可不學，看你公司用哪個或是個人爽度
(6) Sass/Scss: 可學/可不學，看你公司用哪個或是個人爽度
(7) Data structure/Algorithm: 我是上九章算法班/強化班，這兩門課，加上Lintcode
刷200題。
請記住。Stack Overflow是你的好朋友
總結：
我目前只是一個一年多工作經驗的菜鳥front end developer，我大多都是自學來的，
我相信有心/有興趣/少許的天份，你也可以邁向軟體工程師之路。
PS: https://github.com/goodjack/developer-roadmap-chinese
這看起來真的很實用
最後說明一下為什麼我要來美國念碩士，是因為我必須要有文憑才比較有機會留在美國工
作（這個就扯到了簽證的問題)，但是你不需要碩士文憑，你也可以在台灣工作。
我之前在美國面試google ,amazon的on-site interview,當然最後是沒有上，現場面試當
然考的演算法為主，但是前幾關也是會考跟front end 相關問題。
為什麼會推薦w3school，因為對於’初學者‘而言，上面有比較多的例子，雖然他的東西
是比較舊一點，但是是個好入門的網站。我相信學程式還是由淺入深，循序漸進比較好
—
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 207.237.11.51
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1529980631.A.041.html
※ 編輯: philosiphy (207.237.11.51), 06/26/2018 10:45:38
※ 編輯: philosiphy (207.237.11.51), 06/26/2018 18:53:01
※ 編輯: philosiphy (207.237.11.51), 06/26/2018 19:13:39
※ 編輯: philosiphy (207.237.11.51), 06/26/2018 19:14:55
※ 編輯: philosiphy (207.237.11.51), 06/26/2018 19:18:21
... <看更多>