Java Script自學經驗回顧
閱讀時間約 1 分鐘
來到學期2-3的階段，第一個作業就是打造餐廳清單。原本認為經過電影清單的學習經歷之後，對於打造餐廳清單應該也不會太過困難；沒想到我花了2個月的時間才把作業完整交出去。
在寫餐廳清單的初期，第一個碰到的問題就是首頁無法秀出餐廳評分這個選項。我試著參考其他同學的作品也改了版面的設計，卻始終無法出現餐廳評分這個選項。這個問題最少卡了我4天的休假時間，最後我決定先交出去請助教批改也許可以得到解決辦法。
但是當我決定將作業上傳到雲端的Git Hub時我又碰到第二個問題；資料上傳不完整，設定被設定隱藏導致助教無法批改。
我後來決定整個作業重寫，因為我知道我必須重新開始才能找到問題點，作業才能進行下個階段。
關於餐廳評分這個選項無法秀出這個問題，我參考了餐廳分類的寫法。我將badge改成restaurant-badge，結果餐廳評分就奇蹟出現了。坦白說原本的寫法並沒有錯，但換成我自己寫結果就是失敗，幸好誤打誤撞讓我改了一個寫法之後，問題就解決了。
第二個上傳Git Hub的問題，我重新回到教案裡面跟著教案指示一步一步操作，也順利完成上傳作業並得到助教的批改。
整個學習一路上走來我走得很辛苦，碰到很多問題也花很多時間在想辦法解決問題。幸好有專業的助教可以幫助，也幸運可以觀摩其他同學的作品，當然我也一直嘗試在google裡面找答案。學習到現在，我從不知道自己適不適合寫程式；經過不斷碰到困難解決困難，我不只沒有被打敗還充滿成就感；所以我決定繼續走下去，成為一個軟體工程師。
我的感想是學習新事物碰到困難是很正常的一件事；不要有害怕的心情就不會想要逃避困難，就會產生解決問題的信心和能力。只要持續做，時間會證明我們是可以學會的。
為什麼會看到廣告
留言0
查看全部
你可能也想看
Google News 追蹤
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
<template>
<div id="charge">
<el-card class="box-card">
<ul class="msg-box">
<li>
<h4>充值</h4>
</li>
<li>
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
Java script 中有其中兩種宣告分別是 var 跟 let
var
結果:
let
結果:
** let 是一種區塊的變數宣告像是 if else while for 即跳出區塊時就無法取得資料
在一開始學習前端開發的時候，一直遇到講師在課程內容中提到 ES5、ES6 等關鍵字，當初的我，單純認為 ES5、ES6 是講述 JavaScript 的版本，所以在使用上就沒有想太多，反正就是 JavaScript 1.0 、2.0 的感覺吧？
上篇介紹的promise chain的寫法，是已經比原本好維護了沒錯，但是可讀性似乎還是有點不足，其實還可以改成用async/await的寫法，如下:
E
其中，async是非同步的意思，等於是把getData()這個function定義為非同步，因此從console可以看到，test是最先被pri
許多初學網頁開發的朋友們，一開始都不太理解HTML、CSS、 JavaScript之間的差異性，導致初期規劃學習計畫時毫無頭緒。
會有這樣的困擾，主要在於不了解HTML、CSS、 JavaScript之間的關係，以及這三者在網頁運作時所扮演什麼角色，導致越學越阿雜的狀況。
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
<template>
<div id="charge">
<el-card class="box-card">
<ul class="msg-box">
<li>
<h4>充值</h4>
</li>
<li>
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
Java script 中有其中兩種宣告分別是 var 跟 let
var
結果:
let
結果:
** let 是一種區塊的變數宣告像是 if else while for 即跳出區塊時就無法取得資料
在一開始學習前端開發的時候，一直遇到講師在課程內容中提到 ES5、ES6 等關鍵字，當初的我，單純認為 ES5、ES6 是講述 JavaScript 的版本，所以在使用上就沒有想太多，反正就是 JavaScript 1.0 、2.0 的感覺吧？
上篇介紹的promise chain的寫法，是已經比原本好維護了沒錯，但是可讀性似乎還是有點不足，其實還可以改成用async/await的寫法，如下:
E
其中，async是非同步的意思，等於是把getData()這個function定義為非同步，因此從console可以看到，test是最先被pri
許多初學網頁開發的朋友們，一開始都不太理解HTML、CSS、 JavaScript之間的差異性，導致初期規劃學習計畫時毫無頭緒。
會有這樣的困擾，主要在於不了解HTML、CSS、 JavaScript之間的關係，以及這三者在網頁運作時所扮演什麼角色，導致越學越阿雜的狀況。