關於 css design patterns ，我們在網路上蒐集到這些相關的討論、資訊與評價

【我們在尋找，一個前端工程師】

嘿！妳／你是對社會議題有興趣的開發者嗎？

《報導者》是台灣第一個以基金會形式營運的非營利網路媒體，致力於深度報導，促進社會對話與思考。

在《報導者》，你／妳將能善用所學，與記者、設計、編輯、攝影等專業人士合作，創造兼具社會意義與創新性的內容，讓報導以更有吸引力的方式被看見。

前端工程師們，來當我們的夥伴吧！
★履歷請寄至《報導者》信箱：contact@twreporter.org（來信註明＂應徵前端工程師＂）
★寶寶不是工程師，但寶寶也想成為報導者夥伴→ http://bit.ly/2bhY3e1

-------------------------------------
Basic Requirement:

- Bachelor's Degree in Computer Science or related field or 2+ years of relevant work experience.
- Experience with Javascript, especially React.
- Experience with NodeJS.
- Understanding of common design patterns.
- HTML5, CSS3, SEO and Cross Browser techniques.
- Solid oral and written communication skills.

Nice to Have:

- Experience with CSS Preprocessors such as SASS, LESS or CSS modules
- Experience with Webpack, gulp or grunt.
- Experience with Redux, Flux or other frameworks related to React.
- DevOps skills (Linux containers/Docker, Nginx, GCP)
- Public (github, bitbucket) and open source contributions
- Experience in a team development environment

報導者 Github： https://github.com/twreporter/
報導者開放實驗室： https://medium.com/twreporter
【新聞遊戲】如果我是急診醫師： http://0media.tw/p/ergame/
【互動專題】旗山找「碴」 當農地變成掩埋場： https://www.twreporter.org/a/steel-slag/
【互動專題】台灣電影的「陰濕路」： https://www.twreporter.org/a/film-center

[海量影片] 想體驗一下被免費教學影片淹沒的快感嗎？「Derek Banas」這個 YouTube 影音教學頻道 600+ 支影片滿足你！

https://goo.gl/yhCPvl
#eLearning #FreeTrainingVideo

好的！我第一次看到這個 YouTube 影音教學頻道，噴出口的第一句就是：「你 XX 的太閒了啊！」（稱讚意味，默默收藏）

這位 Derek 老兄不知道是繼承了億萬遺產，還是因為興趣使然才猛力做教學影片的？您點進去看，從程式語言、網頁設計、電子電路、資料庫、手機 App、軟體工程、電腦繪圖...甚至於低卡飲食、如何減重、銷售技巧、行銷手法...每樣都有教學影片！您若進去看過他的頻道播放清單，您就會同意我說的話（記得點擊最下方那個「載入更多影片」按鈕，才能完整欣賞到該位老兄的豐功偉業）。

總而言之（丸尾推眼鏡）～～ 喜歡免費教學影片的人有福了！建議您直接訂閱該頻道，或者將我提供的網址加入最愛，然後每天找個三、五片來虐自己...呃...是進修自己一下，包準您程式設計進步的幅度比別人大喔！

咳咳～只丟一個連結就放生可愛的粉絲們，並非我的作風。所以我把他「與程式設計有關」的影片，分門別類地幫大家整理在下面。如果您只對某個領域有興趣，那就看我提供的清單吧！我還幫你把學習順序大致排好了喔！看到我這麼努力還不趕快把「讚」按下去！... XD （無誤）

一：快速學習系列（總計：x39）
> Learn in One Video (x39) - https://goo.gl/fnDxlo
==> 這個系列設計成「學一種語言最多不超過 90 分鐘」，適合業務、PM，或只想懂皮毛就好的人看。

二：網頁程式設計（總計：x219）
[前端網頁設計]（小計：x73）
> HTML Tutorial (x4) - https://goo.gl/pXT82h
> HTML Video Tutorial (x2) - https://goo.gl/KXZwtD
> CSS Tutorial (x7) - https://goo.gl/BaUdhp
> CSS Video Tutorial (x7) - https://goo.gl/O8DN8b
> JavaScript Tutorial (x8) - https://goo.gl/wpW0Vi
> JavaScript Video Tutorial (x11) - https://goo.gl/LONxOO
> CoffeeScript Tutorial (x2) - https://goo.gl/ADIvW6
> JQuery Video Tutorial (x9) - https://goo.gl/zRYIlv
> AngularJS Tutorial (x4) - https://goo.gl/WXfguL
> XML Tutorial (x4) - https://goo.gl/LAaFmd
> XML Video Tutorial (x7) - https://goo.gl/WH4Ajo
> AJAX Tutorial (x8) - https://goo.gl/nVItM9

[後端網頁設計]（小計：x59）
> PHP Tutorial (x12) - https://goo.gl/7RIa3s
> PHP Video Tutorial (x24) - https://goo.gl/UBdzty
> PHP Security (x6) - https://goo.gl/WjQonR
> NodeJS Tutorial (x12) - https://goo.gl/fzVKZf
> Ruby on Rails Tutorial (x5) - https://goo.gl/dFh0AQ

[網頁程式設計其它]（小計：x11）
> 介面設計 How to Layout a Website (x5) - https://goo.gl/9YInAR
> Web Services Tutorial (x6) - https://goo.gl/nr7Yj9

[無痛架站]（小計：x76）
> Wordpress Tutorial (x16) - https://goo.gl/X3qNyA
> Wordpress Theme Tutorial (x60) - https://goo.gl/Ac9V4C

三：程式語言（總計：x156）
[一般程式語言]（小計：x149）
> C Video Tutorial (x16) - https://goo.gl/wQgJVK
> Java Video Tutorial (x95) - https://goo.gl/TcVfGp
> Java Algorithms (x17) - https://goo.gl/uAQzcC
> Python Tutorial (x9) - https://goo.gl/2c0Ynj
> Python 2.7 Tutorial (x18) - https://goo.gl/yTcJSF
> 組合語言 Assembly Language (x4) - https://goo.gl/PXYlyx

[程式語言相關技巧]（小計：x7）
> 正規表示式 Regex Tutorial (x7) - https://goo.gl/x81Khr

四：資料庫（總計 x14）
[SQL]（小計：x10）
> SQL Tutorial (x6) - https://goo.gl/YClykN
> SQLite 3 Tutorial (x4) - https://goo.gl/8yHyLP

[NoSQL]（小計：x4）
> MongoDB Tutorial (x4) - https://goo.gl/QJfHnv

五：手機 App 程式設計（總計：x100）
[iOS]（小計：x4）
> Objective C Tutorial (x4) - https://goo.gl/GswBRH
[Android]（小計：x96）
> How to Make Android Apps (x29) - https://goo.gl/DjgL2R
> Android Development for Beginners (x25) - https://goo.gl/LvVODL
> Android Development Tutorial (x42) - https://goo.gl/jm1U5J

六：嵌入式系統（總計：x4）
> 電子電路 Electronics Tutorial (x4) - https://goo.gl/u1Ue0Y

七：軟體工程（總計：x65）
> 物件導向設計 Object Oriented Design (x11) - https://goo.gl/XTcjaa
> UML 2.0 Tutorial (x9) - https://goo.gl/ZF4Coq
> Design Patterns Video Tutorial (x27) - https://goo.gl/znWcZ9
> 重構 Code Refactoring (x18) - https://goo.gl/rNNpUY

八：軟體開發工具（總計：x4）
> Git Video Tutorial (x4) - https://goo.gl/lwtZfF

如果您覺得這個頻道太讚了！或覺得我整理順序、縮網址、算影片數目，搞了三個多小時沒功勞也有苦勞，那就麻煩您按讚鼓勵一下小弟吧！當然更歡迎您轉發給 Facebook 上的朋友，讓他們也感受一下什麼是「倒抽一口涼氣」... XD。有任何不瞭解的，歡迎在下方留言一起討論喔！

## 影片觀看說明

由於問題較多，大家的問題也可能是你的問題，建議可以先閱讀下方的「問題總匯」區，找到時間碼 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 #工程師 #在地上滾的工程師 #前端 #後端 #轉職

對於設計模式的學習有多方派系持不同意見，但仔細去思考，會發現設計模式的存在是避免自己發明愚蠢的設計在已經常出現的問題上，在日新月異的科技進步下，隨著商業邏輯更加複雜，軟體工程師所遭遇到的問題也一次比一次還難

Design Pattern 的存在是幫助思考，避免不必要的協作災難，只要能懂得這點並融會貫通，職業生涯中有更多的時間去學習不同的思考方式、軟體架構以及團隊管理

成為真正的資深工程師道路上，Design Pattern 絕對是一門主修科目，你可以不完全使用，但卻不能不知道

以下是學習 Design Pattern 的推薦資源，其中包含筆記、書籍和程式碼範例

✅ 我的部落格筆記(Ruby) https://blog.niclin.tw/2018/11/18/%E7%89%A9%E4%BB%B6%E5%B0%8E%E5%90%91%E5%9F%BA%E6%9C%AC%E5%8E%9F%E5%89%87-solid-ruby-sample/
✅ 設計模式學習筆記 https://skyyen999.gitbooks.io/-study-design-pattern-in-java/content/
✅ 七天學會設計模式：設計模式也可以這樣學 https://www.books.com.tw/products/0010750585
✅ 大話設計模式 JAVA 版範例: https://github.com/skyyen999/bigTalkDesignPatternJava

章節:
00:00 算我拜託你了
01:00 什麼是 Design Pattern
02:25 學習 Design Pattern 的好處
04:43 實際應用與學習方式
07:34 導入工作

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ 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
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
🌟 任何問題或合作邀約信箱: niclin0226@gmail.com

#designpattern #前端 #後端

軟體工程師在進入職場後，前 3 年是想法塑形以及定義價值觀的最佳時機，往往在初期沒建立好的觀念和實力，到了後面更是被日新月異的技術以及更強更年輕的新血注入給淹沒。

要如何保持高速成長及不斷學習，是工程師生涯得不斷思考的問題，而這部影片將會和你分享，我如何用日本劍道的三字心訣，分析我自己生涯的前三年在做的學習，並一步步判斷自己成長學習的階段及改善。

章節:
00:00 有投票一定要來看
01:02 學習三階段
03:17 刻意練習的第一年
07:15 成長衝刺的二至三年
09:54 三年以後呢？

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ 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
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
🌟 任何問題或合作邀約信箱: niclin0226@gmail.com

#前端 #後端 #工程師 #守破離