一路成長：HTML 基本說明
in一路成長：我的前端工程師學習之旅

一路成長：HTML 基本說明

驢子 12月 29, 2023

作者 - chatGPT HTML：網站的骨架 網頁的基本結構 HTML（超文本標記語言）是構建網頁的基礎，它確定了網站的結構和內容。當一個網頁只包含 HTML 結構時，它會展示所有元素，但缺乏額外的樣式或互動功能。這意味著文本、鏈接、圖片等會以瀏覽器的預設樣式顯示，沒有額外的顏色、排版或動畫效果。這就是網站最基本的形態。 HTML 元素 HTML 的核心是一系列元素，由開始標記和結束標記定義，如 <div></div>。有些標記，如 <img/>，是自閉合的。這些元素具有各種屬性，用以描述它們的功能和特性。 元素類型 Block Elements：這類元素通常佔據整個容器的寬度，形成一個“塊”，並在視覺上從新行開始和結束。例如：<div>， <p&g…

閱讀完整內容
一路成長：學習前端前選擇合適的工具與插件
in一路成長：我的前端工程師學習之旅

一路成長：學習前端前選擇合適的工具與插件

驢子 12月 02, 2023

作者呆呆圖 - chatGPT 在正式踏入前端開發的學習之前，選擇合適的編輯器是關鍵的第一步。我強烈推薦使用 Visual Studio Code（VSCode），這款編輯器不僅是新手友好，連資深開發者也常用。憑藉其廣泛的套件支援和靈活性，VSCode 幾乎能滿足所有開發場景的需求。不過，初學者在剛開始時應避免安裝過多套件，以免造成不必要的混亂。 首先，下載並安裝 VSCode。作為起點，我建議只安裝一些基本的套件，這些套件主要用於改善界面美觀和進行拼寫檢查。隨著學習的深入，您可以逐步探索更多有用的套件。但記住，一開始不要過度依賴它們，手動操作有助於鞏固基礎知識。 現在你應該還不知道套件是什麼，這間說明一下套件的英文是 extension 而位置是在這個地方，目前你的畫面應該會跟我的不一樣，但只要注意一個四個…

閱讀完整內容
一路成長：什麼是前端開發者？
in一路成長：我的前端工程師學習之旅

一路成長：什麼是前端開發者？

驢子 11月 30, 2023

作者形象圖 - chatGPT 前端開發者，簡單來說，就是網路世界裡的建築師。他們負責構建、美化，以及賦予網站功能。每當你瀏覽網站時，你所見的一切，從簡單的文字到動態互動，都是前端開發者的手筆。 要成為一名前端開發者，你需要掌握三個基本的技能：HTML、CSS和JavaScript。這些技能就好比是建造一棟房子的基礎。 1. HTML  - 網站的骨架 HTML是構建網頁的基礎。它就像建築物的結構一樣，確定了網站的基本布局和內容元素。例如： 這些代碼定義了網頁的基本結構和內容。 目前畫面    2. CSS  - 美化外觀 CSS則用於裝飾這個“建築物”，給它上色，設定尺寸和佈局，讓網頁看起來更加美觀和易於閱讀。例如： 這段代碼就像是給網頁元素上漆，賦予它們色彩和形狀。 目前畫面 3. JavaScript …

閱讀完整內容
一路成長：我的前端工程師學習之旅 - 學習路線
in一路成長：我的前端工程師學習之旅

一路成長：我的前端工程師學習之旅 - 學習路線

驢子 11月 30, 2023

作者風格照 - chatGPT 這個學習路線會可能會不斷更新與變更，方便自己整理知識和初學者學習 什麼是前端開發者？ 學習前端前選擇合適的工具與插件 HTML 基本說明 CSS 和 HTML 之間如何運作 練習切版，並且禁用現在常見方便的屬性 flex grid 為什麼? 因為一開始就用這兩個屬性會影響理解 CSS 基本屬性的邏輯與運用 理解 RWD 開始切版成 RWD，並可以使用 flex 和 grid 進入學習 javascript 學習什麼是變數、函示和什麼是 Dom javascript 怎麼跟畫面互動，怎麼變更的

閱讀完整內容
一路成長：我的前端工程師學習之旅
in一路成長：我的前端工程師學習之旅

一路成長：我的前端工程師學習之旅

驢子 11月 30, 2023

作者示意圖 - chatGPT 從初學者到現在，作為一名前端工程師，我的職業生涯一直是一段持續學習和成長的旅程。在這篇文章中，我想回顧這段旅程，分享我所學到的一切。 當我開始這個系列時，我的主要目的是與過去那個一無所知經歷轉職期的自己分享現在的學習心得。如果能回到過去，我會怎樣引導自己成為一名前端工程師？這不僅是一次自我回顧的機會，也是整理我所學知識的好時機。 這個系列不僅是我知識整理的記錄，也是對那些渴望成為前端工程師的人的一份指南。我想分享的，不僅是技術知識，還有在這個行業成長的心得。 儘管現在前端工程師的需求仍然很高，但市場真正缺乏的是有實際工作能力的人才。的確，對於初入職場的人來說，第一份工作可能難以獲得，但這個領域的機會依然豐富。 通過這篇文章，我希望能夠啟發和指導那些正走在成為前端工程師這條路上的…

閱讀完整內容
[day30][後記] 什麼都略懂一點，生活更多彩一些。
in第12屆iT邦幫忙鐵人賽

[day30][後記] 什麼都略懂一點，生活更多彩一些。

驢子 11月 18, 2020

什麼都略懂一點，生活更多彩一些。 經過這ㄧ系列跑下來，應該有摸索到各式各樣的新東西和新技術了。有辦法自己將伺服器部屬到網路上做使用，擁有了操控mongoDB的能力。知道怎麼建立API將資料庫的東西丟給前端！ 跑過了webpack的自動化編譯流程，玩過了express建立的node伺服器，架設了Vue3的webpack環境，試用了Scss和typescrip、摸過樣版語言、走過vue3的vuexroutes和composition、用到了linebot也複製了bootstrap！ 這裡面一定會有你感興趣的部分，要繼續使用相同架構也會踩到許多的雷。雖然這系列結束了，但這不是真的結束。還有許多需要完成的功能。 像是建立網站程式碼更新後自動刷新功能，可利用websocket（推薦用這個！因為nodemon會自動重啟伺…

閱讀完整內容