iT邦幫忙

DAY 1
1

我的前端學習筆記系列 第 1

前端學習筆記 DAY 1

  • 分享至 

  • xImage
  •  

一個網站分為前端與後端兩者,前端就是指瀏覽器上看的到的東西

包含了HTML、CSS、JavaScript、圖片、影片等等,看的到摸得著的東西,那麼所謂的後端呢?

後端包含了伺服器的部屬、資料庫的資料儲存,網路的路由機制,網址對應到的網站的內容

另外還有一個東西稱為「全端」,顧名思義就是全部都顧到的意思

在台灣一個中小企業通常都是做全端居多,簡單的說就是打雜,甚麼都要學,甚麼都要會...

而部分大公司就會用一些後端的framework,整合了前端的HTML、CSS與JavaScript,統一都由後端的程式語言掌管

例如CodeIgniter、Laravel本身都提供了一些FORM表單的function,由PHP來產生HTML的內容

這種好處就是不用會CSS、JavaScript就可以寫出一致的網頁!

但是隨著網頁的畫面越來越花俏,呈現的動畫越來越多種,這些都無法透過後端語言寫出來

這種時候就需要有人專門寫JavaScript、CSS對瀏覽器端的行為作出相對應的互動,達到更好的使用者介面

前端工程師,也是最近這幾年才開始串紅的(雖然有這職缺的公司也不多)

前端的難處在於IE,萬惡的IE就是前端第二大的魔王,最大的魔王呢?客戶!

客戶的需求常常飄渺不定,永遠不知道自己要甚麼?只知道自己不要甚麼!

想辦法把大量無用的需求擋掉,只留下關鍵核心的功能這是很重要的(不過通常不是前端再做這件事情)

接下來說說IE吧,在台灣的社會當中,目前還是有人在使用IE6,十幾年前的東西了

也有人使用IPhone 5s,如此新潮的東西,而一個網站要同時support這兩種瀏覽器

背後的維護的成本實在是非常的高,更不用說IE10和IE9有很多特有的bug,都是非常的不好解的...

要了解前端,要先看得懂下面的東西,才有辦法後續的內容:

HTML:

Hello World!!

JavaScript:

(function(){
    "use strict";
    console.log("Hello World!!");
}());

CSS:

.body {
    background: red;
}
#content {
    border: 1px solid #000;
}
div.item > span[] {
    color: blue;
}

今天就當作前言吧...有點雜有點亂XD


下一篇
前端學習筆記 DAY 2
系列文
我的前端學習筆記2
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
老鷹(eagle)
iT邦高手 1 級 ‧ 2014-09-16 23:12:23

沙發
第17張沙發...

老鷹說我都看不懂會不會被人放狗咬阿逃跑

我要留言

立即登入留言