iT邦幫忙

2022 iThome 鐵人賽

DAY 2
0
Modern Web

給心理人的前端網頁開發系列 第 2

[給心理人的前端網頁開發] 02 背景知識介紹

  • 分享至 

  • xImage
  •  

在這篇介紹中,將簡單介紹兩個領域:心理學、前端網頁開發

一、心理學

心理學是一門研究人類行為與心智歷程的學科,也算是一個年輕的學科。現代心理學於 1879 年,在心理學之父馮德的第一個心理實驗室誕生。想研究心理學,就需要有一些工具幫忙。例如用碼表記錄某行為的反應時間,再用行為的反應時間推估心理的反應時間。

時至今日,已經發展出許多能研究心理學的技術與工具。如早期的內省、觀察、物理測量,到後來的問卷、實驗軟體等等。例如最近很夯的 MBTI 測驗,可以把它歸類在問卷的部份 (但心理學研究上,會把他歸類在量表或是心理測驗)。問卷與電腦上的實驗,是還滿常見的兩種心理學研究工具。

二、前端網頁開發

現代人經常透過網頁來吸收與傳遞資訊,但其實很多心理研究也會透過網頁來推進,像是網路問卷以及網路實驗。即便有現成的工具可以直接建立網路問卷或網路實驗(例如 Google 表單),但如果想客製出特別的功能,就會需要有一點網頁程式語言的知識。

通常一個網頁由三種語言構成:HTML、CSS、JavaScript

HTML(HyperText Markup Language,超文本標記語言)可以把它想成是網頁的骨架。網頁的標題、內文、按鈕、輸入框,這些都是屬於 HTML 的一部分。

CSS (Cascading Stylesheets,階層樣式表) 可以想成是網頁的外衣。文字的大小、背景的顏色,這些都是可以透過 CSS 去調整的。

JS (JavaScript,沒有中文翻譯 ) 可以想成是網頁上的魔法。它除了可以做到 HTML 與 CSS 能作到的事情 (例如產生一個按鈕、調整背景顏色),也能像計算機一樣進行各種數學、邏輯運算。

如果想研究心理學,就會需要接觸研究方法與工具(例如問卷、實驗軟體)。如果想透過網頁建立自己的研究工具,就必須要了解網頁前端技術 (HTML、CSS、JavaScript)。本系列文將介紹如何透過前端網頁技術,來建立自己的網路問卷、以及網路實驗。


上一篇
[給心理人的前端網頁開發] 01 前言:參賽目的
下一篇
[給心理人的前端網頁開發] 03 關卡〇:新手入門之說聲 Hello World
系列文
給心理人的前端網頁開發20
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言