iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

【網頁是什麼,能吃嗎】── 零基礎也能學會網頁製作 系列

算是自己的學習筆記

參賽天數 23 天 | 共 23 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day 01】今天要來點什麼呢(文章目錄見底端)

tldr: 筆者的自我介紹,並寫下鐵人賽挑戰目標與規劃內容: Git、HTML5、Figma 等網頁製作工具的介紹與使用練習 基礎 CrashCourse...

2025-09-15 ‧ 由 nny02426 分享
DAY 2

【Day 02】做錯了?那就回到上個版本吧!

tldr: 利用Git來將專案以「版本」的方式做紀錄,並能隨時查看過去紀錄與修改 在開始做些專案前,首先筆者想先介紹一個寫程式時十分便利的小系統工具:Git...

2025-09-16 ‧ 由 nny02426 分享
DAY 3

【Day 03】網頁的地基與骨架 ── HTML

tldr: Hyper Text Markup Language (HTML) 記錄網頁框架的樣子,並使用標籤(tags)來告訴網頁各內容該如何顯示Casca...

2025-09-17 ‧ 由 nny02426 分享
DAY 4

【Day 04】無難度體驗:一起來實作網頁吧!

tldr: 與教學影片一同實作HTML與CSS的簡單網頁,並熟悉其用法 今天筆者想與各位做一點有趣的內容,相比於讀著那一堆語法與規定,不覺得實際去操作,並做...

2025-09-18 ‧ 由 nny02426 分享
DAY 5

【Day 05】給畫面產生一點新的變化:來些程式語言吧

tldr: javascript的基本語法,包括變數宣告、判斷式、迴圈等等。 基本規則 特性: Case-Sensitive (大小寫會影響名稱) st...

2025-09-19 ‧ 由 nny02426 分享
DAY 6

【Day 06】 來學習設計吧:Figma入門練習

tldr: Figma的基本介紹,以及快捷鍵的整理 今日筆者將在此介紹一個十分便於網頁設計的軟體,做網頁設計的人多少都會有所耳聞,它名為:Figma。不只介...

2025-09-20 ‧ 由 nny02426 分享
DAY 7

【Day 07】進化吧,網頁!一起來認識Vue.js

tldr: Vue.js 是一個有彈性的JavaScript框架,讓用戶可以循序漸進地使網站越家豐富 在淺談完網頁的基礎,HTML5之後,今天筆者想與各位分...

2025-09-21 ‧ 由 nny02426 分享
DAY 8

【Day 08】一起來認識 ── Vue.js 語法篇

今日筆者將參考 Vue.js 官方所提供的互動式教學,並以此為基礎再對部份內容做更深入的說明,那麼廢話不多說,我們直接開始吧! .vue檔案格式:SFC 這種特...

2025-09-22 ‧ 由 nny02426 分享
DAY 9

【Day 09】 v-後面要接的是...... ── Vue.js語法篇

前一篇中,筆者與各位初次接觸了Vue.js的SFC檔案格式以及它的宣告式渲染功能,今日將來一起學習Vue.js的各種綁定方式(Bindings)。那麼廢話不多說...

2025-09-23 ‧ 由 nny02426 分享
DAY 10

【Day 10】DOM的處理小助手:Vue.js 入門篇

今天筆者將接續之前的內容,繼續了解 Vue.js 的功能與用法。那麼就讓我們直接開始今日的文章吧! 計算屬性 Computed Property 有時我們的變數...

2025-09-24 ‧ 由 nny02426 分享