iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

從零開始:全端新手的困境與成長 系列

這個系列文章記錄了一名全端新手從零開始打造購物網站的心路歷程,重點放在技術挑戰和心理成長。
文章將詳細描述從技術選型、設計 Wireframe 和心智圖,到搭建開發環境、前後端開發和資料庫管理等具體過程中遇到的困難與解決方案。
每篇文章中,我將分享自己在這些過程中踩過的坑、經歷的心理迷茫和如何克服挑戰。這個系列不僅展示了技術上的學習和成長,更強調了心態的轉變和心理挑戰的應對。
通過記錄這些真實的經歷,我希望能夠激勵更多初學者勇敢面對挑戰。

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

Day 1 引言:新手全端工程師的挑戰之路

嗨!大家好,我叫嘉祐。 不只是程式,更是心路歷程 以往在當工程師的過程中一定會看過許多技術文章,一篇比一篇厲害的大神分享了許多專業知識,讓我們獲益良多。這次的系...

2024-09-09 ‧ 由 Chiayu 分享
DAY 2

Day2 如何選擇 Side Project:找到適合你的學習與成長機會

選擇一個合適的 Side Project,對於任何想要提升自己技術能力的工程師來說都是很重要的事,這不只會大大的提升自己的技術能力,在未來的職涯上也很有很大的幫...

2024-09-10 ‧ 由 Chiayu 分享
DAY 3

Day3 撰寫 Side Project 的技術挑選策略:找到適合的工具與框架

在撰寫一個 Side Project 時,選擇技術絕對是一個重要的環節,甚至比 Side Project 主題還重要。所選擇的技術會直接影響整個專案的開發流程、...

2024-09-11 ‧ 由 Chiayu 分享
DAY 4

Day4 探索 Wireframe 設計:如何使用 Figma 進行網站功能規劃

在網站設計中,Wireframe 是網站開發的第一步,透過 Wireframe,我們能夠先規劃網站的頁面結構與功能,確保在進行詳細設計前,先建立好一個頁面的概念...

2024-09-12 ‧ 由 Chiayu 分享
DAY 5

Day5 從 Wireframe 到 UI Flow 再進一步用心智圖 GitMind 完善功能規劃

在完成 Wireframe 草圖後,下一步就是將這些頁面之間的連結建立起來,形成完整的 UI Flow。這不僅能幫助我們理解頁面間的關聯性,還能確保設計的邏輯性...

2024-09-13 ‧ 由 Chiayu 分享
DAY 6

Day6 如何撰寫產品需求規格書:從需求拆分到細節展現

產品需求規格書 PRD (Product Requirements Document) 是每個開發專案中不可或缺的文件,它能夠清楚地告訴工程師和設計師需要做什麼...

2024-09-14 ‧ 由 Chiayu 分享
DAY 7

Day 7 搭建開發環境:開發者的成長第一步

在設定開發環境是開發專案的第一步,因為環境沒設定好,未來會有很多問題。看起來蠻簡單的設置,但對新手來說,畢竟是剛開始要開發了,一定會有不確定性和困難。當我第一次...

2024-09-15 ‧ 由 Chiayu 分享
DAY 8

Day8 要開始寫程式了,但我對 CSS、TypeScript 和 HTML 不熟,怎麼辦?(上)

要開始開發程式啦!寫程式是一個令人很興奮的過程,但又充滿挑戰,尤其當你發現自己對一些核心技術不熟的時候,這種不確定性可能會讓你覺得很糟糕也很焦慮。HTML、CS...

2024-09-16 ‧ 由 Chiayu 分享
DAY 9

Day9 要開始寫程式了,但我對 CSS、TypeScript 和 HTML 不熟,怎麼辦?(下)

在上一篇文章中,我們探討了如何掌握 HTML 和 CSS 的基礎,這些技術幫助你建立網頁的結構和樣式。然而,網頁的動態功能和邏輯處理則依賴於另一個關鍵技術——T...

2024-09-17 ‧ 由 Chiayu 分享
DAY 10

Day10 使用 AI 生成登入畫面,加速學習 CSS、TypeScript 和 HTML

在前兩篇文章中,我們講了如何從基本的 HTML 和 CSS 開始,慢慢學習一些基礎,然後幫助我們可以進入專案實作。但對於許多新手來說,從零開始設計和撰寫程式碼還...

2024-09-18 ‧ 由 Chiayu 分享