學程式助教

這篇文章適合誰 這篇文章適合具備HTML與CSS有興趣也有一點基礎的讀者，以下除了介紹何謂Bootstrap外，也把Bootstrap的一些基本語法整理成範例以供慘考，讓讀者可以藉由本篇文章學習到基本的Bootstrap。 什麼是Bootstrap? Bootstrap 是一個用於快速開發Web 應用程序和網站的前端框架，提供了包含HTML、CSS及JS等內容的框架。 Bootstrap包含的內容 基本結構 ：Bootstrap提供了一個帶有網格系統、鏈接樣式、背景的基本結構。 CSS ：Bootstrap自帶以下特性：全局的CSS設置、定義基本的HTML元素樣式、可擴展的class，以及一個先進的網格系統。 組件 ：Bootstrap包含了十幾個可重用的組件，用於創建圖像、下拉菜單、導航、警告框、彈出框等等。 JavaScript插件 ：Bootstrap包含了十幾個自定義的jQuery插件。您可以直接包含所有的插件，也可以逐個包含這些插件。 定制 ：您可以定制Bootstrap的組件、LESS變量和jQuery插件來得到自己的版本。 (more…)

這篇文章適合誰jQuery 是一套 JavaScript 的 Library，因此，你需要有一些 JavaScript 的基礎，至少寫過一些 JavaScript 才比較容易上手，並且看得懂後續的教學。jQuery是什麼jQuery是一個新形態的JavaScript程式庫，主要是用在DOM 文件的操作，此外jQuery 的核心程式還加強了非同步傳輸(AJAX)以及事件(Event)的功能，讓你更容易操作遠端文件及事件。jQuery可以幫助工程師更快的使用以javascript建立的模組，簡單來說，就是把javascript包裝成更白話、更迅速的寫法，此外，jQuery另外一個特色則是豐富的套件，五分鐘內就可以搞定燈箱、網頁進場效果。 (more…)

前言在上一篇文章中有跟大家介紹過何謂DOM/BOM，那麼這篇文章會為大家介紹DOM事件的一些基礎知識。何謂DOM事件當使用者在瀏覽網頁時，會觸發很多事件，像是點擊滑鼠、鍵盤、或是在網路上下載圖片等等行為都可以稱為是一種事件，而JavaScript使用DOM Event去定義這些事件的型態，並且處理這些事件。 (more…)