iT邦幫忙

2022 iThome 鐵人賽

DAY 1
0
自我挑戰組

菜鳥的前端學習筆記系列 第 1

DAY1 - 先從介紹開始

  • 分享至 

  • xImage
  •  

前言

嗨大家好!我是目前正在ALPHA Camp學習的學員,由於AC很鼓勵學員撰寫部落格來幫助自己確認吸收理解的狀況,也發現很多前輩們都推薦可以藉由部落格來深化學習,剛巧碰上今年鐵人賽準備開賽,所以想藉這個機會來 逼迫挑戰一下,希望能順利養成進行學習記錄的習慣。


30天筆記規劃

會以JavaScript為主軸,而筆記紀錄會從最基礎的語法開始進行,目前預計有可能會搭配幾天HTML及CSS,而內容則主要包含學習過程的一些理解及紀錄,所以是個完全新手的學習筆記,請多多指教XD。


稍微簡介一下JavaScript

HTML、CSS與JavaScript(JS)可稱作形影不離的三胞胎,HTML主要是定義網頁內容的結構,把網頁基本框架建立起來,CSS則可針對需求定義網頁的排版及樣式,而JS是讓網頁進一步產生互動的程式語言,舉例來說在一個網頁裡你看到一個登入會員的表單,輸入相關資訊時不小心輸錯格式時,就會跳出提示訊息告知你輸入內容不符合格式哦,像這樣一來一往的交流,便是JS所呈現出來的互動。

需要特別說明的是,JS是符合ECMAScript標準的程式語言,也就是說,JS需要遵循ECMAScript的規範(可以看做是JS的SOP),而在ES5及ES6的版本有進行較多的大修改,像是ES6新增非常方便的Template Literals來改變字串的寫法,不再需要一個個的加起來,更可以輕鬆的進行多行串接。

const name = 'Mike'
// Template literals 範例
const greet = `Helloooooo ${name}!`

基於種種原因,現在大部份看到的線上或實體課程及教材都會以ES5及ES6為主軸來實施教學。


下一篇
DAY2 - Hello World
系列文
菜鳥的前端學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言