iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
自我挑戰組

網頁學習日誌 系列

以前只會用DW設計簡單頁面..近幾年手機和電子商務的蓬勃發展..讓網頁的技術也跟著大躍進!!
於是響應式網頁、jquery、API應用等相關技術成為學習網頁的必修課程,所以整理起來分享和日後復習用。

鐵人鍊成 | 共 30 篇文章 | 61 人訂閱 訂閱系列文 RSS系列文
DAY 11

jQuery:本日占卜

想法: 樂透彩上看xx億,想知道現在去買彩卷的運勢如何 ? 點擊按鈕就可知道!!!! 程式需求: 1.點按鈕就知道結果 2.可重新占卜 這次用到的語法有jQ...

2017-12-14 ‧ 由 yuski 分享
DAY 12

jQuery :尋找餐廳

想法: 利用尋找附近餐廳,除了列出價錢外,還有特殊需求,例如點擊「含素食」、「可外帶」按鈕就可即時顯示符合的餐廳… 程式需求: 1.網頁顯示各家餐廳欄位。...

2017-12-15 ‧ 由 yuski 分享
DAY 13

jQuery : 票價顯示

想法: 年底要到台北跟三五好友去跨年,想要搭火車去台北,車票多少錢? 程式需求: 不用按鈕,直接輸入「數量」可立即看到總金額 (數量*票價) 重點語法: $...

2017-12-16 ‧ 由 yuski 分享
DAY 14

jQuery : 小說閱讀

想法: 閱讀小說或文章時如果可以切換背景顏色、文字大小可讓眼睛不會吃力。 程式需求: 在文章頁面上方放上功能列,可以變換背景和文字大小。 功能列要永遠置頂...

2017-12-17 ‧ 由 yuski 分享
DAY 15

AJAX : 基礎觀念

逛購物或社群網站通常要註冊帳號,一定會有檢測這個帳號名稱是否有使用過,如果沒有才讓你註冊,而且通常是你輸入帳號,立刻就能顯示是否有人使用該帳號,而不用送出資料...

2017-12-18 ‧ 由 yuski 分享
DAY 16

AJAX : 網頁顯示資料-JS篇

在此先用javascript抓遠端資料(JSON格式)到網頁,並把它轉成文字顯示在網頁上。 html: 功能是按下按鈕下方就會顯示遠端抓取的文字 <b...

2017-12-19 ‧ 由 yuski 分享
DAY 17

AJAX : 網頁顯示資料-Jquery篇

本篇案例與之前javascript一樣的功能,按下按鈕將遠端json資料呈現在網頁上。 只不過是用jquery來寫,在此用兩種寫法呈現: 顯示是否有抓到資料...

2017-12-20 ‧ 由 yuski 分享
DAY 18

SASS:維護CSS好幫手

接觸SASS之前,撰寫CSS很容易但是要維護內容卻很麻煩,比如說:「改某頁面的h2顏色」、「網頁主色調改成xx色」…這些工作都會浪費很多時間,透過SASS可以有...

2017-12-21 ‧ 由 yuski 分享
DAY 19

SASS : 巢狀結構

巢狀是SASS的特色之一,剛學SASS時會很常用它的語法,但過度使用會有問題,以下列出他的優缺點: 優點:可以把輸出的CSS做整理,很快就看出語法含意。 缺點:...

2017-12-22 ‧ 由 yuski 分享
DAY 20

SASS : 安裝環境和基本操作

安裝: 在此用「prepros」來快速學習SASS,以下是官網載點: https://prepros.io/downloads 選擇好對應的作業系統下載即可。...

2017-12-23 ‧ 由 yuski 分享