🏆 本月排行榜
🥇
站長阿川
📝12   💬6   ❤️5
507
🥈
我愛JS
📝1   💬7   ❤️4
102
🥉
AppleLily
📝1   💬4   ❤️1
57
#4
💬1  
5
#5
xxuan
💬1  
3
評分標準：發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次

🔍 搜尋結果：網頁

🔍 搜尋結果：網頁

[ 作業問題 ] - JavaScript 自學網頁の嬰兒教材：第6課

https://jsfiddle.net/birdie2019/5sfhbq8v/15/ 作業如上，雖然完成此課作業的功能但有個問題 JS程式碼的部分，作業網址第30行和第36行部分 為什麼改成event.target就無法運作了？如圖下圖 ![](https://i.i...

4個讚   4留言 2,372瀏覽
JavaScript 系列五：結語

在這門課程之前，你所掌握的知識大多是關於「設計出漂亮的網頁」 在這門課程中，學會了 Cookie, Local Storage, AJAX 等等現代技術 從這門課程開始，你逐漸開始具備「前端工程開發」的能力 能夠跟伺服器端溝通、能將狀態存在瀏覽器端，打造出好用、功能豐富的應用程式！...

3個讚   0留言 1,032瀏覽
JavaScript 系列五：第5課 ── 學會 AJAX 錯誤處理

## 課程目標 認識 AJAX 錯誤處理 ## 課程內容 在前一課，我們說過以下的話 > 有些任務現在還不會立刻執行，但我先把要執行的任務交待清楚，時間點到的時候，就執行 > 以 UI 動作來說，時間點就是 `onclick` 之時、`onchange` 之時 >...

0個讚   22留言 1,854瀏覽
JavaScript 系列五：第4課 ── 學會 AJAX 基本原理

## 課程目標 認識基本的 AJAX 原理 ## 課程內容 這一課來認識大名鼎鼎的 AJAX 觀念 AJAX 全名 Asynchronous JavaScript and XML 簡單來說，就是「非同步從主機取得資料來更新網頁內容」的技術 舊式的網頁，都是瀏覽器向...

0個讚   25留言 2,006瀏覽
JavaScript 系列五：第1課 ── 學會 Cookie 相關功能

## 課程目標 認識並且能使用 Cookie 相關功能 ## 課程內容 大名鼎鼎的 cookie，很多人在科技新聞上都聽過 某某公司利用網頁 cookie 追蹤個資、某某公司偷偷用 cookie 分享個資 這類新聞提到的 cookie，就是本課在說的 cookie ...

0個讚   27留言 2,330瀏覽
JavaScript 系列五：前言

如果你是網頁設計師，或者開發的網站以公司介紹、形象網站為主 那麼目前為止的課程，已讓你具備相當的動態網頁開發能力 各種特效與視覺效果，你都做得出來 甚至更複雜的動態效果，直接上網找現成的套件，也都不是問題，你都能夠自行研究＆導入了 不過，如果需要開發與伺服器互動的應用程式，例...

0個讚   0留言 1,150瀏覽
自學網頁の嬰兒教材：JavaScript（四）作業分享

第1課 ── autosize 套件 https://jsfiddle.net/birdie2019/j69s8vdc/38/ 第2課 ── vanilla-lazyload 套件 https://jsfiddle.net/birdie2019/401xa29h/104/ 第3課 ─...

2個讚   4留言 2,073瀏覽
謝謝版主跟各位的鼓勵 來分享個網站HTML5寫的虛擬drum-machine

https://html5drummachine.com/virtual-drum-machine/ 看了很多前端的練習作品 老實說 真的都挺無聊的.... 對我來說這種網站才酷啊!!!!!!!!! 話是這樣說 但基本功還是要慢慢練 不過我打算做這種網站 先蒐集這...

2個讚   1留言 2,261瀏覽
自學網頁の嬰兒教材：JavaScript（三）作業分享

練習1 ── alert 示警元件 https://jsfiddle.net/birdie2019/4ur1c7xf/34/ 練習2 ── toast 吐司元件 https://jsfiddle.net/birdie2019/fmc6b8ht/49/ 研究了一下setTimeout()用...

1個讚   1留言 2,100瀏覽
JavaScript 系列四：結語

在這份教材中，實際使用了多個第三方套件，來達成功能 不斷上網找適合套件、翻文件、找範例程式碼、確認堪用，是軟體工程師的日常 到處用現成套件，其實滿好玩的，可以做到很多強大的效果，也在這個過程中，了解實務上要如何跟第三方套件互動 --- 如果你是網頁設計師，目前為止的能力，已經...

2個讚   0留言 939瀏覽
JavaScript 系列四：第4課 ── jQuery 套件

## 課程目標 認識並且能使用 jQuery 套件 ## 課程內容 這一課要教的東西比較有爭議 jQuery 是 2006 - 2015 年代，前端網頁開發的王者 當時的瀏覽器廠商眾多，網頁規格 API 支援方式不同、不完整（尤其是 IE 一堆奇怪的 API） 當...

0個讚   26留言 2,017瀏覽
JavaScript 系列四：第3課 ── Chart.js 套件

## 課程目標 認識並且能使用 Chart.js 套件 ## 課程內容 這次的套件是 https://github.com/chartjs/Chart.js 文件與 demo 在 https://www.chartjs.org/ 這是一個畫圖表、報表的工具，而且非常漂亮...

0個讚   27留言 2,026瀏覽
JavaScript 系列四：第2課 ── vanilla-lazyload 套件

## 課程目標 認識並且能使用 vanilla-lazyload 套件 ## 課程內容 這次的套件是 https://github.com/verlok/vanilla-lazyload 文件與 demo 在 https://www.andreaverlicchi.eu/va...

0個讚   25留言 2,261瀏覽
JavaScript 系列四：前言

進入到 JavaScript 基礎課程的第四部份 你已經算是有了初步的前端開發與設計能力了 實務上，我們在專案中大部份的功能、元件，都會去找找看「現成的」、「開源專案」來使用 也就是如果已經有人做過了、有人分享過了，如果堪用，基本上就不會自己重做一個 因為成本差太多，什麼都自...

0個讚   0留言 1,060瀏覽
自學網頁の嬰兒教材：結語

最後，謝謝你耐心的完成這整套課程！ 進階的 RWD 技巧，以及 RWD 背後深入的 css 原理，會在別門課程提到。 但是目前所學的基本技巧，應該已經很足夠使用！

0個讚   0留言 758瀏覽
自學網頁の嬰兒教材：結語

最後，謝謝你耐心的完成這整套課程！

0個讚   0留言 799瀏覽
自學網頁の嬰兒教材：結語

建議您將自己完成的網站分享給您的朋友，讓大家看看您最新學會的技能！ 完成這些，你就完成這次的課程目標了！ 想成為網頁設計師的朋友，之後可以開始找更多資源學習CSS的進階技術。 想成為前端工程師的朋友，之後可以開始找 JavaScript 的資源學習。 想成為後端工程師的朋友，...

2個讚   0留言 1,532瀏覽
自學網頁の嬰兒教材：JavaScript（一）作業分享

### 第1課 ── 基本的函數操作、onclick 事件 https://jsfiddle.net/j80d9gao/17/ --- ### 第2課 ── 基本的變數操作、從 html 取得內容 https://jsfiddle.net/09v5oadu/23/ --- ### 第...

1個讚   1留言 2,363瀏覽
JavaScript 系列三：結語

在這份教材中，實際練習了實務上常見的 UI 元件 雖然只有少少幾個元件，但已能滿足許多網站設計需求 實務上，不會經常需要手做這些元件 通常會拿現成的 UI 套件包當作基礎，接著客製化與修改，例如最知名的 Bootstrap 套件 但是，不論是網頁設計師、前端工程師，在使用現成...

2個讚   0留言 1,005瀏覽
JavaScript 系列三：練習3 ── modal 互動視窗元件

## 課程目標 認識並且能實做 modal 元件 ## 課程內容 modal 中文叫「互動視窗」元件，也有人叫「燈箱」或者「視窗」 這是幾乎所有網站都會用到的元件 台灣各大媒體網站常見的「蓋板廣告」，就算是一種「視窗」 各大社群網站，逛一逛就跳出「視窗」強迫你登入...

0個讚   33留言 2,590瀏覽
🏆 本月排行榜
🥇
站長阿川
📝12   💬6   ❤️5
507
🥈
我愛JS
📝1   💬7   ❤️4
102
🥉
AppleLily
📝1   💬4   ❤️1
57
#4
💬1  
5
#5
xxuan
💬1  
3
評分標準：發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
熱門文章
🔥 Google Gemini CLI 教學：如何安裝與使用（附圖片）
🔥 Google AI Studio 全新建置功能實用指南
🔥 探索 Rust 用於 Web 開發
🔥 分享最近面試心得
🔥 做了銷售頁 嘗試把服務產品化
  近期留言
熱門搜尋： __ 使用 ar https re ul COM am Re AM 伺服 學習 程式 Ts 開發 設計 ui AR javas 工程 語言 github AI 專案 bi API id JS log js git java la AWS 平台 LA javasc Js CLI type app jav with 框架 個人 javascript go web api 工作 Ai COMPO Javascript 討論 Git 基礎 post Type 軟體 Java 作為 GitHub the cn ai CD wEB 網站 user 分享 GIT 主題 ＣＳＳ 測試 aws Line Javas 技術 for 嗎？ SQL Python 架構 vs css html Ml node HTML react token 前端 查詢 Response 系列 ci search 資料夾 Github Typescript
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。