熱門Ptt文章

[爆卦]jquery非同步是什麼？優點缺點精華區懶人包

雖然這篇jquery非同步鄉民發文沒有被收入到精華區：在jquery非同步這個話題中，我們另外找到其它相關的精選爆讚文章

在 jquery非同步產品中有2篇Facebook貼文，粉絲數超過1萬的網紅DOC職人 時食刻客，也在其Facebook貼文中提到， 或許夥伴們正想進階到網頁設計開發，這篇新手入門是經驗談，整理的很棒！一定要分享。感謝作者無私奉獻～ 作者說：此文章我預設的對象是毫無程式基礎的人。若你已經有了程式基礎，可以自行略過相關的單元。 Hello 大家好 這次要來分享的是網頁前端的學習路線以及資源 是我帶過一些學生並思考過後慢...

「jquery非同步」的推薦目錄
  • DOC職人 時食刻客

    jquery非同步 在 DOC職人 時食刻客 Facebook 的最讚貼文

    2019-08-21 22:01:25
    有 42 人按讚


    或許夥伴們正想進階到網頁設計開發，這篇新手入門是經驗談，整理的很棒！一定要分享。感謝作者無私奉獻～

    作者說：此文章我預設的對象是毫無程式基礎的人。若你已經有了程式基礎，可以自行略過相關的單元。

    Hello 大家好

    這次要來分享的是網頁前端的學習路線以及資源
    是我帶過一些學生並思考過後慢慢總結出來的路線
    去 Google 找已經可以找到很多學習路線的相關資源
    但我這篇會講得比較詳細一點

    文章很長，因為每一點都有附上學習理由與學習目標

    這邊先附上大綱，有興趣再點進去看：

    1. Command Line 的使用
    2. Git 的使用
    3. npm、Node.js 與 JavaScript 程式基礎
    4. 單元測試 Unit Testing 與 Jest
    5. 網路基礎概念
    6. HTML 與 CSS
    7. JavaScript 與 DOM 以及事件機制
    8. 非同步與 AJAX
    9. 基礎後端 PHP 與 MySQL
    10. 資訊安全概念
    11. 學習後端框架 Express
    12. 後端部署
    13. jQuery 與 Bootstrap
    14. CSS 預處理器
    15. 非同步歷程：callback、promise 與 async/await
    16. 深入理解 JavaScript 與瀏覽器相關機制
    17. gulp 與 webpack
    18. 物件導向
    19. React/Vue/Angular 三選一

    （如果你疑惑為什麼要學後端，文章裡有寫理由）

    有些人可能會覺得上面列出來的東西很多
    但我覺得學完以後只是個開始而已
    從每一項基礎都可以延伸出更多的東西
    希望這篇文章能對想要學習網頁前端的人有幫助

  • 紀老師程式教學網

    jquery非同步 在 紀老師程式教學網 Facebook 的精選貼文

    2015-06-13 10:23:02
    有 91 人按讚

    [好站推薦] 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 的朋友喔！

你可能也想看看

搜尋相關網站