tags: 2021鐵人賽 React 上一篇只畫了一張圖表,投資怎麼可能只需要看一張圖呢?這邊就再加上兩張圖來看看吧! 更改資料放置位置 專案架構圖如下 這...
tags: 2021鐵人賽 React Javascript繪圖套件 在搜尋chart library的時候,發現JS可以用的library很多,包含 D3.j...
今天開始就要來利用專題了解 GAS 的各項功能囉~ 說到要能優雅、或是狼狽的…總之要能夠享受下午茶,不管你的狀態為何,你都必須要有「時間」。 而系統自動化,也就...
昨天我們寫了第一個 GAS 程式: Hello World ,今天我們來拆解一下我們到底寫了什麼東西。 昨天我們直接開始寫程式,還沒有機會好好認識一下 GAS...
tags: 2021鐵人賽 React 使用 Creat react app 對於React的初學者來說,create react app是最好的朋友,可以快速...
tags: 2021鐵人賽 React 投資Dashboard內容設計 要實際動手製作wireframe之前,先來規劃一下圖表的內容有什麼,一般來說,投資相關的...
今天來直接上手開始我們的 Google Apps Script 之旅啦! 我們在使用 Google Apps Script 之前,一定要先了解一件事情: Goo...
引言 大家好,我是 CXPhoenix ,你可以叫我 Phoenix,或是鳳黃酥,平時都是在學校服務廣大莘(ㄧㄠ)莘(ㄇㄛˊ)學(ㄍㄨㄟˇ)子(ㄍㄨㄞˋ)了解資...
為什麼要做版本控管? 其實版本控管就是備份的概念,相信大家都有體會過檔案誤刪、當機資料消失的經驗,養成備分的習慣可以減少很多麻煩。在開發的過程中,我們會對程式碼...
tags: 2021鐵人賽 React 系列文想法來源 因為筆者本身在金融業工作,日常生活中時常關注一些投資相關的數據,例如:總體經濟數據、個股財務報告、加密貨...
在前一篇,我們介紹完 Javascript 的語法和基本功能,包括宣告變數、條件陳述式、函式、物件陣列 ... 等等,接下來就來了解如何透過 Javascipt...
在前一篇,我們提到了一些 Javascript 的語法和基本功能,包括宣告變數、資料型別、條件陳述式,接下來就繼續來了解迴圈、函式、物件、陣列的觀念和用法。 流...
What is Javascript?JavaScript (簡稱 JS)是一種 直譯式(Interpreter) 程式語言,程式碼會由上到下立即執行,它與HT...
當別人說你的程式是義大利麵代碼 (Spaghetti code),聽起來很好吃,應該是稱讚的意思吧!千萬不要誤會,那是在說你的程式碼雜亂無章、難以理解。 在前面...
現在越來越多種類的裝置出現,包括電腦、平板、手機,我們會在不同大小的螢幕上瀏覽網頁,究竟網頁要如何在所有設備上,都能顯示適合該裝置的排版模式?在過去會根據裝置來...
為什麼要學 Flexbox ?還沒學習 Flexbox 的我們,想要讓文字段落並排顯示時,只能調整元素的寬度讓它為了適應大小自動換行,這樣實在太不方便了!為了能...
在上一篇學到了 CSS 的基本語法、使用選擇器以及檔案的套用方法。接著就讓我們來學習如何運用樣式屬性!首先來簡單了解一下 CSS 是如何去進行網頁的排版和調整元...
CSS (Cascading Style Sheets,階層樣式表),用來描述 HTML 外觀的樣式表,含有各式各樣的樣式屬性,能夠讓你在元素上面套用樣式美化網...
HTML (HyperText Markup Language,超文本標記語言),是一種用來建立網站結構的語言,透過包含標籤 (Tag) 與內容 (Conten...
老套說:「工欲善其事,必先利其器」— 要寫網頁,就不能沒有好用的開發環境。在開始認識各種前端技能之前,最重要的就是要先知道該在哪裡運行 Code ,就讓我們來看...
大家好,我是來自臺北教育大學玩遊所的碩士生 May,在大學接觸到如何寫網頁後,就毅然踏入了前端這個大坑。 我想學前端,從哪裡開始?然後呢? 變幻莫測的前端技術好...
歡迎來到 Ian 的知識講堂,本篇會用說故事的方式跟大家聊聊全端寵兒 - JavaScript 的小故事。 想看更多技術與資訊議題/小故事,歡迎按讚或是追蹤我...
現在來測試一下我們寫出來的網頁~ Bug1 發現註冊之後只會看到"success"的訊息於是我們要修改程式碼讓使用者在註冊之後可以被引導到w...
很快的 30 天過去了,終於完賽了,也是第二次參加鐵人賽,去年第一次參加時自己還沒養成寫文章的習慣,多虧了鐵人賽,我才養成了在 Medium 發佈文章記錄學習歷...
昨天,我們透過session成功讓使用者不用重複登入 可是有可能有人需要切換帳戶之類的。 所以今天我們來做登出其實很簡單~ 只需要在user.php底下呢新增l...
現在我們的網頁已經具有相當基本的功能了 但是,有一個很容易發現的問題,就是瀏覽器並沒有記住使用者的資訊,而造成每一次都要重新登入 帶來我們的新產品--Sessi...
昨天我們對更新資料庫的資料進行了簡單的操作,我們對資料庫已經可以新增、更新了 我們現在的情境是if(註冊了)->登入else 沒有註冊->註冊 登入...
昨天我們將更改密碼的動作實現了然而,除了密碼之外,我們也要提供其他可以更動的設定。 將前幾天的pages/update.php更改,加入textarea <...
如題,登入了,那之後呢? 我們做完了註冊/登入,對資料庫的操作是新增、查詢。 還記得前幾天的資料庫操作嗎?除了新增、查詢之外,還有刪除,以及之前沒有提到的更新。...
昨天,我們結束在利用MVC框架將資料新增進資料庫。 能將資料新增進資料庫也就表示註冊的功能已經完成囉!(當然,關於註冊還有很多眉角等著我們去細細補足) 我們接著...