iT邦幫忙

2025 iThome 鐵人賽

DAY 30
0
Modern Web

前端迷走中:從零開始的新手之路系列 第 30

[Day 30] 結語──未完待續的迷走之旅

  • 分享至 

  • xImage
  •  

前端迷走中

三十天說短不短,但也沒多長。一轉眼,就來到鐵人賽的最後一天了。

這一個月就像「前端迷走中」這個標題描述的,是充滿變數的曲折旅程。
可能路途巔頗,出乎意料的難走。也可能一不小心就迷路,要來回幾次才能走出死路。

雖然當初會取這個名字,有部分就是知道可能會這麼發展,但最終貌似也成了某種自我實現預言。

原本想說,可以介紹完CSS的Flexbox跟Grid,結果到了第十六天還卡在HTML。
雖然後來直接轉進CSS,試圖追趕進度,但又卡在選擇器跟Cascading,最後連Box Model都還沒提到 ( ̄▽ ̄)

過程煎熬,但也不賴

進度落後的原因,主要是之前沒有寫過這類技術文章,低估寫作需要花費的時間。
或者反過來說,是花了太多時間在寫作上。

由於主題是不熟悉的領域,寫文章時總會不斷的自我懷疑。擔心自己寫得不夠精確、解釋得不夠清楚......
經歷反覆修改,好不容易產出內容後,還需要思考文章要下什麼標題,才能反映技術的特性,同時又不會顯得太死板。

所以總是要拖到壓線才發文,也越來越怕會不會有一天真的寫不出來。
但發文後,還是會默默開心自己又撐過了一天~~
(即使開心沒多久,又得急著處理明天的文章 QQ)

後來為了專心寫作,不得不放下其他事情,某種程度上可說是與世隔絕。
不過當自己心無旁騖,專注在寫作,暫時不去想其他事情時,心境也意外的平靜了起來。

為免文章內容出錯,這次鐵人賽也試著讀起規範。
即使常常要來回閱讀好幾次才看得懂,但還是給了自己一些信心。
(雖然規範的篇幅真的多到看不完)

總結來說,是不會後悔,或許還會有些懷念的經驗。

感謝的話

這次能夠順利完賽,要感謝好想工作室。

特別是這段期間,分享經驗、提供建議,鼓勵我們的學長姐。

也要感謝其他夥伴的陪伴與支持。

感謝的話說完,用目錄來回顧這三十天做了什麼吧。

目錄

前言、結語

HTML

入門

語法:

基本組成:

網頁佈局:

容器

語意化結構元素:
包括<header><nav><main><article><section><aside><footer>

通用容器:
就是指<span><div>

各種內容

文字樣式、段落、標題、換行、分隔線:

連結:

清單:

表格:

圖片:

引文、程式碼:

CSS

入門

載入方式、語法:

選擇器

各種選擇器:

選擇器的搭配使用(And、Or跟組合器):

選擇器的優先順序:

Cascading

分成七個步驟:

屬性值處理

分成六個步驟:

通用屬性關鍵字與all屬性:

真.結語

雖然這段期間接觸了選擇器、Cascading、屬性值處理,不過這還只是前菜而已。我的切版之旅,才正要開始~~

也許未來還會迷走一陣子,但還是先恭喜自己完成鐵人賽吧。

https://ithelp.ithome.com.tw/upload/images/20251014/20116445gaygIgu1xi.png

也請Javascript等等,我不會忘記的要回去修改你的 ^ ^

感謝讀到這邊的各位。
如果有任何疑問,或想交流討論,也歡迎大家留言~
https://ithelp.ithome.com.tw/upload/images/20251014/20116445cPtzOHkrDi.jpg


上一篇
[Day 29] 讓屬性繼承、重置與回溯──CSS 屬性關鍵字 inherit、 initial、unset、revert、revert-layer
系列文
前端迷走中:從零開始的新手之路30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言