iT邦幫忙

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

技術 [Day 05] 參見Django的三大將之一: Model - Migration篇

嗨大家好,我是Sean!今天來讓我們接續昨天的三大將之一: model! 說到model就不得不提,Migration!我認為在初期學習django框架能夠釐清...

鐵人賽 Modern Web DAY 5
Spring Boot... 深不可測 系列 第 5 篇

技術 Day 04 - 專案架構

今日目標,介紹這次專案的架構、稍微說明會用到的資料夾是哪些,以及他們的功用。 專案架構 建立專案後,會自動產生這樣的資料夾結構,我們這次實作主要集中在紅色框起來...

鐵人賽 Modern Web DAY 3

技術 [Day 03] 出海! Django的環境設定及專案建立!

嗨大家好,我是Sean!不知道大家跟從前的朋友還有多少聯絡呢?昨晚跟在美國工作的朋友敘舊,想想也覺得緣分很奇妙!聽過一句話這麼說: 不是朋友變少了,而是大家都...

鐵人賽 Modern Web DAY 3
Spring Boot... 深不可測 系列 第 3 篇

技術 Day 02 - 開發神器 IntelliJ

今天目標,安裝開發環境並建立專案。 小弟平常都用 vscode 來做程式開發,但開發 Java 專案就是覺得不方便,後來受老師推薦用 IntelliJ 就被深深...

鐵人賽 Modern Web DAY 4
Spring Boot... 深不可測 系列 第 4 篇

技術 Day 03 - Hello World

今日目標,完成第一個網頁,Hello Wrold! 第一個網頁 把左側的專案依序展開 cards -> src -> main -> jav...

鐵人賽 Modern Web DAY 2
Spring Boot... 深不可測 系列 第 2 篇

技術 Day 01 - Spring Boot 是什麼,能吃嗎

今天日標,簡單介紹一下 Spring Boot、為什麼要用框架、MVC 架構,有個初步概念就好,明天開始建立專案 ! Spring Boot 簡介 Spring...

鐵人賽 Modern Web DAY 1
Spring Boot... 深不可測 系列 第 1 篇

技術 Day 00 - 開始之前

哈囉~各位邦友大家好!小弟在本網站的各種文章受益良多,而這次輪到我貢獻些微知識了!先聊聊這次的參賽動機好了,原本就有預計要在暑假學習 Spring Boot,在...

鐵人賽 Modern Web DAY 2

技術 [Day 02] 航海地圖! Django之架構!

嗨大家好,我是Sean!今天是鐵人賽的第二天! 我們從Django的架構開始聊起! 學習框架的初期,理解框架的架構為首要重點。學習核心架構的互動關係,以及後端的...

鐵人賽 Modern Web DAY 1

技術 [Day 01] 啟航! 傳承D的意志~ 邁向Django的偉大航道

啟航! 嗨大家好~ 我是Sean! 一個菜雞後端工程師!在面試海中,接觸到了Python的框架: Django! 體悟到了他的強大,便踏上以Django作為...

鐵人賽 Modern Web DAY 1

技術 Day04: 那些 solidjs 帶給我們的方法(一)

前言 在 Day03 了解怎麼建立自己的最簡單的 component 後,我們開始深入了解如何使用 solidjs 這框架帶給我們的基礎方法, createSi...

鐵人賽 Modern Web DAY 1

技術 Day03:了解 tsx/jsx 以及剖析 solidjs

小前言 在 Day02 我們了解了專案結構,從 Day03 開始我們針對 src 內的資料夾做處理和觀看。 如果我們是用 pnpx degit solidjs...

鐵人賽 Modern Web DAY 1

技術 Day02: 如何創建 solidjs 的專案

關於此系列文,這回正式開始,首先我們要先建立一個 solidjs 專案,基本上 typescript 是非常香的我會頃向於使用 typescript 建立專案,...

達標好文 技術 [整理向]2022 iThome 鐵人賽網頁開發小小地圖.fin

 以下整理大多主題為Modern Web,歡迎留言debug 2022 iThome 鐵人賽網頁開發小小地圖 前端三本柱 從0開始系列 【每天5分鐘...

鐵人賽 Modern Web DAY 30

技術 #30 No-code 之旅 — 恭喜完賽!

最後一天!禮拜五快樂!恭喜大家完賽!恭喜自己XD 今天來回頭看看我們這三十天學了哪些事,還有講一下未來規劃~ 回顧 來回顧一下這 30 天的文章: 系列文...

鐵人賽 Modern Web DAY 30

技術 用React刻自己的投資Dashboard Day30 - 股票代號輸入防呆機制

tags: 2021鐵人賽 React 股票代號輸入錯誤當機問題 Day28的文章有提到,當使用者想要輸入股票代號看K線圖時,如果輸入的股票代號是錯誤的,也就是...

鐵人賽 Modern Web DAY 30

技術 Day30 X 系列文總結

這是我第三年參加鐵人賽,每一次來到第 30 天,都有種如釋重負的感覺,不過同時也會感到一些遺憾,因為總是沒能把自己在開賽前預期的內容好好呈現出來。不論是主題內...

鐵人賽 Modern Web DAY 29

技術 用React刻自己的投資Dashboard Day29 - 替股票加上名稱

tags: 2021鐵人賽 React 上一篇提到台股技術面的最新收盤資訊只有股票代號,似乎少了名稱,本篇就來把它補上吧。 資料來源 Finmind API裡面...

鐵人賽 Modern Web

技術 鐵人賽後感言 - 趣聞分享、30天回顧、四大收穫、Canvas遊戲後續發展

本次鐵人賽的作品,你玩過了嗎? 先分享一件趣聞 在我上禮拜完成這個音樂遊戲後,我將它分享給了一些人看,包括我的印度室友,沒想到他深有感觸,在凌晨5點的時候...

鐵人賽 Modern Web DAY 29

技術 Day29 X 面對高流量,前端可以做些什麼?

在現今的 Web 應用中,要建構一個穩定的大型系統,能夠處理 High Concurrency 的流量是一個不可或缺的條件,尤其是在服務的熱門時段,例如優惠活...

鐵人賽 Modern Web DAY 28

技術 用React刻自己的投資Dashboard Day28 - 串接台股技術面API

tags: 2021鐵人賽 React 上一篇刻好版型後,這篇就可以來串接API拉,目標當然就是讓使用者輸入股票代號後,能夠跑出最新收盤價格、漲跌幅度、漲跌幅度...

鐵人賽 Modern Web DAY 28

技術 Day28 X Runtime Performance Debugging

提到 Web 前端的效能優化,有許多的技巧是聚焦在如何減少頁面的「載入時間 Loading Time」,例如 Code Splitting 透過減少需要載入的...

鐵人賽 Modern Web DAY 27

技術 用React刻自己的投資Dashboard Day27 - 台股技術面刻板

tags: 2021鐵人賽 React 一般來說刻板前應該會需要畫個wireframe會比較清楚一些,不過時間有限,就在紙上畫一畫就先開始寫code吧,先達成功...

鐵人賽 Modern Web DAY 27

技術 Day27 X Stale While Revalidate Cache Policy

在 Day24 介紹 Web 前端渲染架構時,有提到 Stale While Revalidate 這個快取的應用策略,今天將更詳細介紹這個策略,並看看怎麼運...

鐵人賽 Modern Web DAY 30

技術 [Day 30] 完賽心得:你的前端之旅還尚未結束

未完待續的前端之旅 在這30天我們帶到了前端技能樹上各種類型的技能,包括基本的 HTML、CSS、JS 到各種套件框架的運用,透過入門的方式讓大家了解如何使用各...

鐵人賽 Modern Web DAY 26

技術 用React刻自己的投資Dashboard Day26 - 台股技術面功能規劃

這篇終於要來開始做台股技術面的功能了,對於善於技術分析的投資人來說,看K線是非常基本的事情,因為從技術分析的角度來看,K線可以分析出很多其他面向看不到的學問喔~...

鐵人賽 Modern Web DAY 25

技術 用React刻自己的投資Dashboard Day25 - 製作漢堡選單

tags: 2021鐵人賽 React 安裝styled-components套件 在專案資料夾內一行安裝就完成了。 npm install --save st...

鐵人賽 Modern Web DAY 25

技術 Day25 X ESR: Rendering On The Edge

基本上 CDN 是現在的 Web 應用不可或缺的技術,當對被 CDN 加速過的域名發出請求時,CDN 會自動將 request 導到地理位置離使用者較近或是流...

鐵人賽 Modern Web DAY 24

技術 用React刻自己的投資Dashboard Day24 - styled components

tags: 2021鐵人賽 React 因為下一篇要讓導覽列在手機版網頁呈現漢堡選單的樣式,在參考其他工程師寫的網頁的時候,發現有一位是用styled-comp...

鐵人賽 Modern Web DAY 24

技術 Day24 X Web Rendering Architectures

今天開始正式進入系列文的最後一個章節 - Framework, Architecture and Memory Management,探索前端架構與底層實作對...

鐵人賽 Modern Web DAY 29

技術 [Day 29 - 小試身手] Todolist with React (4)

在上一章Todolist with React (3),使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作,就讓我們繼續完成最後一個部分...