- 41
- 68 643
我是大仁哥
Taiwan
Приєднався 23 тра 2023
大家好我是大仁哥,這個頻道會教大家如何寫程式。
2小時React快速入門 - React基礎教學
在這一部影片中,你將會學習到React的基礎知識,並且我們會建立一個簡單的todo應用程式。
線上Demo:reactsimpletodo.darenge.net/
github原始碼:github.com/darenge5965/reactSimpleTodo
章節說明:
0:00 React介紹
5:34 前置作業
14:14 組件component
25:22 JSX
38:53 JSX中的陣列
46:10 React裡的條件判斷
54:07 props
1:03:06 state
1:12:01 實作todo專案
額外資訊:React 是一個陳述式、高效且具有彈性的JavaScript函式庫,用以建立使用者介面。它讓你使用小巧而獨立的「component」,來建立複雜的 UI。
#react教學 #react #reactjs #javascript #jsx #component #usestate #nodejs #node #todo #todoapp
#props #vite
線上Demo:reactsimpletodo.darenge.net/
github原始碼:github.com/darenge5965/reactSimpleTodo
章節說明:
0:00 React介紹
5:34 前置作業
14:14 組件component
25:22 JSX
38:53 JSX中的陣列
46:10 React裡的條件判斷
54:07 props
1:03:06 state
1:12:01 實作todo專案
額外資訊:React 是一個陳述式、高效且具有彈性的JavaScript函式庫,用以建立使用者介面。它讓你使用小巧而獨立的「component」,來建立複雜的 UI。
#react教學 #react #reactjs #javascript #jsx #component #usestate #nodejs #node #todo #todoapp
#props #vite
Переглядів: 20 794
Відео
1小時Node快速入門 - Node教學
Переглядів 7 тис.10 місяців тому
在這一部影片中,你將會學習到Node.js的基礎知識,例如Node與瀏覽器的差別,Node的內建模組,以及npm等等。 JavaScript基礎教學:ua-cam.com/video/_dIUz-OnLYU/v-deo.html 章節說明: 0:00 什麼是Node.js 3:40 安裝Node.js 6:30 執行Node.js 10:00 模組系統 18:43 內建模組 26:44 http模組 43:14 npm 54:48 nodemon 1:00:31 npm scripts 額外資訊: Node.js 是一個開源、跨平台和允許開發者使用 JavaScript 創造伺服器的工具和應用的執行環境 (run-time environment),讓 JavaScript 不再需要依賴瀏覽器,可以直接在電腦的終端機或是伺服器上直接執行程式碼。 #node教學 #nodejs教學 #...
27分鐘快速了解JSON - JSON教學
Переглядів 2,5 тис.10 місяців тому
這集影片將會完整的介紹JSON是什麼,JSON的語法,以及JSON具體的應用。 JavaScript基礎教學:ua-cam.com/video/_dIUz-OnLYU/v-deo.html 章節說明: 0:00 什麼是JSON 3:23 前置作業 5:33 JSON字串 10:04 JSON的語法 14:22 JSON.stringify() 16:51 JSON檔案 額外資訊: JSON(JavaScript Object Notation),它是一種輕量級的資料交換格式,能使資料更加容易地交換,以純文字為基礎,用來儲存和傳送簡單的資料,讓人容易撰寫及閱讀。我們常常可以在網站、API與資料庫中,看到這個資料傳輸的格式。 #json #json教學 #javascript #json是什麼
JavaScript基礎教學 #09 - 簡易計算機
Переглядів 33310 місяців тому
這集影片我們將會利用JavaScript來建立一個簡單的計算機。 完整版課程:darenge.net/zh-TW/courses/javascript 段落: 0:00 簡易計算機 1:17 prompt()函數 9:42 Number()函數、typeof 14:40 嵌入變數 額外資訊: 本影片是屬於JavaScript的基礎課程。我們將會從0開始,一步一步帶領各位認識JavaScript的核心概念。通過參與我們的課程,您將掌握JavaScript的關鍵技能,包括網頁互動、用戶輸入處理、數據操作等方面。這將為您打開前端開發的大門,使您成為技術世界的一員。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScript #html #css #advancedjavascript #advancedja...
JavaScript基礎教學 #08 - 數字
Переглядів 16711 місяців тому
這集影片我們將會認識JavaScript的數字和常用的數字函數。 完整版課程:darenge.net/zh-TW/courses/javascript 段落: 0:00 數字介紹 3:07 運算子 6:17 NaN 8:16 指數、餘數運算子 10:03 數學函數 額外資訊: 本影片是屬於JavaScript的基礎課程。我們將會從0開始,一步一步帶領各位認識JavaScript的核心概念。通過參與我們的課程,您將掌握JavaScript的關鍵技能,包括網頁互動、用戶輸入處理、數據操作等方面。這將為您打開前端開發的大門,使您成為技術世界的一員。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScript #html #css #advancedjavascript #advancedjavascript...
JavaScript基礎教學 #07 - 字串函數
Переглядів 17811 місяців тому
這集影片我們將會認識幾個常用的JavaScript字串函數。 完整版課程:darenge.net/zh-TW/courses/javascript 額外資訊: 本影片是屬於JavaScript的基礎課程。我們將會從0開始,一步一步帶領各位認識JavaScript的核心概念。通過參與我們的課程,您將掌握JavaScript的關鍵技能,包括網頁互動、用戶輸入處理、數據操作等方面。這將為您打開前端開發的大門,使您成為技術世界的一員。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScript #html #css #advancedjavascript #advancedjavascripttutorial #coding #codingtutorial #softwareengineer #softwar...
JavaScript基礎教學 #06 - 字串
Переглядів 15311 місяців тому
這集影片我們將會認識JavaScript的字串。 完整版課程:darenge.net/zh-TW/courses/javascript 段落: 0:00 單引號字串 3:28 跳脫字元 7:01 反引號字串 額外資訊: 本影片是屬於JavaScript的基礎課程。我們將會從0開始,一步一步帶領各位認識JavaScript的核心概念。通過參與我們的課程,您將掌握JavaScript的關鍵技能,包括網頁互動、用戶輸入處理、數據操作等方面。這將為您打開前端開發的大門,使您成為技術世界的一員。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScript #html #css #advancedjavascript #advancedjavascripttutorial #coding #codingtutor...
JavaScript基礎教學 #05 - 變數
Переглядів 21511 місяців тому
這集影片我們將會認識JavaScript的變數。 完整版課程:darenge.net/zh-TW/courses/javascript 段落: 0:00 變數的語法 11:08 變數宣告與賦值 15:06 變數的名字 18:56 let、var以及const 額外資訊: 本影片是屬於JavaScript的基礎課程。我們將會從0開始,一步一步帶領各位認識JavaScript的核心概念。通過參與我們的課程,您將掌握JavaScript的關鍵技能,包括網頁互動、用戶輸入處理、數據操作等方面。這將為您打開前端開發的大門,使您成為技術世界的一員。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScript #html #css #advancedjavascript #advancedjavascripttut...
JavaScript基礎教學 #04 - 資料類型
Переглядів 20811 місяців тому
這集影片我們將會初步認識JavaScript的資料類型和注釋。 完整版課程:darenge.net/zh-TW/courses/javascript 段落: 0:00 字串與數字 4:20 布林值 6:36 注釋 在這個課程中,我們將從JavaScript的基本概念開始,逐步引導您進入更高級的主題。我們將通過實際編寫代碼、解決實際問題,使您能夠真正掌握這門語言。無論您是初學者還是希望提升技能的開發者,這個課程都將滿足您的需求。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScript #html #css
JavaScript基礎教學 #03 - console.log()
Переглядів 30811 місяців тому
這集影片我們將會認識console.log函數以及開發者工具。 完整版課程:darenge.net/zh-TW/courses/javascript 段落: 0:00 開發者工具 2:38 console.log() 9:44 live server 額外資訊: 本影片是屬於JavaScript的基礎課程。我們將會從0開始,一步一步帶領各位認識JavaScript的核心概念。通過參與我們的課程,您將掌握JavaScript的關鍵技能,包括網頁互動、用戶輸入處理、數據操作等方面。這將為您打開前端開發的大門,使您成為技術世界的一員。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScript #html #css #advancedjavascript #advancedjavascripttutoria...
JavaScript基礎教學 #02 - 基礎語法
Переглядів 43311 місяців тому
這集影片我們將會介紹JavaScript的基礎語法。 完整版課程:darenge.net/zh-TW/courses/javascript 段落: 0:00 JavaScript基礎語法 20:12 外部JavaScript 額外資訊: 本影片是屬於JavaScript的基礎課程。我們將會從0開始,一步一步帶領各位認識JavaScript的核心概念。通過參與我們的課程,您將掌握JavaScript的關鍵技能,包括網頁互動、用戶輸入處理、數據操作等方面。這將為您打開前端開發的大門,使您成為技術世界的一員。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScript #html #css #advancedjavascript #advancedjavascripttutorial #coding #co...
JavaScript基礎教學 #01 - 基本介紹
Переглядів 63611 місяців тому
這集影片我們將會初步認識JavaScript。 完整版課程:darenge.net/zh-TW/courses/javascript 段落: 0:00 JavaScript介紹 5:35 下載vscode 6:11 HTML、CSS、JavaScript的區別 額外資訊: 本影片是屬於JavaScript的基礎課程。我們將會從0開始,一步一步帶領各位認識JavaScript的核心概念。通過參與我們的課程,您將掌握JavaScript的關鍵技能,包括網頁互動、用戶輸入處理、數據操作等方面。這將為您打開前端開發的大門,使您成為技術世界的一員。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScript #html #css #advancedjavascript #advancedjavascripttu...
2小時JavaScript基礎教學 - 從入門到進階
Переглядів 1,8 тис.11 місяців тому
在這集兩小時的影片中,我們會從零開始,逐步向各位介紹JavaScript的基礎知識以及核心概念。 完整版課程:darenge.net/zh-TW/courses/javascript 章節: 0:00 JavaScript介紹 8:09 基礎語法 32:43 console.log以及開發者工具 48:35 資料類型 58:51 變數 1:24:12 字串 1:36:38 字串函數 1:51:08 數字 2:05:35 簡易計算機 在這個課程中,我們將從JavaScript的基本概念開始,逐步引導您進入更高級的主題。我們將通過實際編寫代碼、解決實際問題,使您能夠真正掌握這門語言。無論您是初學者還是希望提升技能的開發者,這個課程都將滿足您的需求。 #JavaScript #程式設計 #前端開發 #網頁開發 #技術教學 #基礎課程 #JavaScript課程 #開始學習JavaScrip...
3小時CSS基礎教學 - HTML&CSS入門
Переглядів 12 тис.Рік тому
哈囉大家好,在這支3小時的影片中,我會跟大家介紹CSS的基本知識。 2小時HTML基礎教學:ua-cam.com/video/5O5faCMwDB0/v-deo.html 章節說明: 0:00 什麼是CSS 2:39 CSS基本語法 11:40 按鈕一 26:02 按鈕二 37:28 按鈕三 55:04 CSS特效 1:17:32 外部CSS 1:27:30 盒子模型 1:29:28 display屬性 1:37:19 權重 1:43:20 div元素 2:05:06 flexbox 2:25:14 nested flexbox 2:33:24 flexbox實作 html, html教學, html教程, html入門, html初學者, html基礎, html編程, css, css教學, css教程, css入門, css初學者, css基礎, css編程, htmlcss教...
CSS基礎教學 #14 - flexbox實作
Переглядів 962Рік тому
哈囉大家好,在這一支影片中,我們會實作一個flexbox的卡片。 章節說明: 0:00 卡片輪廓 2:13 左右區塊 6:26 flex屬性 8:37 卡片陰影 9:35 卡片邊角 12:02 卡片分隔線 13:21 左邊區塊 19:33 右邊區塊 27:21 結束 #css #css教學 #css教程 #css入門 #css初學者