【3小時JavaScript課程】從零基礎到開發第一個應用
Vložit
- čas přidán 6. 07. 2024
- 課程後半全力製作中，預購價5折至2/19：jameskool.com/p/javascript-co...
課程中程式碼也可以在上方連結免費領取
0:00 Intro
0:48 0.0_JS可以幹嘛
2:04 1.0_安裝開發工具
7:53 1.1_如何執行JavaScript程式碼
13:01 2.0_console.log
14:07 3.0_變數與運算子
18:14 3.1_懶人運算子
21:07 3.3_const
24:37 3.5_可讀性
26:13 3.7_變數的型別：數字與字串
33:44 3.8_字串vs.變數
34:40 4.0_運算子的優先序與相依性
44:16 4.1_template string
46:23 4.2_表達式 vs. 陳述式
53:05 4.3_i++ vs. ++i
54:31 5.0_布林值boolean
1:04:26 5.1_if else陳述式
1:15:43 5.2_變數的scope
1:19:55 5.5_null與undefined
1:21:34 5.6_truthy與falsy值
1:24:25 6.0_while迴圈
1:34:12 6.3_for迴圈
1:38:30 7.0_functions（函式）
1:40:02 7.1_parameters（參數）
1:41:38 7.3_return
1:43:02 7.4_判斷是否為質數
1:49:08 7.6_遞迴
1:52:50 7.9_把function當作值
1:55:41 7.10_箭頭函式
1:59:23 8.0_objects（物件）
2:04:35 8.1_methods（方法）
2:06:35 8.3_關於type
2:07:31 8.5_解構（destructuring）
2:09:15 9.0_Arrays（陣列）
2:14:32 9.2_如何迭代陣列
2:18:08 9.5_Array methods
2:24:37 10.0_DOM的操作
2:36:14 實作todo-list：完成html+CSS
2:53:50 實作todo-list：加上JavaScript
3:03:58 補充：localStorage
3:08:53 實作todo-list：加上儲存功能
影片中使用的Icons: www.flaticon.com
插圖來源：www.irasutoya.com/
B roll來源：envato elements
程式語言課程：jameskool.com/p/javascript-course-v2
副頻道：www.youtube.com/@james-clips
ig：instagram.com/jameskool.official/
Patreon會員專屬影片：www.patreon.com/user?u=99360097
DNSSEC: unsigned
有其他管道可以付款嗎？試過多家銀行的Visa 都無法支付😢
@@user-ug3oy4qb5c請私訊我，或email～我直接幫你處理喔
分享越多的總是最厲害的，厲害的人是能自行歸納建立pattern的，分享出來跟copy past一次一樣。腦中快速歸納的pattern已成長
3小時免費看 只能推了
網路上隨便搜就一堆，英文不要太爛都找得到好資源
哈哈，我以前在udemy上买的付费课程学的py go和rust
@@SkyWalker922 我知道一堆阿 阿跟James分享教學有啥衝突
感謝大師!!!!!!! 你的影片很有效果!!!! 不僅僅是在工程師而已 對於學習進步拓展知識也有很多幫助 然後看你的影片很穩很順很舒服 不會有壓力 超帥的拉!
水喔！期待好久了
最近剛好想學 感謝推出影片
滿滿的乾貨啊，太感謝您了
js 寫起來真的滿舒服的，而且變數類型定義又不會很嚴格，
個人寫太多的副作用是回頭寫一些VBA會不自覺把debug.print打成console.log😂
真的好清楚，跪著學 🧎♀️
講得非常好👍
太棒了!找時間來看
真的很感謝你的無私分享，剛好對JS有興趣，講得很仔細且新手友善
謝謝James, 敲破碗HTML、CSS教學~
感謝教材。讓我避免走歪。
節奏和語調控制非常棒、非常專業，光是一開始講授變數和字串，完全是教科書等級的內容，非常清楚易懂
讲的太好了
大推！
這個 JavaScript 教學我覺得對於剛學會然後已經能夠寫一些 JavaScript 的人來說是一個很好的複習！有說到很多很好的 coding 觀念
然後先許願 TypeScript 的教學！！
講得好好 容易理解
看到用心的三小時，先推了，有時間好好補齊！
也想支持一下 🤘🤘🤘
我是清大學弟，下學期要面對系上大魔王軟實，過年先來預習一下
感謝🙏
好屌！！出現教學長影片了！
感谢分享
index要-1，不然会checked/删掉错误的选项噢。
超讚，可惜像我比較缺乏html css知識的，後面實作比較難理解一點😂不過用css把html雕好看過程很有意思
已付費購買
太佛心了🎉大推啊！
Good~
你好 在2:37:35分之後聲音輸出變成從左聲道而已 頓有辦法調整嗎？ 謝謝
起飛
我想問一下，如果我現在買課程，就已經有後面那5個 project時做了嗎?，感謝~~
目前有兩個完成了，其他三個還在製作中～
如果是兩個html檔 在Ａ網站存localstorage 在Ｂ網站拿得到資料嗎
拿不到喔，是分開的
請問在安裝開發工具的path找不到shell command那幾行是少安裝了甚麼嗎
請問是找不到哪幾行呢？
太佛了吧 這是可以看免費的嗎
James 你好，本人是Js新人，我想請問在50:54 的地方，沒有用console.log()顯示或 REPL 執行，那沒有動作應該是正常的(?
我知道 statement 結尾用 分號 ; 來讓Js知道陳述句結束
但小弟在 REPL 和chrome自帶的console 執行 : 3; 、1+3; 和 "Hello" + "World"，分別拿到 3 、4、和字串HelloWorld的回傳值
請問這是什麼意思?
請問一下在瀏覽器中執行影片的程式碼但跑出Error with Permissions-Policy header: Unrecognized feature: 'ch-ua-form-factor'.怎麼辦?
你好，在16:16做練習時，在Terminal輸入node他顯示Welcome to Node.js v21.6.2，之後輸入 node code.js後顯示Uncaught RederenceError: code is not defined
不知道是哪邊做錯了，謝謝您
表示你的 code.js 有問題，你可能沒有創建這個檔案(或沒存檔所以裡面還是空的) 或是你的 Terminal 目前的 path 不對
直接在終端目錄下打node code.js不用再打node進入環境了
教學網站是自己寫程式做出來的嗎
不是～但部分原件客製化是自己寫的
聲道可以調整一下~不然用耳機聽蠻痛苦的
太晚看到這影片了..
我之前有學python，看了一半JavaScript突然忘記python 的規則
最近也想扎實學習，找時間來看看
感謝！學到很多！我有遇到問題，但不知道是不是我沒完整跟到
在deleteItem 和 checkItem裡用 `const idx = Array.from(theUl.childNodes).indexOf(item);` 我在瀏覽器中操作時會直接新增3個elements到list前面(text, comment, text). 我要改成`const idx = Array.from(theUl.children).indexOf(item);` 才會正常，不知道是不是我其他地方有不一樣。
還有 好像沒有用到 class="item"