iT邦幫忙

modern web相關文章
共有 509 則文章
鐵人賽 Modern Web DAY 5

技術 用React刻自己的投資Dashboard Day5 - 多張圖表渲染(Rendering lists)

tags: 2021鐵人賽 React 上一篇只畫了一張圖表,投資怎麼可能只需要看一張圖呢?這邊就再加上兩張圖來看看吧! 更改資料放置位置 專案架構圖如下 這...

鐵人賽 Modern Web DAY 4

技術 用React刻自己的投資Dashboard Day4 - highcharts製作線圖

tags: 2021鐵人賽 React Javascript繪圖套件 在搜尋chart library的時候,發現JS可以用的library很多,包含 D3.j...

鐵人賽 Modern Web DAY 4

技術 Day 4— 自動化回信機(1) 前置作業

今天開始就要來利用專題了解 GAS 的各項功能囉~ 說到要能優雅、或是狼狽的…總之要能夠享受下午茶,不管你的狀態為何,你都必須要有「時間」。 而系統自動化,也就...

鐵人賽 Modern Web DAY 3

技術 Day 3 — 拆解 GAS 的執行

昨天我們寫了第一個 GAS 程式: Hello World ,今天我們來拆解一下我們到底寫了什麼東西。 昨天我們直接開始寫程式,還沒有機會好好認識一下 GAS...

鐵人賽 Modern Web DAY 3

技術 用React刻自己的投資Dashboard Day3 - React專案初始架構

tags: 2021鐵人賽 React 使用 Creat react app 對於React的初學者來說,create react app是最好的朋友,可以快速...

鐵人賽 Modern Web DAY 2

技術 用React刻自己的投資Dashboard Day2 - 網站Wireframe設計

tags: 2021鐵人賽 React 投資Dashboard內容設計 要實際動手製作wireframe之前,先來規劃一下圖表的內容有什麼,一般來說,投資相關的...

鐵人賽 Modern Web DAY 2

技術 Day 2— 你的第一次聞GAS

今天來直接上手開始我們的 Google Apps Script 之旅啦! 我們在使用 Google Apps Script 之前,一定要先了解一件事情: Goo...

鐵人賽 Modern Web DAY 1

技術 Day 1 — GAS 能聞嗎?

引言 大家好,我是 CXPhoenix ,你可以叫我 Phoenix,或是鳳黃酥,平時都是在學校服務廣大莘(ㄧㄠ)莘(ㄇㄛˊ)學(ㄍㄨㄟˇ)子(ㄍㄨㄞˋ)了解資...

鐵人賽 Modern Web DAY 13

技術 [Day 13 - Git] Git版本控管,沒有它救不回來的專案

為什麼要做版本控管? 其實版本控管就是備份的概念,相信大家都有體會過檔案誤刪、當機資料消失的經驗,養成備分的習慣可以減少很多麻煩。在開發的過程中,我們會對程式碼...

鐵人賽 Modern Web DAY 1

技術 用React刻自己的投資Dashboard Day1 - 前言

tags: 2021鐵人賽 React 系列文想法來源 因為筆者本身在金融業工作,日常生活中時常關注一些投資相關的數據,例如:總體經濟數據、個股財務報告、加密貨...

鐵人賽 Modern Web DAY 11

技術 [Day 11 - JS] 互動吧網頁 — Javascipt的DOM 操作 / 事件

在前一篇,我們介紹完 Javascript 的語法和基本功能,包括宣告變數、條件陳述式、函式、物件陣列 ... 等等,接下來就來了解如何透過 Javascipt...

鐵人賽 Modern Web DAY 10

技術 [Day 10 - JS] 初探 Javascript 基本功能 — 函式、迴圈 / 陣列、物件

在前一篇,我們提到了一些 Javascript 的語法和基本功能,包括宣告變數、資料型別、條件陳述式,接下來就繼續來了解迴圈、函式、物件、陣列的觀念和用法。 流...

鐵人賽 Modern Web DAY 9

技術 [Day 09 - JS] 網頁第三大核心技術 — Javascript

What is Javascript?JavaScript (簡稱 JS)是一種 直譯式(Interpreter) 程式語言,程式碼會由上到下立即執行,它與HT...

鐵人賽 Modern Web DAY 8

技術 [Day 08 - CSS Architecture] CSS設計模式,擺脫義大利麵代碼

當別人說你的程式是義大利麵代碼 (Spaghetti code),聽起來很好吃,應該是稱讚的意思吧!千萬不要誤會,那是在說你的程式碼雜亂無章、難以理解。 在前面...

鐵人賽 Modern Web DAY 7

技術 [Day 07 - RWD] 跨平台生存之道 — RWD響應式網頁設計

現在越來越多種類的裝置出現,包括電腦、平板、手機,我們會在不同大小的螢幕上瀏覽網頁,究竟網頁要如何在所有設備上,都能顯示適合該裝置的排版模式?在過去會根據裝置來...

鐵人賽 Modern Web DAY 6

技術 [Day 06 - CSS] Flexbox帶你飛,實現多樣化的網頁佈局

為什麼要學 Flexbox ?還沒學習 Flexbox 的我們,想要讓文字段落並排顯示時,只能調整元素的寬度讓它為了適應大小自動換行,這樣實在太不方便了!為了能...

鐵人賽 Modern Web DAY 5

技術 [Day 05 - CSS] 玩轉CSS樣式,進入網頁美麗新世界

在上一篇學到了 CSS 的基本語法、使用選擇器以及檔案的套用方法。接著就讓我們來學習如何運用樣式屬性!首先來簡單了解一下 CSS 是如何去進行網頁的排版和調整元...

鐵人賽 Modern Web DAY 4

技術 [Day 04 - CSS] 網頁長這樣能看嗎,CSS魔術Show

CSS (Cascading Style Sheets,階層樣式表),用來描述 HTML 外觀的樣式表,含有各式各樣的樣式屬性,能夠讓你在元素上面套用樣式美化網...

鐵人賽 Modern Web DAY 3

技術 [Day 03 - HTML] 想寫網頁,就從HTML開始

HTML (HyperText Markup Language,超文本標記語言),是一種用來建立網站結構的語言,透過包含標籤 (Tag) 與內容 (Conten...

鐵人賽 Modern Web DAY 2

技術 [Day 02] 建立開發環境,做好行前準備

老套說:「工欲善其事,必先利其器」— 要寫網頁,就不能沒有好用的開發環境。在開始認識各種前端技能之前,最重要的就是要先知道該在哪裡運行 Code ,就讓我們來看...

鐵人賽 Modern Web DAY 1

技術 [Day 01] 前言

大家好,我是來自臺北教育大學玩遊所的碩士生 May,在大學接觸到如何寫網頁後,就毅然踏入了前端這個大坑。 我想學前端,從哪裡開始?然後呢? 變幻莫測的前端技術好...

技術 [小故事]跌破眾人眼鏡! 聊聊 JavaScript 的封王之路

歡迎來到 Ian 的知識講堂,本篇會用說故事的方式跟大家聊聊全端寵兒 - JavaScript 的小故事。 想看更多技術與資訊議題/小故事,歡迎按讚或是追蹤我...

鐵人賽 Modern Web DAY 30
後端的鉗形攻勢 系列 第 30 篇

技術 [Day. 29] Codeigniter 底底底底底霸個

現在來測試一下我們寫出來的網頁~ Bug1 發現註冊之後只會看到"success"的訊息於是我們要修改程式碼讓使用者在註冊之後可以被引導到w...

鐵人賽 Modern Web DAY 30

技術 [Day 30] 第二年的鐵人賽:完賽心得

很快的 30 天過去了,終於完賽了,也是第二次參加鐵人賽,去年第一次參加時自己還沒養成寫文章的習慣,多虧了鐵人賽,我才養成了在 Medium 發佈文章記錄學習歷...

鐵人賽 Modern Web DAY 29
後端的鉗形攻勢 系列 第 29 篇

技術 [Day. 28] Codeigniter 登出

昨天,我們透過session成功讓使用者不用重複登入 可是有可能有人需要切換帳戶之類的。 所以今天我們來做登出其實很簡單~ 只需要在user.php底下呢新增l...

鐵人賽 Modern Web DAY 28
後端的鉗形攻勢 系列 第 28 篇

技術 [Day. 27] Codeigniter Session

現在我們的網頁已經具有相當基本的功能了 但是,有一個很容易發現的問題,就是瀏覽器並沒有記住使用者的資訊,而造成每一次都要重新登入 帶來我們的新產品--Sessi...

鐵人賽 Modern Web DAY 27
後端的鉗形攻勢 系列 第 27 篇

技術 [Day. 26] Codeigniter 頁面

昨天我們對更新資料庫的資料進行了簡單的操作,我們對資料庫已經可以新增、更新了 我們現在的情境是if(註冊了)->登入else 沒有註冊->註冊 登入...

鐵人賽 Modern Web DAY 26
後端的鉗形攻勢 系列 第 26 篇

技術 [Day. 25] Codeigniter 更新資料庫

昨天我們將更改密碼的動作實現了然而,除了密碼之外,我們也要提供其他可以更動的設定。 將前幾天的pages/update.php更改,加入textarea &lt...

鐵人賽 Modern Web DAY 25
後端的鉗形攻勢 系列 第 25 篇

技術 [Day. 24] Codeigniter 登入了,之後呢?

如題,登入了,那之後呢? 我們做完了註冊/登入,對資料庫的操作是新增、查詢。 還記得前幾天的資料庫操作嗎?除了新增、查詢之外,還有刪除,以及之前沒有提到的更新。...

鐵人賽 Modern Web DAY 24
後端的鉗形攻勢 系列 第 24 篇

技術 [Day. 23] Codeigniter 註冊/登入實作(4)

昨天,我們結束在利用MVC框架將資料新增進資料庫。 能將資料新增進資料庫也就表示註冊的功能已經完成囉!(當然,關於註冊還有很多眉角等著我們去細細補足) 我們接著...