iT邦幫忙

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

技術 30天React練功坊-攻克常見實務/面試問題 Day4: Way too many state in a component

tags: ItIron2023 react 前言 昨天我們配合了兩個hook去理解react render的機制以及一些useState & useE...

鐵人賽 Modern Web DAY 3

技術 30天React練功坊-攻克常見實務/面試問題 Day3: Uncaught TypeError: Cannot set properties of undefined

tags: ItIron2023 react 前言 昨天我們再次探討了一些基本的useState觀念以及react的一些render邏輯,基本上你只要知道第一天...

鐵人賽 Modern Web DAY 4

技術 Day 4:使用 Strawberry 學習 GraphQL 型別 – 1

首先先將之前”安裝 Strawberry 環境”所建立的開發環境開啟。 $ cd strawberry-tutorial 這個時候專案目錄的結構應該會是像下面...

鐵人賽 Modern Web DAY 3

技術 Day 3:GraphQL 型別系統

GraphQL 就如同程式語言一樣有型態跟物件等概念,在這次的內容當中將介紹 GraphQL 的型別系統,首先看到以下整個 GraphQL 型別系統的基本元素示...

鐵人賽 Modern Web DAY 17

技術 void VS. never

在上一個章節中,我們知道如果函式沒有返回值的話,可以使用 void 型別,今天我們來比較 void 和 never 的不同的情境和用途,雖然它們看起來相似,但它...

鐵人賽 Modern Web DAY 1

技術 30天React練功坊-攻克常見實務/面試問題 Day1: setState isn't working with push method

tags: ItIron2023 react 前言 總算又到了今年的鐵人賽了,今年的主題其實讓我掙扎很久,原先我是打算寫一些前端AI工具使用或是一些框架的深度技...

鐵人賽 Modern Web DAY 2

技術 Day 2:安裝 Strawberry 環境

環境準備 Python:3.11.1 套件管理:Poetry(1.6.1) 本文使用環境為 Apple Silicon,並使用 pyenv 安裝 Pytho...

鐵人賽 Modern Web DAY 2

技術 day2 - 介紹API與Restful API

回顧前一天:之前有提到我們的目標是要建立API,那什麼是API? RESTful API 又是什麼? 我今天就會為你解答。 API:API的全名是Applica...

鐵人賽 Modern Web DAY 16

技術 [Day-16] Blueprint 包裝你的flask(1)

前言 回顧看昨天的程式發現已經200多行,這樣在管理上會變得很複雜,這也就是flask最大的缺點,然而flask不能像一般python一樣直接寫成module再...

鐵人賽 Modern Web DAY 15

技術 [Day-15] Flask之API創建

前言 前幾天我們已經完成整個簡易的登入功能,但實際上現代的網頁開發趨向使用 API(Application Programming Interface)作為資料...

鐵人賽 Modern Web DAY 14

技術 [Day-14] Flask登入功能(6)-管理者界面

前言 前幾天我們已經完成登入、註冊等功能,然而一般系統都會有管理者,今天就讓我們實現如何簡易的創建管理者,此管理者可以查看目前已註冊的user,並選擇要不要刪除...

鐵人賽 Modern Web DAY 13

技術 [Day-13] Flask登入功能(5)-註冊

前言 前幾天我們已經了解如何將SQLite結合flask login達成登入系統,今天就讓我們實現註冊功能吧!完整程式 範例 sign up functio...

鐵人賽 Modern Web DAY 14

技術 類型別名 VS. 接口 (type VS. interface)

在前面章節中,大家應該會很疑惑 type 和 interface 在很多方面都可以實現相似的功能,那我們應該要使用哪一種呢?下面來看看兩者存在了哪些區別: ty...

鐵人賽 Modern Web DAY 13

技術 Utility 型別 Ⅰ

TypeScript 提供了多種內建的 Utility 型別,它是一組 內建的型別操作工具,可以幫助我們更輕鬆、更有效率地進行型別操作,今天威爾豬先介紹基本且常...

鐵人賽 Modern Web DAY 1

技術 Day 1:關於 GraphQL

起源 GraphQL 是一種 API 查詢語言,Facebook 在 2012 年創造出來,並在 2015 年開源,然後在 2019 年 Facebook 與其...

鐵人賽 Modern Web DAY 12

技術 接口 / 介面 (Interface)

在 TypeScript 中,我們可以使用 interface 關鍵字來聲明自定義型別,用來描述物件的結構和形狀,以及物件應該具備的屬性和方法。我們可以使用 i...

鐵人賽 Modern Web DAY 3

技術 D2 Git與GitHub與Get the Point

在開發經歷中,不知道有沒有人經歷過開發靠資料夾命名做疊代、版本更新靠覆蓋的神奇經歷。一旦命名出錯或是路徑放錯,可能就要花很長一段時間去還原與修復。為了避免以上這...

鐵人賽 Modern Web DAY 11

技術 類型別名 (Type)

在 TypeScript 中,我們可以使用 type 關鍵字來創建自定義的類型別名。它可以用來定義各種複雜的類型,使我們能夠更好地描述程式碼中的資料結構和變數類...

鐵人賽 Modern Web DAY 2

技術 D1 什麼是Node.js與不同的專案環境如何管理

Node.js在當今的前端開發環境中有著自己不小的聲量,Node.js最早於2009年由Ryan Dahl創建,並於同年在Google的Chrome V8 Ja...

鐵人賽 Modern Web DAY 1

技術 D0 從0開始的的Angular站台架設-Stnadalone

首先我必須開宗明義地說,本次的Angular@16-Standalone開發模式分享更加傾向於一種實戰心得分享舉個例子來說就是一個新兵幸運蛋子分享自己如何在戰場...

鐵人賽 Modern Web DAY 10

技術 斷言(Assertion)

在昨天的範例中,應該有看到斷言的用法。斷言是一種告訴編譯器更多資訊的方式,用於 強制指定型別。有時候,編譯器可能 無法確定變數的精確型別,或者 當我們需要將某個...

鐵人賽 Modern Web DAY 9

技術 任意型別 VS. 未知型別 (any VS. unknown)

any 和 unknown 是兩個用於處理 型別不確定的情況。雖然它們在某些情境下都可以用來處理不確定的值,但它們的用法和限制有所不同,我們一一來介紹: any...

鐵人賽 Modern Web DAY 1

技術 Day 1 前言 微前端 Micro Frontend 前世今生

Micro Services 是2014年大神Martin Fowler和James Lewis提出的概念在現今雲端化 容器化的web世界 已是家餘戶曉的主流架...

鐵人賽 Modern Web DAY 8

技術 枚舉 / 列舉 (Enum)

枚舉是 自定義一組具名常數值 的特殊型別,每個常數值都有一個名稱和一個關聯的數值,主要用於取值限定在一定的範圍內。在 TypeScript 中,我們使用 enu...

鐵人賽 Modern Web DAY 12

技術 [Day-12] Flask登入功能(4)-登入範例

前言 前幾天我們已經了解SQLile、flask login了今天就讓我們串起來吧!完整程式 範例 appsecret_key(當要使用flask sees...

鐵人賽 Modern Web DAY 11

技術 [Day-11] 登入功能(3) flask login

前言 在昨天教導大家如何建立database至於接下來終於來到重頭戲,我將帶大家使用flask login來實現登入功能。 介紹 Flask-Login 是 F...

鐵人賽 Modern Web DAY 10

技術 [Day-10] flask登入功能(2) 串接SQLite

前言 昨天我們介紹了如何在SQLite根據sql創建database,至於要怎麼在flask使用這個database呢?今天將帶大家實作。 範例 建立資料庫...

鐵人賽 Modern Web DAY 4

技術 TypeScript 配置文件 (tsconfig.json)

建立 tsconfig.json 為了更有效地管理 TypeScript 專案,我們會創建一個配置文件,這在各大打包工具裡安裝 TypeScript 後...

鐵人賽 Modern Web DAY 9

技術 [Day-9] flask登入功能(1) 使用SQLite

前言 接下來的三天將會帶大家做登入、註冊、管理者等功能,然而需要這些功能就必須有database了,而我們將會使用SQLite實作。 介紹 SQLite 是一個...

鐵人賽 Modern Web DAY 1

技術 day1 - 鐵人賽的選題動機與綱要

選題的動機:當初在大二上學期的時候選了Web基本技術與原理這一堂課,學到了許多的網頁前端技術,但沒什麼接觸後端的部分,剛好這次大三的課程規定要參加鐵人賽,所以就...