Search
使用各種 Javascript MVC 框架開發出來的 Hacker News Progressive Web Apps，有 ReactJS ，VueJS ( VueJS 版本還是 VueJS的創造者自己寫的 ) ，AngularJS 等版本，都有附 source code ，是一個比較這些框架與練習很棒的範例
>也許你會有興趣 Angular，React JS＆Vue JS – 快速入門與比較 https://goo.gl/kXC9oJ
https://hnpwa.com/
[好站推薦] 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 的朋友喔！
最完整的 iPhone 開發課程：做出 10 款應用程式
從這 28.5 小時的課程，你會學到
1. 學習如何撰寫 Swift 程式碼
2. 學會 UIKit 元件知識
3. 學習紮實的程式觀念，從變數觀念教到類別、物件、協定與 MVC 程式設計
4. 多場景應用程式製作(TabBar, Navigation)
5. 學會使用Autolayout 讓應用程式可以在不同大小的裝置上執行
6. 如何使用地圖功能
7. 如何播放音樂與錄製聲音
8. 如何連結網路解析 Json 格式資料
9. 利用 Swift 語言實作物件導向程式設計範例
https://softnshare.com/ios-12-app/
對於設計模式的學習有多方派系持不同意見，但仔細去思考，會發現設計模式的存在是避免自己發明愚蠢的設計在已經常出現的問題上，在日新月異的科技進步下，隨著商業邏輯更加複雜，軟體工程師所遭遇到的問題也一次比一次還難
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 #前端 #後端
ASP.NET(C#)程式與資料庫設計開學囉！
總整理：
http://terry55wu.blogspot.tw/p/blog-page_10.html
上課內容重點：
01_ASP.NET(C#)第一個練習
02_ASP.NET(C#)讓Label顯示TextBox的文字
03_ASP.NET(C#)將Label文字改為紅色
Visual Web Developer 2010 Express [下載]
下載檔案與講義連結 ：goo.gl/u91J3 (注意大小寫)
課程理念與課程介紹：
影音複習分享(全程錄影)。
提供業界實務開發經驗。
以範例為核心的教法(易學易懂)。
隨時更新第一手資訊。
可延伸證照考試解題。
提供雲端影音連結
提供部落格教學日誌
提供論壇登入問題討論
提供更多程式語言關聯性說明
ASP.NET雲端與APP
ASP.NET雲端與EXCEL VBA
ASP.NET雲端與資料庫
上課用書：ASP.NET 4.0 網頁程式設計速學對策（使用C#） 作者： 鄧文淵 總監製/文淵閣工作室 出版社：碁峰
【基礎程式篇】
chapter 01 ASP.NET 的開發環境與基礎操作
chapter 02 變數、資料型別及運算式
chapter 03 流程控制與陣列
chapter 04 類別、物件與方法
【控制項入門篇】
chapter 05 基本控制項
chapter 06 進階控制項
chapter 07 表格式資料庫控制項
chapter 08 自訂格式資料庫控制項
chapter 09 ListView 控制項
【網站技巧篇】
chapter 10 登入控制項
chapter 11 AJAX 控制項
chapter 12 統一網頁介面
【網站實戰篇】
chapter 13 新聞公告系統
chapter 14 網路部落格
chapter 15 雲端檔案系統
完整影音論壇(僅接受上課學員加入)：
http://groups.google.com/group/itctcaspnet?hl=zh-TW
ASP.NET與雲端資料庫課程總整理
http://terry55wu.blogspot.tw/p/aspnet.html
非上課學員函授完整教學光碟23ASP.NET(C#)程式與資料庫設計：
目錄 http://goo.gl/6RtwD
申請:http://goo.gl/ZlBZE
ASP.NET,C#,MVC,asp net 教學網站,asp-net mvc 教學,asp教學,asp.net tutorial,asp net教學範例,asp net教學影片,asp net 範例
從PHP雲端資料庫到APP開發之17(APP連結PHP資料庫)
上課內容：
01_如何將書籍查詢系統轉換到APP
02_如何將資料庫結果在APP中顯示
03_如何顯示多欄位資料與超連結
04_如何超連結後將資料放在詳細頁面
完整影音連結教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/labor_phpapp2015
PHP與雲端資料庫教學懶人包(2015)
http://terry55wu.blogspot.tw/p/blog-page_18.html
這是PHP雲端資料庫第一次上課，主要是了解學生的程度和學習需求，並且打造PHP與-MySQL環境並下載XAMPP
安裝的懶人包 [下載]，還真的蠻簡單的，只需要下載並接壓縮到D碟，
不要有中文資料夾名稱，並執行setup_xampp安裝，
啟動Apache與MySQL即完成開發環境設定，並查出自己的IP位址，
這樣就可以打造開發環境，也可以當成雲端伺服器來使用，
家裡有光纖的建議申請固定IP就可以來架雲端了。
參考書目
Dreamweaver CS6 X PHP超強互動網站特訓班(附影音教學、獨家擴充程式、範例、試用版)
作者： 鄧文淵/總監製，文淵閣工作室/編著
挑戰PHP5／MySQL程式設計樂活學
作者： 文淵閣工作室 (著)
PHP 5實力養成暨評量(附光碟)
作者： 財團法人中華民國電腦技能基金會
php教學例子,php mvc教學,php ajax教學,資料庫,大數據,開放資料,XAMPP,Dreamweaver CS6,雲端資料
庫,php mysql教學,html教學,php教學影片,php教學範例,php 安裝
這串文章預設的閱讀對象是還沒看過ASP.NET MVC的ASP.NET WebForm開發者，先放下MVC架構沿革、運作原理、優劣比較、適用場合... 純粹用一個簡單範例展示ASP ... ... <看更多>
NET MVC Web 應用程式專案; 建立資料庫; 建立模型; 建立ASP. ... 當您使用Visual Studio 建立新的MVC 應用程式時，您會取得範例應用程式。 ... <看更多>
mvc 範例 在 [ASP.NET MVC] 前台會員註冊範例教學#CH1 (附範例) 的相關結果
2021年9月28日 — 文末有提供此操作範例的完整程式碼下載，有需要可以自行下載瀏覽。 目錄[hide]. 1 建立新MVC 專案; 2 調整MVC 範本– 佈局頁. ... <看更多>