iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

【菜鳥冒險記】用React與Firebase開始sideproject之路 系列

透過對javascript的基礎了解,開始探索react與firebase的使用與協作,初步目標完成一款todo list的app。

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

[Day1]修完課然後呢?第一次sideproject之路

第一次參加鐵人賽,其實也算一大挑戰,但自從上學期修過javascript課程後,就覺得自己該做點什麼。 所以就來了,第一次的sideproject之路,鐵人賽作...

2023-09-16 ‧ 由 feather 分享
DAY 2

[Day2]阿所以,那個Firebase是什麼

前言 一個網頁或是行動應用程式的開發,需要前端、後端以及資料庫的處理,通俗來說,有時也會將資料庫納入後端的一環,例如一個訂房網頁,除了要將所有的房間資訊、價格以...

2023-09-17 ‧ 由 feather 分享
DAY 3

[Day3]來開一個專案吧!Firebase的setup

昨天講完Firebase到底是什麼,今天開始開一個專案吧!可以由這個網頁進入firebase的官網,接著step by step開始今天的環節。 最開始進入的首...

2023-09-18 ‧ 由 feather 分享
DAY 4

[Day4]整合project前的setup

本地端開啟第一個react專案 要用react開始我們的project之路,第一步當然是建立它,這裡很單純地,在你想要的資料夾下,開出cmd、命令提示字元或是其...

2023-09-19 ‧ 由 feather 分享
DAY 5

[Day5]第一個sideproject:TODO List (一)

昨天開完project,今天可以開始實作了。 一個專案的開發,最開始不需要急著連線Friebase,我會由先試著把一個local端的todo List寫出來、調...

2023-09-20 ‧ 由 feather 分享
DAY 6

[Day6]用material UI改善介面:TODO List(二)

簡單地改善UI 任何的網頁都需要UI,就programming language的進步上,為了發展UI出現了css來配合HTML運作;就使用者體驗上,一個好的U...

2023-09-21 ‧ 由 feather 分享
DAY 7

[Day7]將Firebase加到App中:TODO List(三)

前置動作 Firebase在coding實作的概念,與其他module一樣,必須先安裝好模組。 第一步,想來看到這裡都已經得心應手,要跑command line...

2023-09-22 ‧ 由 feather 分享
DAY 8

[Day8]考慮需求、增加功能:TODO List(三)

前言 在設計一個sideproject的前提,就是考量到,在TODO List的project中,是直接由紙本轉線上的媒材,好處是:紙本待辦事項清單可以很容易地...

2023-09-23 ‧ 由 feather 分享
DAY 9

[Day9]CSS加入,讓畫面更有趣:TODO List(五)

很簡略的介紹 CSS在開始project前,應該可以算一種先備知識,但既然提到了,就大概說明一下。 一個網頁的建置,在最基礎入門的學習上,可以想成HTML決定文...

2023-09-24 ‧ 由 feather 分享
DAY 10

[Day10]短影片時代的project:Stories(一)

前言 從2019年起,短影音風靡全球,作為一個令人興奮的創作媒介,在傳媒設計上,它能夠在短短的時間內傳達故事和概念;而在程式設計上,幾乎每個主流App都開始推出...

2023-09-25 ‧ 由 feather 分享