iT邦幫忙

modern web相關文章
共有 526 則文章
鐵人賽 Modern Web DAY 26

技術 【D26 - 用Vue實作網頁】從firebase拿資料~ 深入了解database

原本昨天講到vuex, 今天應該帶各位實作一下vuex,但是我時在我們專案有甚麼地方可以用到vuex!XD 所以今天還是來講講firebase裡面的data結...

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

技術 [Day. 11] 網頁表單實作--POST

昨天向大家介紹了網頁表單的形式之一GET今天要向大家介紹網頁表單的另一種形式POST那我們開始吧~ 首先,將昨天的index.php中表單<form&gt...

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

技術 [Day. 10] 網頁表單實作--GET

今天帶大家實寫網頁表單GET的資料傳遞。 HTML Form 以下html表單的形式,一些html的基本標籤就不多說明,可以參考w3school由於只是了解表...

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

技術 [Day. 09] 網頁的自我介紹

Okay,今天來帶大家認識網頁傳遞資料的原理與過程~ 認識HTTP 我們幾乎每天都在使用網際網路,google查資料、查餐廳、查攻略...那麼對於HTTP這個...

鐵人賽 Modern Web DAY 24

技術 【D24 - 用Vue實作網頁】一天搞定登入+註冊+登出

昨天我們提到了Firebase 的Authentication~ 今天就會純coding,帶大家走過一遍完整的登入到登出流程! 前言 今天會比較多codin...

鐵人賽 Modern Web DAY 11

技術 十一日目:JavaScript 物件 オブジェクトノ章

おはよー(U 'ᴗ' U)✧ 我是 SONYKO今天來講同樣逃避已久的物件 。這個學成之後就可以玩物件包陣列、陣列包物件的遊戲了 (((   ☆ * .  ...

鐵人賽 Modern Web DAY 10

技術 十日目:JavaScript 陣列Array 配列ノ章

おはよー(U 'ᴗ' U)✧ 我是 SONYKO今天來講我逃避已久的陣列 。   陣列本身不麻煩,麻煩在於陣列的操作語法。但我們今天只講基本,因為我有的操作語法...

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

技術 [Day. 08] 簡單的後端試啼 2

嗨大家~今天接續昨天的進度,昨天我們聊到網頁使用變數和陣列。今天我們來試試看之前教到的條件判斷和迴圈的用法。 條件判斷: if-else: $today...

鐵人賽 Modern Web DAY 13

技術 [Day 13] 遠征 Kotlin × 建置 Spring Boot 專案

編輯器環境說明 接下來,這篇文章將帶大家建置 Spring Boot 專案,本系列文章使用的編輯器為 Intellij ,但因為使用的 intellij 為 u...

鐵人賽 Modern Web DAY 9

技術 九日目:JavaScript switchノ章

OHa (U 'ᴗ' U)✧ 我是 SONYKO今天要講控制判斷用的switch。 說到switch ,因為一直坐著寫code感覺不太好,所以我買了健身環。想聽...

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

技術 [Day. 07] 簡單的網頁試啼

昨天我們架設好了寫網頁的基本工具-XAMPP今天就來利用前幾天所學的基本PHP來寫一點簡單的後端互動吧。 首先,用載好的Sublime打開昨天在XAMPP/ht...

鐵人賽 自我挑戰組 DAY 7

技術 【第 7 個第一次】 Hello ! PWA 漸進式網頁,怎麼現在才知道你 !

Day 7 - 工程師說 : 還好有 PWA,網站還在 由於公司開始導入 Kunernetes 相關技術架構,正值於初期移轉階段,有時候會碰碰小地雷,也讓我有機...

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

技術 [Day. 05] PHP,Please Help me Program.

Hi~大家,周末過的怎麼樣呢?距離禮拜一剩不到幾小時了,那就和筆者一起用短短的幾分鐘學習PHP的基礎八。 在開始新進度之前,先來回憶一下我們前幾天學的東西吧!...

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

技術 [Day. 04] PHP,Program Health Points

Hi,大家,週六過的好嗎? 首先來分享一下昨天問的問題~ 為什麼我們需要有PHP或者其他後端語言呢?我們用瀏覽器的時候看到的不是都是由HTML/CSS/JS...

鐵人賽 Modern Web DAY 6

技術 [Day 06] Message Queue - (3) 程式範例

這是 message queue 系列文第三篇,以下附上前兩篇連結 讓任務排隊吧:Message Queue — (1)讓任務排隊吧:Message Queue...

鐵人賽 Modern Web DAY 6

技術 六日目:JavaScript 運算子 演算子 二ノ章

日安٩(ˊᗜˋ*)و SONYKO だよ〜♫DAY 6 繼續介紹運算子 。我發現運算子的點閱率很低  # ゚Д゚) En Zan Shi !!!!   邏...

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

技術 [Day. 03] PHP,People who Hate to Program.

嗨大家,禮拜五結束準備迎接美好的假日了嗎? 今天來教大家基礎的php! 認識php PHP,是一隻大象(elePHPant)開開玩笑XDD這只是PHP的吉祥物&...

鐵人賽 Modern Web DAY 4

技術 [Day 04] Message Queue - (1)

上個觀念 IOC 強調程式碼的品質,第二個觀念 message queue 強調的則是 “訊息的溝通”。 接下來會利用三篇文章的篇幅講解 message que...

鐵人賽 Modern Web DAY 3

技術 三日目:JavaScript 變數 変数ノ章

安安 我SONYKO ,怎麼才第三天今天介紹JavaScript 變數,及瀏覽器的編譯機制。レッツゴー! 每個程式語言一開始都要先變數,那變數是幹嘛用的?不覺得...

鐵人賽 Modern Web DAY 3

技術 [Day 03] IOC 控制反轉 & DI 依賴注入 - (2)

上回說明了 IOC 與 DI 的概念與基本實作方式,並在文末提及每次都自行實作依賴注入當 codebase 一大成本也會相當高,因此能不能有一個統一的介面來實做...

鐵人賽 Modern Web DAY 2

技術 [Day 02] IOC 控制反轉 & DI 依賴注入 - (1)

第一個主題先來暖暖身子,要講的不是一個 backend 專屬的技術或概念,更像是屬於寫出優質程式碼的一種方法或者說模式,畢竟不管是前端後端,或是任何領域的工程師...

鐵人賽 Modern Web DAY 1

技術 [Day 01] 系列文動機與大綱

Hi!各位鐵人賽讀者好,我是 Kyle,也可以叫我老莫,這是我第二次參加鐵人賽,去年的參賽主題為 React 從 0 到 1 推坑計畫,最後幸運完賽,希望今年也...

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

技術 [Day. 02] 工欲善其事,必先苦其心志,勞其筋骨。

今天要分享的是當打碼悍將必備的工具之一,程式碼編輯器。 Code Editor簡介 不論是資深碼農,還是剛步入Coding的懵懂小新肝,都必須要有幫助我們撰寫c...

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

技術 [Day. 01] 網頁,往前還是往後?

旺旺先備知識:網頁篇 今天將要來介紹基礎網頁概念~歡迎各路高手給予指教(・ω´・ )!! What is Web Development 所有的網站,都是由一...

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

技術 [Day. 00] 前言 & 作者序

參賽動機 猶豫了許久,終於還是決定參加今年的鐵人賽!雖然剛開學真的好多事QQ但還是希望我能趕上進度礙於自己才疏學淺,很多主題想做卻琢磨不夠XDD最後決定把在暑假...

鐵人賽 Modern Web DAY 5
Go into Web! 系列 第 5

技術 Day5 | Gin - 好用的 web framework

昨天簡單介紹了如何利用 net/http 加上 html/template 這兩個 package 建立一個簡單的網站,但是在開發一個網站不是只有這麼簡單的事情...

鐵人賽 Modern Web DAY 4
Go into Web! 系列 第 4

技術 Day4 | 無痛使用 Golang 打造屬於自己的網頁

前兩天已經介紹過基本的 Web 知識與安裝好相關環境了,接下來我們就使用 golang 原生提供的 net/http package 來建立一個簡單的網頁吧!...

鐵人賽 Modern Web DAY 3
Go into Web! 系列 第 3

技術 Day3 | Web 基礎原理介紹

在真正開始進入 web 開發之前,我們必須要好好的理解 web 會用到的名詞與其運作原理,這樣在開發時才不會不清楚自己在做什麼,至於今天要說什麼呢,就讓我們繼續...

鐵人賽 Modern Web DAY 1
Go into Web! 系列 第 1

技術 Day1 | 萬事起頭難

參賽動機 Hi 大家好!我是阿翔,本次是我第一次參賽,主要的目的是要逼自己整理好以往學習開發的一些好用的工具、開發方法與經驗,剛好最近工作有使用到 Golang...

達標好文 技術 領進前端門,修行在個人:一變應萬變的響應式網頁設計(2) - 常見版型佈局設定

禁止顯示x軸法則 在開發響應式網頁時最切記的就是不能出現x軸,為什麼呢?當使用者瀏覽時,若畫面有x軸也有y軸時,使用者必須上下左右滑動去瀏覽,這樣對於使用者體驗...