iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

給前端新手的圖文故事 系列

只要我畫圖畫得夠快,更新壓力就追不上我!
這個主題的主要目標,是藉由盡可能多的圖文說明,來給剛進入前端的新手一個不同的學習體驗,學習過程預計會涵蓋 HTML、CSS與JAVASCRIPT ,並且盡可能寫到 React.js

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文 團隊狗狗與睡袋的產地
DAY 11

如何使用 SCSS 讓我們更輕鬆的工作

其實在概念上,scss 主要的任務就是在幫我們做 css 的管理與維護,並且使用迴圈封裝與一些判斷式,來為我們完成一些平常需要重複處理的部分。 使用 scss...

2023-09-26 ‧ 由 iffyart 分享
DAY 12

JavaScript 基礎概念認知

什麼是 JavaScript? JavaScript 是個跨平台、物件導向(OOP)、函式導向(FP)、輕小型的腳本語言。他有著半編譯的特性,以及獨特的執行模式...

2023-09-27 ‧ 由 iffyart 分享
DAY 13

JS 那些討厭的小東西

變數都去哪了? 變數會被處存到你所依賴的環境上,說白話文就是被存在記憶體裡,在更簡單的來說,就是 JavaScript 會將他放在一個方便找尋且操作的地方,雖...

2023-09-28 ‧ 由 iffyart 分享
DAY 14

了解 JavaScript 基礎邏輯運算

條件判斷與迴圈 <常用條件判斷式> 如果是否則(if ... else) // if (condition) { // } else { 可以不...

2023-09-29 ‧ 由 iffyart 分享
DAY 15

學習如何操作 DOM 與異步概念

The HTML DOM (Document Object Model) 操作 下方是 W3CShool 所提供的圖,他簡單跟我們頗析了網頁的結構,就跟我們之前...

2023-09-30 ‧ 由 iffyart 分享
DAY 16

初步了解物件陣列與物件(Arrays and Objects)

資料結構操作應用 這邊先講一下什麼是資料結構,資料結構(Data Structure)是電腦儲存並組織資料的方式,簡單的來說,就是當資料處存在記憶體中時,決定資...

2023-10-01 ‧ 由 iffyart 分享
DAY 17

數組與對象更多內容頗析

陣列進階操作 從原陣列為基底建立新陣列 map map() 方法會建立一個新的陣列,其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果。 操作方式 arr...

2023-10-02 ‧ 由 iffyart 分享
DAY 18

了解 JSON 以及應用 LocalStorage

JSON 概念 資料的儲存以及傳輸,一直以來都是網路技術所發展的一個課題,如何方便且高效率的傳輸,並在其中涵蓋安全與可操作性等,各種需求使得我們應接不暇,而在過...

2023-10-03 ‧ 由 iffyart 分享
DAY 19

學習 API 請求與陳諾的概念

簡單 api 技術探討 API 是 Application Programming Interface 的縮寫,中文得直譯是「應用程式介面」。單看起來是一個非常...

2023-10-04 ‧ 由 iffyart 分享
DAY 20

暸解 SPA 基礎概念與介紹現今的前端架構

在傳統的網頁設計中,我們更換頁面時會替換 HTML 頁面,這邊可以把網頁想像成一本書,而每翻一頁的行為就是替換一個 HTML Page,另外網頁的操作通常會希望...

2023-10-05 ‧ 由 iffyart 分享