【javascript】3小時初學者教學
ฝัง
- เผยแพร่เมื่อ 16 พ.ค. 2024
- js
javascript
javascript教學
javascript入門
⭐️ 目錄 ⭐️
⌨️ (0:00:00) 如何撰寫js
⌨️ (0:05:04) 基本資料型態 & 變數
⌨️ (0:23:16) 如何使用字串、字串用法
⌨️ (0:33:36) 如何使用數字、數字用法
⌨️ (0:42:05) 製作一個基本計算機
⌨️ (0:50:53) 陣列 array
⌨️ (0:58:32) 函式 function
⌨️ (1:12:37) if 判斷
⌨️ (1:34:27) 物件 object
⌨️ (1:40:37) 真實世界物件
⌨️ (1:44:45) while 迴圈
⌨️ (1:50:12) 密碼檢驗程式
⌨️ (1:58:44) for 迴圈
⌨️ (2:10:04) 二維陣列、巢狀迴圈
⌨️ (2:19:34) class 模板
⌨️ (2:26:23) 取得html元素
⌨️ (2:38:54) event listener
⌨️ (2:53:36) 製作一個部落格
html 初學者教學 : • 【html】1小時初學者教學 #html #...
css 初學者教學 : • 【css】2小時初學者教學 #css #cs...
python 初學者教學 : • 【python】4小時初學者Python教學...
#javascript #javascript教學 #javascript入門 #js
javascript,js,javascript教學,javascript入門,javascript初學,js教學,js入門,js初學,javascript自學,js自學,javascript教程,JavaScript编程,javascript入门,js教程,js編程,javascript 入门教程,js 入门编程,前端基础,前端基礎,javascript程序開發,js程序開發,javascript 課程,js 課程,js教学,js 教学,js入门,es6,javascript online,dayjs,reduce js,javascript for,javascript if,js find,slice js,js for,html javascript,includes js,javascript each,node js mysql,js each,js min,javascript 下載,formatdate js,js core,switchery js,jsdate,js re
✏最新課程 : 網頁開發組合包 - 前端網頁開發技術一次掌握!
grandmacan.com/courses/dmS4146YJasRcWA3NURx
即日起至2024/05/19前購買，即享41折優惠~
你好,想請問為什麼friends的長度是3,不是都是從0開始算嗎 2:03:12
😵💫😵💫
我阿嬤問我為什麼要跪在電腦前面哭
我跟他說這個教學很細心
自學js 有好一陣子了 複習了裡面的觀念真的非常的實用
希望你的頻道可以幫助到很多人！
替我向你阿嬤問好😊
@@GrandmaCan jnijji
受益良多~感謝小白!!!
感謝老師的教學，受益良多
非常感謝你製作這個課程，受益良多。加油~
受益良多！感謝老師的教學
辛苦老師了，對於新手很友善~~ ，期待進階的課程。謝謝
javascript 讲得好清楚！
謝謝老師 找了好多版本 你的最適合初學者
看了好幾片，終於看完了，也全都看懂了，感謝
谢谢老师的讲解 很仔细 我终于明白了😭
教的真棒！跟著學完了
敲碗進階Java script
man i just love being recommended totally understandable content!
感謝小白的教學 期待進階js的教學片
这套教学视频非常好，相当于手把手教。谢谢老师！
感谢教学！希望后续能有jq, vue跟react的基础教学
謝謝你 剛開始上課學寫網頁
看你的片很有用啊
太感謝QQ 初學者哭出來! 很有幫助! BY已迷失在語法大海ㄉ人
看了影片後對js更加了解，希望日後能有與資料庫互動的教學影片
謝謝老師~~~期待進階版早點出來~~!! (ᗒᗊᗕ)
已全部學習完畢，感謝老師的教學。
謝謝老師救了我🥲 原本在付費學習平台上看課程，一直不懂函式邏輯，聽老師講解完之後就懂了！！
感謝 終於看懂物件
謝謝老師的教學~也有上網買一些線上課程，不過初學者聽一聽很容易混亂，老師教得蠻清楚的~
不知道之後還會不會出應用的教學
看了好幾個you tuber
小白老師講得真好
還解釋了 為什麼要用這個語法的情況
還加 插些小測驗
不測試一下還真不知道自己不懂的地方在那
非常感谢，很喜欢小白的风格，期待更多课程
優良教學!
教學很有趣！
谢谢，已经第四遍了，非常适合我这样的新手。希望能推出进阶的教程，再次感谢。
謝謝老師
1:37:24 物件
2:38:54
其實上到function的時候我還是有一些不懂的地方，希望大大可以再出一支影片講解一下!
谢谢老师
能否做個實際範例的應用程式 ，將學的這些基礎直接用上的影片
全部看完!!全部練習完!!
謝謝小白
教的超好ㄉ
期待進階內容
你挖到石油了嗎
这一部分的学习完成后，我会再找英文的教程看，期待小白的js进阶教程，毕竟中文教程更好懂
感謝教學!!
希望未來有JS現行主流框架的主題
推一個 React JS
不知不覺看了你的第四部教學影片，謝謝你淺顯易懂的教學，
請問一下2：24：46時的phone_age函式寫的格式為什麼是那樣呢？
Pray for更新進階的版本
我看國外甚至有人是直接直播馬拉松挑戰10個project
中文卷也有人能做這種進階的講解
另外雖然這個版本的很簡單我都會了不過還是有學到一點點小東西以及複習
非常感謝
謝謝老師，之後會有jQuery的教學嗎
小白老師教學真是太利害了，完全是以初學者的視角在教學的!!
厲拉幹
老師你好，謝謝你的教學，十分有用！
另外，我想問問，如果我寫好的網站想複製鏈接給別人進入我的網站要怎麼做？？？
目前好像只能自己看和用，還沒對外開放。
可以問一下小白，製作一個部落格的 css檔案能看一下嗎~
有些設定看不懂
謝謝小白老師，我照著class模板那章試寫code，然後出現the keyword 'class' is reserved, 運行不出來，請問應該怎麼辦？
手把手教学的好人
25:25 若要在字串中加上雙引號，則引號前面加\即可
老師好 最後部落格教學的很詳細,部落格完全按照此方法寫真的有用,不過重新整理後之前寫在部落格發佈的內容會消失，相當於is不是真的改變了原始的html對吧,而希望他永久留存算是後端的內容嗎
希望之後有更進階的教學
喜欢您的讲解风格，不知后续有没有typescript的计划呀😁
會納入考慮的
感謝你的喜歡~
密碼檢驗程式的迴圈條件部分，實測這樣寫也是可以的
let password=123456; //密碼
let input; //輸入
let out_of_limit=false; //輸入次數是否超出總次數
while(input!=password && out_of_limit==false)
虽然是几年前的贴子了 现在来看 还是很不错的
感謝大大，這對初入門想瞭解JS的同學很有幫助，但是如果以為工作中只用到這些的話就真的要給大家潑冷水了。
不信可以拿出工作中的一個專案來看，保證看得一頭霧水....
目前也是以為懂這些就能找工作的人共勉之
那怎麼辦 有建議嗎
想請教一下為什麼我在剛開始創建一個檔案之後如果title使用英文或其他符號而非中文會顯示亂碼呢?
想請問小白 關於 while 迴圈的密碼登入我有一個問題，
var password = 123456
var input
var entry_count = 0
var entry_limt = 3
var out_of_limit = false
while(password!=input && !out_of_limit){
console.log(!out_of_limit)
entry_count++
if(entry_count
請問有關於Angular的一整集嗎?
謝謝哥，已訂閱付費❤
語法Document.write 跟console.log 是同一意思嗎
先看過C#教學 再來看這個 怎麼用法都很像！ 酷
非常感谢老师的课程，受益良多！
提一点点小的建议：
es6以上的版本现在好像不太提倡用 var作为变量申明了，推荐用 let做为变量，const作为常量声明
var的问题在于： 在函数式function（） {里面的var} 可以被外部引用到，另外，用var，会被它上一行的打印语句打印出来，导致次序混乱
沒錯~
不好意思我是新手，想請問這樣var就沒有用處了嗎，全部都改用let就好嗎?
@@Monster-lr7pb 是的，全用let取代var
有Bootstrap 教學嗎~
老师什么时候教中级 JavaScript？
想問一下最後的部落格 我網頁重新整理就 沒了 要怎麼讓這些發文可以繼續保存下去
想請問 2:22:56 這裡 為什麼函式寫進class裡面就不用再+function了??
希望还有jquery的教程
感謝你的教學 很有幫助，
有個地方不懂想請問 th-cam.com/video/yZwlW5INhgk/w-d-xo.html
這邊
${title.value}
${content.value}
雖然我嘗試拿掉 $ 會無法正常顯示打出的標題和內容出來
不過想聽你講解 $ 這符號是什麼功能
請問老師 為什麼我在我的html 打標籤 他沒有反應
是不是應該用html5
要下載嗎
謝謝老師!
PS : 你阿嬤很強😄
老師請問一下，關於 (2:10:04) Two-dimensional array, nested loop這邊的quiz
為何要使用巢狀來寫出此陣列? 如果光是以下的部分，也可以得到同樣的結果，是代表不同的意義嗎?
for(var i=0; i
我的理解是，
如果使用巢狀迴圈方式去取得二維陣列的話，會明確得出的是一個數字一個數字。
而如果使用你的方式去取得二維陣列的話，得出的是一整行一整行。
之後如果要取得更高維的陣列，例如三維陣列，使用巢狀迴圈的時候，可以使用三個變數去取。
希望有回答到你的問題
你這樣寫的話每一行都是一個一維陣列 無法得出最低維的元素 例如你印出number[0] 實際上是[1,2,3]是一個整體一個元素 而不是各別的1 2 3有三個元素 只是印出來看起來是一樣的
9/18 1:12:41 第一天上課段落
9/23 1:34:31 理解目標 如何進行 資料條件設定
1:30:34 請問一下為什今天有下雨 是給1000元呢 而不是沒有下雨
感謝教學!想請問script標籤放越下面越好嗎?比較不容易出錯
原則上是這樣沒錯
不過還是要看需求來決定
如果希望js越早執行越好的話是可以往上擺的
至於出錯的問題如果是怕js取不到html元素的話，是可以用load事件來解決的，像是這樣
window.addEventListener("load", function() {
//取html元素
});
@@GrandmaCan 了解! :)
哈喽小白老师你好， 我想请教您关于 How to loop multiples images infinitely using JavaScript. 这是我们学校老师出的难题， 希望小白老师能抽空一点时间来帮帮我, 谢谢您， 感恩感恩！！！ Y_Y
1:33:54 其實可以這樣寫
function max_num(n1,n2,n3){
return(Math.max(n1,n2,n3))
}
他希望教學裡面的原理，而不是你這個套用已有的function，一樣的東西也不用重複套對吧
太感謝拉!!!!!!!!!!!!!!!!!!!!!
02:17:27
01:50:14
02:01:59
你好 請問為什麼return那裡寫好後網頁會顯示不出來?
45:32
小白好年輕！！
Let const定义变数可以说一下吗？
您好，小白打擾一下，最後面建立一個部落格，我打跟您一樣的程式碼，但都不能輸入文章，請問有可能是什麼原因呢？
非場感謝...
HEY hello from FRANCE!! it's very funny to see programming in japanese! continue I enjoy it ^.^
@@g4o2 sorry dude, thx for the answer.
請問vs code 出現這個錯誤是甚麼原因??要如何排除??謝謝
好厲害啊！ 準備面試一家公司，要求JS。 看完這個視頻，繼續努力。 JS真是强大啊。
請問做完這個可以做出面試的JS?
希望可以教jQuery
想請教小白老師 3:04:22 按鈕按下去後，出現的 是加在CSS裡面嗎? 可以參考一下您的style.css的code嗎
我猜是css中針對 article 加上border-bottom
@@sennen. 感謝，試了以後確實是可以有這樣的效果
// 模版語法 注意;; `為 Esc下方那個` 不是單引號
//為何不直接使用字串，原因有三：
//1 字串沒辦法換行在javascript中，js程式全部擠在同一行，不易閱讀
//2 無法在字串裡面，直接帶入javascript中的東西
//3 單雙引號沖突問題
有没有LINUX的教程?
TKS!!!
CKS 0.38
請問js後面會規劃有專案的範例嗎？您講的超仔細明瞭，超適合學習的。
1:50:12 密碼檢驗程式，影片的寫法我比較難懂，問了chatgpt後我修改的寫法，依理解上會變得比較好解讀，運行上也是行得通的。
var password = "123456";
var input;
var entry_count = 0;
var entry_limit = 3;
//var out_of_limit= false; (可寫可不寫)
while (input != password && entry_count < entry_limit) {
input = prompt("請輸入密碼");
entry_count++
}
if (input != password) {
//out_of_limit = true;(可寫可不寫)
alert("超出輸入次數");
}
else {
alert("輸入成功")
}
你好！我想请问下在密码检验程式章节中遇到代码和视频一致情况下第二个password！下有波浪线提示：非 null 断言只能在 TypeScript 文件中使用。ts(8013)是什么原因呢？导致代码无法运行
老師講解得很好
請問老師，為什麼我在 (1:37:35) 這個地方的 js 顯示不出來
以下是我照著打的程式碼~
var person ={
name:"小旻",
age:23,
is_male:ture
};
document.write(person.neme);
(person.name) name打錯?
@@Lin-vp5yk 哈哈 我恍然大悟
你好小白， 我看完了整个教学 学习了很多 但是有一个问题想请教你一下 在密码检验程式那里 为什么while里面out_of_limit的条件在上面已经设定为false了 为什么在while里面是用 "! out_of_limit"而不是直接用"out_of_limit"呢？因为密码不是应该只要他没有超出limit的话就可以继续在while loop里面跑吗？
如果只打out_of_limit 這代表的意思是等於ture而不是false
那要執行迴圈的話out_of_limit要在false 所以加! 就會變成等於false
沒有加的話迴圈不會執行
@@aass-lt3vv 你好 谢谢你的解答， 这样的意思是上面的var out_of_limit = false 在 while loop的时候就会自动变成true 所以我们要加！把它变成false， 请问是这个意思吗？
@@HaydenCornerOfKnowledge 不是那個意思跟你設定變數沒有關係 while迴圈條件式如果只打變數甚麼都不加 那它的預設條件就變數=ture的時候執行
這樣的話代表你其實把變數先設為ture來執行 等滿足條件後用false跳出
反過來這個意思也是一樣的 只是我們人自己看會不好判斷這是開還是關
@@aass-lt3vv ermm 这样的意思是不管我上面如何设定 只要进到while loop的话他就会是true对吗？如果理解错了真的不好意思 。。
@@HaydenCornerOfKnowledge 對 所以你要設false 有兩個方式 1.加！ 2.加==false
老師請問一下 console. log 跟 document. write 基本上是同樣的意思?
不是喔，console.log基本上就是紀錄的意思，是讓你用來查看變數以及除錯使用。
document.write是將你輸入的字串解析成html後放入你的dom裡面
@@psp-cr3ts 謝謝
@@psp-cr3ts 謝謝老師
1:44:45 請問演員資訊的範例，有辦法一次性叫出演員的所有資訊嗎? 有辦法一次性叫出所有演員的所有資訊嗎?
console.log(movie) 或 console.log(movie.actors) 不確定你要的是哪種
for(let i = 0 ; i < movie.actors.length( ) ; i++){
console.log(movie.actors[i]);
}
love you
请问能不能做个jquery的教学
還有有很多主題想做
不過我會納入考慮的~
@@GrandmaCan 敲碗jquery
請問你用的是什麼編輯軟件，謝謝.
vs code
什麼時候講一下c#
有字幕嗎
谢谢分享教程 话说这对我这初学者还是有点难 太多英语单词需要记住 而且格式之间的编写 那些大括号 小括号的 完全懵逼了。。。
那些英文單詞還好吧