【javascript】3小時初學者教學

Поділитися
Вставка
  • Опубліковано 22 лис 2024

КОМЕНТАРІ • 194

  • @GrandmaCan
    @GrandmaCan  10 місяців тому +6

    ✏最新課程 : 網頁開發組合包 - 前端網頁開發技術一次掌握!
    grandmacan.com/courses/dmS4146YJasRcWA3NURx
    即日起至2024/11/24前購買,即享41折優惠~

    • @小雯-m7u
      @小雯-m7u 6 місяців тому +3

      你好,想請問為什麼friends的長度是3,不是都是從0開始算嗎 2:03:12

    • @小雯-m7u
      @小雯-m7u 6 місяців тому +1

      😵‍💫😵‍💫

  • @beckstrom991
    @beckstrom991 3 роки тому +168

    我阿嬤問我為什麼要跪在電腦前面哭
    我跟他說這個教學很細心
    自學js 有好一陣子了 複習了裡面的觀念真的非常的實用
    希望你的頻道可以幫助到很多人!

    • @GrandmaCan
      @GrandmaCan  3 роки тому +51

      替我向你阿嬤問好😊

    • @iiiix4737
      @iiiix4737 2 роки тому +2

      @@GrandmaCan jnijji

  • @sherry3317
    @sherry3317 2 роки тому +26

    謝謝老師救了我🥲 原本在付費學習平台上看課程,一直不懂函式邏輯,聽老師講解完之後就懂了!!

  • @helloha4552
    @helloha4552 3 роки тому +43

    謝謝老師 找了好多版本 你的最適合初學者

  • @yw7913
    @yw7913 2 роки тому +2

    謝謝你 剛開始上課學寫網頁
    看你的片很有用啊

  • @romona76
    @romona76 Рік тому +2

    全部看完!!全部練習完!!

  • @wakaeewaka455
    @wakaeewaka455 Рік тому +1

    感謝 終於看懂物件

  • @陳小良-n6c
    @陳小良-n6c 2 роки тому +15

    小白老師教學真是太利害了,完全是以初學者的視角在教學的!!

  • @五岳英杰
    @五岳英杰 2 роки тому +3

    这套教学视频非常好,相当于手把手教。谢谢老师!

  • @tracywang1
    @tracywang1 Рік тому +3

    教的真棒!跟著學完了
    敲碗進階Java script

  • @kangshifuym
    @kangshifuym 11 місяців тому +1

    虽然是几年前的贴子了 现在来看 还是很不错的

  • @yiankwp
    @yiankwp Рік тому

    密碼檢驗程式的迴圈條件部分,實測這樣寫也是可以的
    let password=123456; //密碼
    let input; //輸入
    let out_of_limit=false; //輸入次數是否超出總次數
    while(input!=password && out_of_limit==false)

  • @yutsacarm8021
    @yutsacarm8021 3 роки тому +1

    看了好幾個you tuber
    小白老師講得真好
    還解釋了 為什麼要用這個語法的情況
    還加 插些小測驗
    不測試一下還真不知道自己不懂的地方在那

  • @py6827
    @py6827 2 роки тому +4

    謝謝老師
    1:37:24 物件
    2:38:54

  • @chichialin7265
    @chichialin7265 2 роки тому +1

    看了影片後對js更加了解,希望日後能有與資料庫互動的教學影片

  • @gu7054
    @gu7054 3 роки тому +12

    謝謝老師的教學~也有上網買一些線上課程,不過初學者聽一聽很容易混亂,老師教得蠻清楚的~
    不知道之後還會不會出應用的教學

  • @anjiecheng2772
    @anjiecheng2772 3 роки тому +9

    非常感謝你製作這個課程,受益良多。加油~

  • @davidchen251
    @davidchen251 2 роки тому +30

    非常感谢老师的课程,受益良多!
    提一点点小的建议:
    es6以上的版本现在好像不太提倡用 var作为变量申明了,推荐用 let做为变量,const作为常量声明
    var的问题在于: 在函数式function() {里面的var} 可以被外部引用到,另外,用var,会被它上一行的打印语句打印出来,导致次序混乱

    • @Obvious0287
      @Obvious0287 2 роки тому +1

      沒錯~

    • @Monster-lr7pb
      @Monster-lr7pb 2 роки тому +1

      不好意思我是新手,想請問這樣var就沒有用處了嗎,全部都改用let就好嗎?

    • @asiaboy3289
      @asiaboy3289 2 роки тому +5

      @@Monster-lr7pb 是的,全用let取代var

  • @junyang224
    @junyang224 2 роки тому +1

    感謝小白的教學 期待進階js的教學片

  • @gxkk296
    @gxkk296 3 роки тому +11

    谢谢,已经第四遍了,非常适合我这样的新手。希望能推出进阶的教程,再次感谢。

  • @wongtszpong
    @wongtszpong 3 роки тому +1

    看了好幾片,終於看完了,也全都看懂了,感謝

  • @yuwarm1159
    @yuwarm1159 Рік тому

    感謝大大,這對初入門想瞭解JS的同學很有幫助,但是如果以為工作中只用到這些的話就真的要給大家潑冷水了。
    不信可以拿出工作中的一個專案來看,保證看得一頭霧水....
    目前也是以為懂這些就能找工作的人共勉之

    • @kuen555
      @kuen555 Рік тому

      那怎麼辦 有建議嗎

  • @cvsc00640
    @cvsc00640 2 роки тому +1

    優良教學!

  • @allenchang4206
    @allenchang4206 2 роки тому +1

    感謝老師的教學,受益良多

  • @挖石油-m7m
    @挖石油-m7m 3 роки тому +12

    謝謝小白
    教的超好ㄉ
    期待進階內容

  • @秋鴿
    @秋鴿 3 роки тому +2

    太感謝QQ 初學者哭出來! 很有幫助! BY已迷失在語法大海ㄉ人

  • @GeorgeYang-m4k
    @GeorgeYang-m4k 3 роки тому +2

    受益良多~感謝小白!!!

  • @kategan5404
    @kategan5404 2 роки тому +3

    谢谢老师的讲解 很仔细 我终于明白了😭

  • @xufengzheng1318
    @xufengzheng1318 2 роки тому +1

    感谢教学!希望后续能有jq, vue跟react的基础教学

  • @陳冠華-b9h
    @陳冠華-b9h Рік тому

    老師好 最後部落格教學的很詳細,部落格完全按照此方法寫真的有用,不過重新整理後之前寫在部落格發佈的內容會消失,相當於is不是真的改變了原始的html對吧,而希望他永久留存算是後端的內容嗎

  • @劉智榮-t2u
    @劉智榮-t2u 2 роки тому +2

    老師你好,謝謝你的教學,十分有用!
    另外,我想問問,如果我寫好的網站想複製鏈接給別人進入我的網站要怎麼做???
    目前好像只能自己看和用,還沒對外開放。

  • @yingyang7380
    @yingyang7380 2 роки тому +4

    非常感谢,很喜欢小白的风格,期待更多课程

  • @ken19800813
    @ken19800813 2 роки тому +1

    受益良多!感謝老師的教學

  • @taishi5378
    @taishi5378 3 роки тому +1

    能否做個實際範例的應用程式 ,將學的這些基礎直接用上的影片

  • @user-jl8eb6uy8m
    @user-jl8eb6uy8m 9 місяців тому +1

    有没有LINUX的教程?

  • @hoshiyomi6848
    @hoshiyomi6848 3 роки тому +2

    謝謝老師,之後會有jQuery的教學嗎

  • @ppopfg
    @ppopfg 2 роки тому +4

    已全部學習完畢,感謝老師的教學。

  • @sheep4484
    @sheep4484 2 роки тому +1

    教學很有趣!

  • @eastnoob8341
    @eastnoob8341 3 роки тому +6

    喜欢您的讲解风格,不知后续有没有typescript的计划呀😁

    • @GrandmaCan
      @GrandmaCan  3 роки тому +4

      會納入考慮的
      感謝你的喜歡~

  • @haotan2460
    @haotan2460 Рік тому +3

    好厲害啊! 準備面試一家公司,要求JS。 看完這個視頻,繼續努力。 JS真是强大啊。

    • @kuen555
      @kuen555 Рік тому

      請問做完這個可以做出面試的JS?

  • @phonedr.1013
    @phonedr.1013 3 роки тому

    Pray for更新進階的版本
    我看國外甚至有人是直接直播馬拉松挑戰10個project
    中文卷也有人能做這種進階的講解
    另外雖然這個版本的很簡單我都會了不過還是有學到一點點小東西以及複習
    非常感謝

  • @kooisimlee9823
    @kooisimlee9823 2 роки тому +2

    老师什么时候教中级 JavaScript?

  • @mm370503
    @mm370503 3 роки тому +2

    感謝你的教學 很有幫助,
    有個地方不懂想請問 ua-cam.com/video/yZwlW5INhgk/v-deo.html
    這邊
    ${title.value}
    ${content.value}
    雖然我嘗試拿掉 $ 會無法正常顯示打出的標題和內容出來
    不過想聽你講解 $ 這符號是什麼功能

  • @YiniWang-h5s
    @YiniWang-h5s Рік тому

    手把手教学的好人

  • @puden0122
    @puden0122 3 роки тому +2

    有Bootstrap 教學嗎~

  • @j870262
    @j870262 3 роки тому +2

    謝謝老師~~~期待進階版早點出來~~!! (ᗒᗊᗕ)

  • @Super_1115_
    @Super_1115_ 2 роки тому

    1:33:54 其實可以這樣寫
    function max_num(n1,n2,n3){
    return(Math.max(n1,n2,n3))
    }

    • @tpa3007129
      @tpa3007129 2 роки тому +1

      他希望教學裡面的原理,而不是你這個套用已有的function,一樣的東西也不用重複套對吧

  • @eastern815
    @eastern815 Рік тому +2

    謝謝老師!
    PS : 你阿嬤很強😄

  • @hasenty2917
    @hasenty2917 3 роки тому +2

    man i just love being recommended totally understandable content!

  • @邊緣一切
    @邊緣一切 3 роки тому +2

    希望之後有更進階的教學

  • @劉奕霆-c4l
    @劉奕霆-c4l 2 роки тому +1

    可以問一下小白,製作一個部落格的 css檔案能看一下嗎~
    有些設定看不懂

  • @徐上軒
    @徐上軒 Рік тому +1

    希望可以教jQuery

  • @hongzi-gui370
    @hongzi-gui370 2 роки тому

    先看過C#教學 再來看這個 怎麼用法都很像! 酷

  • @tinghanguo3582
    @tinghanguo3582 2 роки тому +1

    不知不覺看了你的第四部教學影片,謝謝你淺顯易懂的教學,
    請問一下2:24:46時的phone_age函式寫的格式為什麼是那樣呢?

  • @ddssus1
    @ddssus1 3 роки тому +3

    // 模版語法 注意;; `為 Esc下方那個` 不是單引號
    //為何不直接使用字串,原因有三:
    //1 字串沒辦法換行在javascript中,js程式全部擠在同一行,不易閱讀
    //2 無法在字串裡面,直接帶入javascript中的東西
    //3 單雙引號沖突問題

  • @junfengfan
    @junfengfan 3 роки тому +9

    javascript 讲得好清楚!

  • @Chin-YaoHsiao
    @Chin-YaoHsiao 3 роки тому +4

    感謝教學!!
    希望未來有JS現行主流框架的主題

  • @frankchiou4229
    @frankchiou4229 2 роки тому +2

    25:25 若要在字串中加上雙引號,則引號前面加\即可

  • @祐祐音樂
    @祐祐音樂 3 роки тому +1

    其實上到function的時候我還是有一些不懂的地方,希望大大可以再出一支影片講解一下!

  • @jasmine097276
    @jasmine097276 3 роки тому +2

    請問有關於Angular的一整集嗎?

  • @sandersnolan6895
    @sandersnolan6895 3 роки тому +3

    这一部分的学习完成后,我会再找英文的教程看,期待小白的js进阶教程,毕竟中文教程更好懂

  • @mingweiyeow368
    @mingweiyeow368 3 роки тому +8

    请问能不能做个jquery的教学

    • @GrandmaCan
      @GrandmaCan  3 роки тому +6

      還有有很多主題想做
      不過我會納入考慮的~

    • @ZephyrQQ
      @ZephyrQQ 3 роки тому +4

      @@GrandmaCan 敲碗jquery

  • @averylaf
    @averylaf 3 роки тому +1

    希望还有jquery的教程

  • @言無-d2e
    @言無-d2e 3 роки тому +3

    辛苦老師了,對於新手很友善~~ ,期待進階的課程。謝謝

  • @Jason__Chu
    @Jason__Chu Рік тому +1

    謝謝哥,已訂閱付費❤

  • @leowjiayou1384
    @leowjiayou1384 3 роки тому +1

    哈喽小白老师你好, 我想请教您关于 How to loop multiples images infinitely using JavaScript. 这是我们学校老师出的难题, 希望小白老师能抽空一点时间来帮帮我, 谢谢您, 感恩感恩!!! Y_Y

  • @陳靜儀-g9n
    @陳靜儀-g9n 2 роки тому +2

    在密碼檢驗程式,有個更簡易的方法,如下
    var password = 123456;
    var input;
    var i =1;
    while(password != input && i

  • @shihyian5138
    @shihyian5138 6 місяців тому +1

    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("輸入成功")
    }

  • @鸚鵡人
    @鸚鵡人 3 роки тому +1

    45:32
    小白好年輕!!

  • @金城剛志-u8u
    @金城剛志-u8u 7 місяців тому +1

    非場感謝...

  • @akayo5086
    @akayo5086 2 роки тому +2

    有字幕嗎

  • @睿-q7f
    @睿-q7f Рік тому +1

    請問js後面會規劃有專案的範例嗎?您講的超仔細明瞭,超適合學習的。

  • @gemeil8917
    @gemeil8917 3 роки тому +2

    什麼時候講一下c#

  • @YJZ1997
    @YJZ1997 2 роки тому +2

    太感謝拉!!!!!!!!!!!!!!!!!!!!!

  • @milkycat9562
    @milkycat9562 3 роки тому +5

    感謝教學!想請問script標籤放越下面越好嗎?比較不容易出錯

    • @GrandmaCan
      @GrandmaCan  3 роки тому +15

      原則上是這樣沒錯
      不過還是要看需求來決定
      如果希望js越早執行越好的話是可以往上擺的
      至於出錯的問題如果是怕js取不到html元素的話,是可以用load事件來解決的,像是這樣
      window.addEventListener("load", function() {
      //取html元素
      });

    • @milkycat9562
      @milkycat9562 3 роки тому +2

      @@GrandmaCan 了解! :)

  • @katsiangkoh111
    @katsiangkoh111 3 роки тому +4

    谢谢老师

  • @John-im7se
    @John-im7se Рік тому

    想請問 2:22:56 這裡 為什麼函式寫進class裡面就不用再+function了??

  • @metallidraw
    @metallidraw 2 роки тому

    HEY hello from FRANCE!! it's very funny to see programming in japanese! continue I enjoy it ^.^

    • @metallidraw
      @metallidraw 2 роки тому

      @g4o2 sorry dude, thx for the answer.

  • @serenachang4884
    @serenachang4884 2 роки тому

    想請問小白 關於 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

  • @kazawan
    @kazawan 2 роки тому

    Let const定义变数可以说一下吗?

  • @yutsacarm8021
    @yutsacarm8021 3 роки тому

    語法Document.write 跟console.log 是同一意思嗎

  • @happyboss555
    @happyboss555 Рік тому +4

    我阿嬤驚訝的跪在電腦前,我更驚訝,因為她已經往生20年了

  • @850425ian
    @850425ian 3 роки тому

    1:30:34 請問一下為什今天有下雨 是給1000元呢 而不是沒有下雨

  • @Sofiazhao15
    @Sofiazhao15 2 роки тому +1

    谢谢分享教程 话说这对我这初学者还是有点难 太多英语单词需要记住 而且格式之间的编写 那些大括号 小括号的 完全懵逼了。。。

  • @mcl3413
    @mcl3413 2 роки тому

    想問一下最後的部落格 我網頁重新整理就 沒了 要怎麼讓這些發文可以繼續保存下去

  • @jwang6069
    @jwang6069 2 роки тому

    想請教小白老師 3:04:22 按鈕按下去後,出現的 是加在CSS裡面嗎? 可以參考一下您的style.css的code嗎

    • @sennen.
      @sennen. 2 роки тому +1

      我猜是css中針對 article 加上border-bottom

    • @johnwang2196
      @johnwang2196 2 роки тому

      @@sennen. 感謝,試了以後確實是可以有這樣的效果

  • @HaydenCornerOfKnowledge
    @HaydenCornerOfKnowledge 3 роки тому +2

    你好小白, 我看完了整个教学 学习了很多 但是有一个问题想请教你一下 在密码检验程式那里 为什么while里面out_of_limit的条件在上面已经设定为false了 为什么在while里面是用 "! out_of_limit"而不是直接用"out_of_limit"呢?因为密码不是应该只要他没有超出limit的话就可以继续在while loop里面跑吗?

    • @aass-lt3vv
      @aass-lt3vv 3 роки тому +1

      如果只打out_of_limit 這代表的意思是等於ture而不是false
      那要執行迴圈的話out_of_limit要在false 所以加! 就會變成等於false
      沒有加的話迴圈不會執行

    • @HaydenCornerOfKnowledge
      @HaydenCornerOfKnowledge 3 роки тому

      @@aass-lt3vv 你好 谢谢你的解答, 这样的意思是上面的var out_of_limit = false 在 while loop的时候就会自动变成true 所以我们要加!把它变成false, 请问是这个意思吗?

    • @aass-lt3vv
      @aass-lt3vv 3 роки тому +1

      @@HaydenCornerOfKnowledge 不是那個意思跟你設定變數沒有關係 while迴圈條件式如果只打變數甚麼都不加 那它的預設條件就變數=ture的時候執行
      這樣的話代表你其實把變數先設為ture來執行 等滿足條件後用false跳出
      反過來這個意思也是一樣的 只是我們人自己看會不好判斷這是開還是關

    • @HaydenCornerOfKnowledge
      @HaydenCornerOfKnowledge 3 роки тому

      @@aass-lt3vv ermm 这样的意思是不管我上面如何设定 只要进到while loop的话他就会是true对吗?如果理解错了真的不好意思 。。

    • @aass-lt3vv
      @aass-lt3vv 3 роки тому +1

      @@HaydenCornerOfKnowledge 對 所以你要設false 有兩個方式 1.加! 2.加==false

  • @林意翔-g5p
    @林意翔-g5p 2 роки тому

    1:44:45 請問演員資訊的範例,有辦法一次性叫出演員的所有資訊嗎? 有辦法一次性叫出所有演員的所有資訊嗎?

    • @feng6485
      @feng6485 2 роки тому

      console.log(movie) 或 console.log(movie.actors) 不確定你要的是哪種

    • @hahaha8552
      @hahaha8552 Рік тому

      for(let i = 0 ; i < movie.actors.length( ) ; i++){
      console.log(movie.actors[i]);
      }

  • @wfbtmcc
    @wfbtmcc 3 роки тому +2

    請問你用的是什麼編輯軟件,謝謝.

  • @yuxuancao9261
    @yuxuancao9261 3 роки тому +1

    謝謝小白老師,我照著class模板那章試寫code,然後出現the keyword 'class' is reserved, 運行不出來,請問應該怎麼辦?

  • @奇聞鑑賞
    @奇聞鑑賞 Рік тому

    請問老師 為什麼我在我的html 打標籤 他沒有反應
    是不是應該用html5
    要下載嗎

  • @依錚-g1n
    @依錚-g1n 2 роки тому

    您好,小白打擾一下,最後面建立一個部落格,我打跟您一樣的程式碼,但都不能輸入文章,請問有可能是什麼原因呢?

  • @陳靜儀-g9n
    @陳靜儀-g9n 2 роки тому +3

    在if判斷的影片中,最後出的一題,其實更直接的寫法,如下:
    function max_num(num1,num2,num3)
    {
    return Math.max(num1, num2, num3);
    }
    document.write(max_num(100,50,6));

    • @yuwarm1159
      @yuwarm1159 Рік тому

      這樣更快,Math.max本身就是函數(方法)了,不用再自己寫的函數去包裝起來
      document.write(Math.max(100,50,6));

  • @deoutmus
    @deoutmus 2 роки тому

    請問vs code 出現這個錯誤是甚麼原因??要如何排除??謝謝

  • @KuanYuShi
    @KuanYuShi 2 роки тому

    你好 請問為什麼return那裡寫好後網頁會顯示不出來?

  • @許帥維
    @許帥維 3 роки тому +2

    2:23:20 class模板的時候為甚麼要加一個 new

    • @mm370503
      @mm370503 3 роки тому +1

      目前我知道應該是 "創建" 的意思,
      看有沒有前輩可以指導。

    • @wade6032
      @wade6032 3 роки тому +4

      簡單來說 class Phone(第3行) 這裡的Phone是一個"類別",像是藍圖的東西,可以看到裡面很多個變數(有number、year、is_waterproof),稱為屬性,每個變數在"被建立"時都會被電腦分配一個記憶體空間,但是這個類別並不能直接使用的,因為他只是一張藍圖。
      那我們要如何使用呢? 有一個方法就是使用"new"這個運算子來建立物件(已經建立的物件稱為"實例"),而且new會在建立時初始化變數,這樣就可以在建立完馬上使用上面所說的三個變數。
      第14行裡的phone1代表你所建立Phone物件的實例的名稱。
      我的理解是這樣,有錯請指正。

    • @YouZhe0305
      @YouZhe0305 3 роки тому

      感覺class像是基於建構式出來的東西,或許原理是一樣的

    • @shamking119
      @shamking119 3 роки тому

      用class创建的类就像一个模板,我们要使用这个模板来用new命令为这个模板创建一个实例,这个实例是具有类所定义的属性的了。

  • @小雯-m7u
    @小雯-m7u 6 місяців тому

    請問為什麼長度是3,javascript不是都是從0開始算嗎 2:03:12

    • @小雯-m7u
      @小雯-m7u 6 місяців тому

      😵‍💫😵‍💫😵‍💫

  • @核桃酥-i6q
    @核桃酥-i6q 3 роки тому +1

    TKS!!!

  • @Min-gh2gw
    @Min-gh2gw 3 роки тому +1

    老師講解得很好
    請問老師,為什麼我在 (1:37:35) 這個地方的 js 顯示不出來
    以下是我照著打的程式碼~
    var person ={
    name:"小旻",
    age:23,
    is_male:ture
    };
    document.write(person.neme);

    • @Lin-vp5yk
      @Lin-vp5yk 3 роки тому +1

      (person.name) name打錯?

    • @Min-gh2gw
      @Min-gh2gw 3 роки тому +1

      @@Lin-vp5yk 哈哈 我恍然大悟

  • @yfeng6267
    @yfeng6267 2 роки тому

    你好!我想请问下在密码检验程式章节中遇到代码和视频一致情况下第二个password!下有波浪线提示:非 null 断言只能在 TypeScript 文件中使用。ts(8013)是什么原因呢?导致代码无法运行