--課程目前免費中--

快速的程式碼驅動，Webpack，Babel ，React、Angular、Vue、SSR、TypeScript 的JavaScript 教學指南

https://softnshare.com/webpack4-beyond-basics/

[免費學習資源] HTML & CSS 優雅嚴謹的學習網站

入門： http://goo.gl/b1YV6
進階： http://goo.gl/lsOoh
#HTML #CSS
FB連結： https://goo.gl/Uv9Jc2

今天跟各位介紹一個學習 HTML 與 CSS 的網站，叫做「Learn to Code HTML & CSS」。我很少看到可以把學習網站的外觀，排版得如此乾淨優雅、又結構嚴謹的！光看首頁，我的印象分數就 Up Up！

實際點進去看了一圈，更是覺得它的教學內容每則都短短的，不會超過 3 個 Page Down。但都能把握某一主題，言簡意賅。所以就趕緊推薦給大家！

想學網頁程式設計，我會推薦由「HTML --> CSS --> JavaScript」這樣的路線來學。如果學完 JavaScript，能再學 jQuery 這個 UI (User Interface, 使用者介面）的專門語言，那更是如虎添翼！這個網站難得的是，它有一個「進階課程」（連結附上本篇上面，標示為「進階」的那個），不但把 jQuery 這段知識補上，而且還很佛心地...免費！（耶～～）

但這個網站也不是沒有缺點！它把 JavaScript 這個重要語言講得不多！這點真的是美中不足！這兩天我再找找有什麼好的 JavaScript 教學網站，提供給大家，補足這一部份！

希望今天介紹的這個網站，能夠幫助到想要學 HTML 與 CSS 的朋友！如果您覺得這篇文章寫得不錯，還請您不吝按讚鼓勵一下。或者轉發到您自己的 Facebook，加一點您的心得，分享給您的朋友。久而久之，您也會成為朋友中，程式設計方面的意見領袖喔！祝 學習順利！

PS: 看了本篇後有任何疑問，歡迎在底下留言，我會盡快為您解答的！

[好站推薦] 15 個學習 Angular.js 的網站

在上個禮拜四，我曾貼出一篇「JavaScript 免費學習資源」（鏈結在此： http://on.fb.me/1B7AYVh ）的文章，得到不錯的迴響（5342 人看過、179 個讚）。當時我就曾提及，JavaScript 近年來的發展，早已非吳下阿蒙。用 JavaScript 開發出來的框架，早已多如過江之鯽。其中最出名的，應該非下列三大框架莫屬了：

1. jQuery
- 著重在網頁前端（負責繪製使用者介面那一端）。
- 號稱一行程式碼可以做出 JavaScript 百行程式碼才做得出來的效果。

2. Angular.js:
- 也是著重在網頁前端。
- 特色是能透過 MVC (Modal, View, Controller) 架構，把 HTML/CSS 碼，與 JavaScript/Angular.js 分離。

3. Node.js:
- 著重在網頁後端（接取資料庫的那一端）
- 特色為「效能」。
- 希望透過「事件」傳遞，做到「非同步呼叫」，讓瀏覽器不必等伺服器完成工作後，才能著手進行下一個工作。

今天要跟大家介紹的，是 Angular.js 的學習網站。原文網址如下：

http://designpotato.com/15-top-websites-to-learn-angularjs/

照慣例幫大家介紹一下。如果您英文不錯，可以直接看原文即可。以下文章是寫給英文不太熟的朋友看的。

==============

1. Recipes with Angular.js
-------------------------------------
用一篇篇短短的文章，來介紹介紹 Angular.js 的功能。每篇文章一定會舉個小範例讓你能捲起袖子實作，就像做菜看食譜（Recipes）一樣。

2. Tutorials Point
------------------------
其實該網站提供的免費學習文章，不止 Angular.js。而是包含 Java, Node.js, Angular.js, Android, Ruby...等眾多語言的教學文。原文連結通往首頁，為了避免您在首頁找不到 Angular.js，我幫您準備了直達 Angular.js 大門口的連結：

http://www.tutorialspoint.com/angularjs/index.htm

當然其它語言您有興趣，也可以看一下。收穫應該不少。

3. GitHub
--------------
作者該打屁股 XD！ GitHub 只是個讓您把原始碼或文件放在此處，並提供「版本管理」功能給您的網站而已。作者卻把超連結直接指向 GitHub 首頁。這樣能找到跟 Angular.js 相關的教學文才有鬼！！不過，紀老師不會讓這種事情發生的，對吧？呵呵！以下是正確頁面的傳送門，請服用：

「Angular.js Learning」
英文版： https://goo.gl/86V7k
繁中版： https://goo.gl/iXPyvw
簡中版： https://goo.gl/s219kC

4. Thinkster.io
-------------------
這也是一個混合了 Angular.js、MEAN (MongoDB, Express.js, Angular.js, Node.js，詳見此連結： http://on.fb.me/1dxXqfv )、Ionic、Swift 四種技術的教學網站。如果您只想看 Angular.js，只要點擊原文連結進去後，再點下方有個「AngularJS」的按鈕，按下去就可以過濾出所有跟 Angular.js 有關的文章了。

5. Year of Moo
---------------------
收集許多 Angular.js 的文章。其實比較不像有順序的教學文。不過看看還是不錯的！

6. Angular.js Tutorial by Todd Motto
------------------------------------------------
這位 Todd Motto 仁兄太神了！他寫了一篇一萬多字的文章，來介紹 Angular.js。讓您看完後，就可以「屁」Angular.js 給別人聽然後不太會露餡。號稱可以「一天學會 Angular.js」的文章。

7. NG Book
----------------
很棒的一本電子書！但原文提供的鏈結不是免費的....不過呢～～咳咳～嗯...傳送門在此 XD：
http://goo.gl/7EhLNd

8. NG Newsletter
-----------------------
一份高品質的 Angular.js 電子週報！由人工挑選的文章，每週定期推送給所有訂戶。免費！

9. Egghead
----------------
「蛋頭先生」的學習網站。其實這也是個收費的綜合性網站，並非只給 Angular.js。點擊進去後，點擊下方的 Angular.js 圖示，或者直接點擊我提供給您的超連結：

https://egghead.io/technologies/angularjs

就可以抵達 Angular.js 的頁面了。它的特色是影音教學。不過有些標示為「Pro」的部分，得付錢才能看。但免費的影音教學也很夠看了！

10. W3 Schools
-----------------------
很老牌的 HTML/CSS/JavaScript 教學網站！近年來也加入 jQuery、Angular.js...等主題。原文很不負責任的指向首頁。如果不想花時間找 Angular.js 在哪裡的朋友，可以直接點擊我提供的連結：

http://www.w3schools.com/angular/

11. Angular.js on Codeacademy
-------------------------------------------
Codeacademy 是一個以「互動學習」出名的網站。強調「做中學」。我非常推薦！原文連結直接點，就能抵達 Angular.js 的頁面。

12. Code School
-----------------------
另一個強調「做中學」的網站。有部分課程開放免費，但有些就得付費了。原文連結指向一個不存在的頁面，我幫各位修正好了。直接點下面這個連結，就能看到「JavaScript 系列」之下的兩個 Angular.js 課程了。一個免費、一個付費。有興趣大家可以試試看：

https://goo.gl/0vcYbY

13. Angular.js in 60 minutes
--------------------------------------
這是一本大約 100 頁的 PDF 電子書，內容不多，不過要 60 分鐘學完我是不太相信啦～ XD 。兩三個小時內看完、有心得，倒是有可能的！想快速瀏覽一下「Angular.js 到底能做什麼」，直接點擊原文提供的連結，就可以下載到這本電子書了。

14. Medialoot
-------------------
其實就是一篇 Angular.js 的長文而已。原文鏈結又很不負責的指向首頁，不管我從主選單找，或者用站內搜尋找「Angular」這個關鍵字，都找不到原文說的那篇文章。後來就求助 Google 大神，要求它把搜尋範圍限制在「medialoot.com」這個網站內，才找到原作者說的那篇文章。我幫大家補上連結在此：

http://goo.gl/xR8CYq

15. Medium.com
------------------------
又來了！作者又不負責任地指向首頁、而非他說的那篇文章了（翻桌）！這樣的作者真的很不負責任耶！不知道他是否來騙稿費的？不管，反正我又請 Google 大神故技重施、找到他說的那篇文章在下面：

https://goo.gl/7GUFv1

===============

今天幫大家介紹的 Angular.js，還滿意嗎？希望大家能有收穫喔！
也麻煩大家不吝按讚鼓勵，或分享給您 Facebook 的朋友喔！

自從遠端工作之後，出勤的打卡記錄也轉成線上服務

雖然我也想不透工程師都線上工作了還打什麼卡...不過沒關係，打就打

但也因為在家裡工作反而常常忘記打下班的卡!

每次結算薪水都很痛苦，一整排的異常，是不是像我這種認真工作的人更容易忘記打下班的卡 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

#前端 #後端 #工程師

現在學習知識的渠道越來越多，無論對於零基礎或是有經驗的工程師，想要持續成長應該看書還是看影片來的更有效率呢？

主要會和你分享我過去從新手到資深的過程中，如何持續保持進步及學習的經驗

也許這個經驗可以幫助到你，也歡迎留言和我分享你的看法

相信彼此分享不同的學習見解，能讓對於想要更精進自己程式開發功力的人有很大的幫助

===章節===
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

#寫程式 #前端 #後端