Java Script自學經驗回顧

閱讀時間約 1 分鐘
來到學期2-3的階段,第一個作業就是打造餐廳清單。原本認為經過電影清單的學習經歷之後,對於打造餐廳清單應該也不會太過困難;沒想到我花了2個月的時間才把作業完整交出去。
在寫餐廳清單的初期,第一個碰到的問題就是首頁無法秀出餐廳評分這個選項。我試著參考其他同學的作品也改了版面的設計,卻始終無法出現餐廳評分這個選項。這個問題最少卡了我4天的休假時間,最後我決定先交出去請助教批改也許可以得到解決辦法。
但是當我決定將作業上傳到雲端的Git Hub時我又碰到第二個問題;資料上傳不完整,設定被設定隱藏導致助教無法批改。
我後來決定整個作業重寫,因為我知道我必須重新開始才能找到問題點,作業才能進行下個階段。
關於餐廳評分這個選項無法秀出這個問題,我參考了餐廳分類的寫法。我將badge改成restaurant-badge,結果餐廳評分就奇蹟出現了。坦白說原本的寫法並沒有錯,但換成我自己寫結果就是失敗,幸好誤打誤撞讓我改了一個寫法之後,問題就解決了。
第二個上傳Git Hub的問題,我重新回到教案裡面跟著教案指示一步一步操作,也順利完成上傳作業並得到助教的批改。
整個學習一路上走來我走得很辛苦,碰到很多問題也花很多時間在想辦法解決問題。幸好有專業的助教可以幫助,也幸運可以觀摩其他同學的作品,當然我也一直嘗試在google裡面找答案。學習到現在,我從不知道自己適不適合寫程式;經過不斷碰到困難解決困難,我不只沒有被打敗還充滿成就感;所以我決定繼續走下去,成為一個軟體工程師。
我的感想是學習新事物碰到困難是很正常的一件事;不要有害怕的心情就不會想要逃避困難,就會產生解決問題的信心和能力。只要持續做,時間會證明我們是可以學會的。
為什麼會看到廣告
    全端網頁開發專業知識分享
    留言0
    查看全部
    發表第一個留言支持創作者!
    你可能也想看
    [Java Script][Vue.js]充值頁面 <template> <div id="charge"> <el-card class="box-card"> <ul class="msg-box"> <li> <h4>充值</h4> </li> <li>
    avatar
    小黑
    2024-05-31
    【前端基礎】關於 JavaScript 的型別系統:自動轉型、真值與假值在先前的型別文章中,我們曾經聊過 JavaScript 常用的一些型別,但針對布林這個型別,我們沒有做太多的解釋,原因在於布林值在 JavaScript 會有一個特殊的規則:自動轉型 。 自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素,接著就來讓我們來聊聊什麼是自動轉型
    Thumbnail
    avatar
    Vivian Yeh
    2024-01-25
    如何用 JavaScript 自動產生英文字母和數字陣列如何用 JavaScript 自動產出羅馬字母表
    Thumbnail
    avatar
    蕭宇廷
    2023-11-30
    JavaScript 演義 #21: 百步穿楊,數字天長JavaScript 演義 #21: 百步穿楊,數字天長
    Thumbnail
    avatar
    KH Huang
    2023-09-26
    JavaScript 演義 #17: 曹操短歌行,字串流傳JavaScript 演義 #17: 曹操短歌行,字串流傳
    Thumbnail
    avatar
    KH Huang
    2023-09-23
    JavaScript — var letJava script 中有其中兩種宣告分別是 var 跟 let var 結果: let 結果: ** let 是一種區塊的變數宣告像是 if else while for 即跳出區塊時就無法取得資料
    avatar
    John
    2022-05-08
    【JavaScript 簡史】什麼是 ES5、ES6?網頁開發與 ECMAScript 的小故事在一開始學習前端開發的時候,一直遇到講師在課程內容中提到 ES5、ES6 等關鍵字,當初的我,單純認為 ES5、ES6 是講述 JavaScript 的版本,所以在使用上就沒有想太多,反正就是 JavaScript 1.0 、2.0 的感覺吧?
    Thumbnail
    avatar
    Vivian Yeh
    2022-01-15
    JavaScript async/await上篇介紹的promise chain的寫法,是已經比原本好維護了沒錯,但是可讀性似乎還是有點不足,其實還可以改成用async/await的寫法,如下: E 其中,async是非同步的意思,等於是把getData()這個function定義為非同步,因此從console可以看到,test是最先被pri
    Thumbnail
    avatar
    Vic Lin
    2021-09-13
    【Javascript】行動電話格式驗證輸入畫面 為什麼要做驗證? 因為作為設計者,永遠不該預設使用者會乖乖照設計者的意思輸入。
    Thumbnail
    avatar
    2021-05-30
    【自學程式】如果網頁是一台小車車?淺談網頁三巨頭:HTML、CSS及JavaScript 許多初學網頁開發的朋友們,一開始都不太理解HTML、CSS、 JavaScript之間的差異性,導致初期規劃學習計畫時毫無頭緒。 會有這樣的困擾,主要在於不了解HTML、CSS、 JavaScript之間的關係,以及這三者在網頁運作時所扮演什麼角色,導致越學越阿雜的狀況。
    Thumbnail
    avatar
    Vivian Yeh
    2021-05-18