iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

手把手web初學者 系列

為自己從0學網頁

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

來用Figma做出高擬真的使用介面

網頁需要做下滑只要把Figma的 Frame 再拉長接著我們要來做一點元件的變化 水平滾動圖片 先拉出你需要放進圖片的圖形 置入圖片 到 □選取點選要放入的圖形...

DAY 22

RWD好幫手-初識Bootstrap

今天要來介紹跟RWD佈局非常相關的Bootstrap點此到官網下載:Bootstrap對於還不熟悉CSS的人來說實在受益良多,當然也不只侷限於對CSS不熟悉的X...

DAY 23

讓網頁有條不紊的隱形柵欄-Bootstrap Grid system

今天就要來介紹在RWD中常使用到的 Grid system 網格系統 又可以稱作柵欄式佈局Bootstrap官網教學▼首先先來看以下這張圖▼由**欄位 (col...

DAY 24

將靈魂注入網頁的JavaScript

耶~我們終於來到能注入靈魂到網頁之中的JavaScript 從 <script> 開始 基本上跟新增一個 CSS 的 <link> 元素...

DAY 25

進一步跟JavaScript做個朋友吧~

要跟JS做朋友,就要來了解對方的性格才行~JS 的型別,主要有兩種分別為 Primitive data types 原始型別 Object types 物件型...

DAY 26

再進一步認識JavaScript

Object types 物件型別 array 用 [ ]object 用 { } array 寫法: var a = [ "1",...

DAY 27

認識Node.js

認識Node.js之前我們要來先安裝Node.js(會建議下載 長期維護版本 ) Node.js 與 JavaSript 的關係 Node.js 以JavaSc...

DAY 28

所有資料~集合!資料庫起步走

什麼是資料庫呢?簡單來說,是將資料或資訊結構化集合分門別類地存放,那提供儲存的地方就是資料庫~最常見的資料庫類型,資料通常以欄列建模,能夠提高資料查詢及處理的效...

DAY 29

前後端的溝通大師AJAX介紹

AJAX是Asynchronous JavaScript and XML的縮寫顧名思義是透過 JavaScript 的非同步技術用於網頁前、後端伺服器的溝通 A...

DAY 30

初探Express

官網簡介Express: Fast, unopinionated, minimalist web framework for Node.js Express...