[免費學習資源] 想學 JavaScript 嗎?這裡有一大堆人家整理好的資源喔!
自從 HTML5 流行以來,JavaScript 在網頁程式設計的地位越來越重。從以前只是控制滑鼠點擊事件、做做特效,進化到入侵前、中兩端的正規語言(中端語言利用 Node.js 來達成)。更冒出上百個以 JavaScript 為基底的 .js 框架與函式庫(如:Angular.js、Backbone.js...etc.)。JavaScript 早已非吳下阿蒙,一躍而成網頁設計必學的語言之一。
隨著 JavaScript 越來越複雜,很多朋友都有興趣把 JavaScript 學好。在此我提供各位一個很不錯的學習資源清單。網址如下:
http://conceptf1.blogspot.ae/2013/11/best-resources-to-learn-javascript.html
該清單計有下列學習資源:
* 影片教學(Videos x 16)
------------------------
1. Crockford on JavaScript (x6 Videos)
2. The JavaScript Programming Language (x4 Videos)
3. An Inconvenient API: The Theory of the DOM (x3 Videos)
4. Advanced JavaScript (x3 Videos)
* JavaScript 物件導向程式設計(Object-Oriented Programming in Java)
(文章教學,共三篇,算是 JavaScript 語法精要)
------------------------
* 免費書籍(Books x 6)
------------------------
1. JavaScript: The Good Parts (Douglas Crockford)
2. Pro JavaScript Techniques (John Resig, 比較進階)
3. JavaScript: The Definitive Guide (David Flanagan)
(歐萊禮出的經典之作,點入後記得點擊封面上方的「Search Inside and Read」方可全文觀賞)
4. Eloquent JavaScript (Marijn Haverbeke)
(本來就是以「免費線上 JavaScript 好書」出名,也是經典)
5. Essential JavaScript Design Patterns for Beginners (Addy Osmani)
(雖號稱 for Beginners,不過 Design Pattern 的東西還是學完基本語法再看比較會有心得)
6. Head First HTML5 Programming: Building Web Apps with JavaScript
(連結直指 Amazon,並非免費。有中譯本叫「深入淺出 HTML5 程式設計」,然後把「書名」加上「pdf」三個字放進 Google 能撈到什麼就不用我再教了吧? XD)
* 學習網站(Learning Sites x 6)
------------------------
1. Writings on JavaScript
2. comp.lang.javascript FAQ
(事實上,這只能算 BBS 論壇的精華區整理,不過整理得不錯就是了)
3. Learn appendTo
(我試過,鏈結已失效。不知有沒有人試成功的?)
4. Secrets of the JavaScript Ninja
(其實這是傳說中的「忍者書」,不知道為什麼作者把它分在「學習網站」這一項?況且連結導向購買頁,似乎並非免費。我幫各位準備了傳送門在此,請服用: http://goo.gl/f9GXoV XD)
5. JavaScript Garden
(原鏈結為英文,我幫各位找到中文的: http://goo.gl/KIIJzj )
6. Codecademy
(大推!互動式學習,註冊後搜尋「JavaScript」課程即可找到)
* 教學文(Articles x14)
------------------------
希望今天介紹的資源能對大家學習 JavaScript 時有幫助!
別忘了按讚鼓勵或分享給你的朋友喔!
同時也有2部Youtube影片,追蹤數超過7萬的網紅在地上滾的工程師 Nic,也在其Youtube影片中提到,## 影片觀看說明 由於問題較多,大家的問題也可能是你的問題,建議可以先閱讀下方的「問題總匯」區,找到時間碼 Time code 之後跳轉到自己想聽的部分,會比較有效率哦 本影片 Q&A 留言是抓取 【2020 年度回顧! 成為 Team leader? 業外收入增加? 技術能力成長? (第一...
「design patterns in js」的推薦目錄:
- 關於design patterns in js 在 紀老師程式教學網 Facebook 的最讚貼文
- 關於design patterns in js 在 在地上滾的工程師 Nic Youtube 的最佳解答
- 關於design patterns in js 在 在地上滾的工程師 Nic Youtube 的最佳貼文
- 關於design patterns in js 在 JavaScript/Javascript_DesignPattern.md at master - GitHub 的評價
- 關於design patterns in js 在 JavaScript Patterns Collection 的評價
- 關於design patterns in js 在 A running example or working demo of Interface pattern in ... 的評價
- 關於design patterns in js 在 JS Conf Armenia - JavaScript Design Patterns | JSConfAM19 的評價
design patterns in js 在 在地上滾的工程師 Nic Youtube 的最佳解答
## 影片觀看說明
由於問題較多,大家的問題也可能是你的問題,建議可以先閱讀下方的「問題總匯」區,找到時間碼 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 patterns in js 在 在地上滾的工程師 Nic Youtube 的最佳貼文
對於設計模式的學習有多方派系持不同意見,但仔細去思考,會發現設計模式的存在是避免自己發明愚蠢的設計在已經常出現的問題上,在日新月異的科技進步下,隨著商業邏輯更加複雜,軟體工程師所遭遇到的問題也一次比一次還難
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 #前端 #後端

design patterns in js 在 JavaScript Patterns Collection 的推薦與評價
A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, ... ... <看更多>
design patterns in js 在 A running example or working demo of Interface pattern in ... 的推薦與評價
... <看更多>
design patterns in js 在 JavaScript/Javascript_DesignPattern.md at master - GitHub 的推薦與評價
什麼是設計模式(Design Patter)?. A design pattern is a reusable software solution. 一個設計模式是一個可複用的軟體解決方法。 簡單來 ... ... <看更多>