iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
2
Modern Web

For 前端小幼苗的圖解筆記系列 第 1

《For 前端小幼苗的圖解筆記》參賽宣言

  • 分享至 

  • xImage
  •  

首次挑戰鐵人賽,不囉嗦,首發直接上目錄&自我介紹!

《For 前端小幼苗的圖解筆記》

Day About Subject
01 Author 關於《For 前端小幼苗的圖解筆記》
02 Editor CodePen / VS Code 常用快速鍵
03 Editor VS Code 實用插件 / 主題插件
04 Git Git 基礎觀念
05 Git Git 初始設定
06 Git Git 實用情境
07 Git Git 常用指令表
08 HTML 關於 HTML
18 HTML HTML Table
09 CSS CSS 元素置中的 N 個方法
10 CSS CSS Selectors 選擇器
11 CSS CSS 預處理器 Sass (上)
12 CSS CSS 預處理器 Sass (下)
13 CSS CSS 定位屬性 Position
17 CSS CSS 排版屬性 Flex
20 CSS CSS RWD 格線系統
23 CSS CSS Translate & Transition
24 CSS CSS Animation
14 JavaScript JS 基礎語法 / 資料型態
15 JavaScript JS 宣告 / hoisting / function
16 JavaScript JS DOM 操作 & 陣列操作 for / map / each / reduce / filter / find
21 jQuery jQuery 基礎語法起手式
22 jQuery jQuery Slideshow
25 Ajax Ajax 以 GET 方法串接 API 資料 ( 以 JSON 為例 )
26 Ajax Ajax 將取得的 API 資料應用於頁面中 ( 以 JSON 為例 )
27 Vue.js Vue.js 基本常用語法範例
28 Vue.js Vue.js 實作 - To Do List 一眼瞬間版(上)
29 Vue.js Vue.js 實作 - To Do List 一眼瞬間版(下)
20 Author 心得 轉職工程師的內心戲
30 Author 《For 前端小幼苗的圖解筆記》完賽!

雖然知道前端三大重點(HTML / CSS / JavaScript)的基礎入門鐵人賽主題已相當多,仍想以自己的方式去詮釋一遍,藉此重新深化自己的開發基本功,將一些學習盲區給爬梳清楚。

大致上寫文的方式會重點式的概念陳述,不會細節到每一個步驟手把手詳列,希望能較類似於學習地圖的效用,讓前端新手讀者能抓到些關鍵字及重點去自行練習、爬文深入探究。

希望最後留存在這的系列文章能夠真正幫助到剛入坑前端的新手們,也歡迎路過的各路大大們能給予各種指教與交流,技術文若有寫錯的觀念也敬請留言指正協助勘誤,感激不盡!


以上為主題內容,以下為筆者相關,對本人沒興趣的可直接跳過了 XD


關於 Eudora

let author = {
    name: 'Eudora',
    gender: 'female ',
    position: 'Frontend Developer',
    skill: ['JavaScript','CSS','HTML','Git'],
    age: 18                           // +N
}

↑ 每篇都硬要有程式碼的概念

2020 年初離開了待四年多的傳產公司,到某學院參加了主打轉職的全端培訓營,歷經各種心情轉折(懷疑人森),在年中如願於某軟體公司任職前端工程師。

目前工作還處於兢兢業業的菜鳥戰鬥戒備狀態。邊工作持續點擊技能樹中,時時刻刻調整自己的工作與學習心態。
認為生活如同軟體開發一樣,是一個持續修正與優化的過程--修心、修性、修思維、修技能。

Eudora x 鐵人賽

《原子習慣》一書提醒了我,想達成目標,比「計畫」更重要的是「動機」--「為何而做?為了改變什麼?為了想得到什麼?」

故首篇也來問問自己:「為什麼參加鐵人賽?」(順便充版面

  1. 自我爬梳
    檢視過往的程式筆記,總有些模糊地帶的學習盲區,趁著這次強迫寫作去逐一釐清。

  2. 互相 (傷害) 激勵
    現實中認識的工程師朋友們也參賽了,一起共同成長!

  3. 社群交流
    發現技術社群交流也是一件頗為重要的事,以往習慣默默潛水的我,透過這次鐵人賽來感受一下社群氛圍囉。

  4. 找回網路創作的手感
    多年前曾經熱愛經營部落格分享生活及散文創作,後來因為某些原因不再書寫。哎~來從不用這麼走內心戲的技術文章發表開始練習好了!

  5. 冒牌者症候群
    看似順利轉職成功的我,冒牌者症候群的症狀卻似乎更深了…
    只好邊調適自己的心態也同時持續做些什麼來提升自己的技術及自信。就從鐵人賽開始吧!


ps.不知道過程會發生怎樣的意外(生不出文/改變想法/來不及/不小心把草稿當作送出就洗洗睡),如果斷賽了就……再候補啦!總有一天能寫完的嘛~
有些事情就佛心看待、佛系操作吧!畢竟人生已經是這麼的不容易了啊!(茶)

好了~關於個人的三兩事與內心戲大概只會在這篇及最後一篇出現,明天開始發的都是純純 der 技術文啦!本系列文章內容將再陸續另外整理至我的個人部落格,歡迎來晃晃~


舒適好讀版 ▶ #01-iT邦幫忙鐵人賽 參賽宣言 - The way forward|Eudora


下一篇
[Editor] CodePen / VS Code 常用快速鍵
系列文
For 前端小幼苗的圖解筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
小菜
iT邦新手 3 級 ‧ 2020-09-16 08:47:43

Eudora iT邦新手 4 級 ‧ 2020-09-21 00:16:01 檢舉

推!

0
小碼農米爾
iT邦高手 1 級 ‧ 2020-09-17 01:00:20

加油加油!! 這篇感覺好熱血~

Eudora iT邦新手 4 級 ‧ 2020-09-21 00:15:52 檢舉

(喲XD 發現你走在自己的時程~~!!)
也加油加油!!!

哈哈哈 /images/emoticon/emoticon16.gif

0
YUAN
iT邦新手 3 級 ‧ 2021-06-17 09:04:43

感謝Eudora整理前端知識~

P.S:
程式部分 作者(author)那邊是不是少打一個英文字XD

Eudora iT邦新手 4 級 ‧ 2021-06-17 10:30:49 檢舉

真的欸~謝謝XD

我要留言

立即登入留言