iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

雜學海綿吸呀吸 Dev Diary 系列

參考胡立大大的紮實的網頁前端學習路線與資源推薦,六角學院React讀書會,以及過去鐵人完賽的精選文章。在30天內紀錄自己所學以及是否成長,希望能在30天後上工前學會一些自己想知道的基礎前後端能力。
JS手感: JS30 vanilla 每天一篇 + AJAX → Async → Promise
前端: Vanilla → React → Typescript少許
後端: pHp + codeIgniter/ laravell 少許→ NodeJS + express +- library → ROR(可能時程到不了這邊) 比較三者MVC差別
資安: 看起來很強的後端影片+ 基礎

參賽天數 10 天 | 共 10 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

挑戰30天想學什麼都學起來

搜集了很多篇鐵人賽文章一直沒有好好的把30天都看完,希望藉由今年的鐵人賽做個自我挑戰,好好閱讀/學習/紀錄。主要參考過往的鐵人賽好文,搭配自己有報名的課程(六角...

2022-09-15 ‧ 由 法蘭克 分享
DAY 2

Day1- JS30-01+ React前JS複習+成為後端

JS30 Day 01 DrumKit 利用data-attribute抓到 keycode 再調整CSS attribute selector audi...

2022-09-16 ‧ 由 法蘭克 分享
DAY 3

Day2 - EventListener加強+ 初探React + pHp基本

JS30 Day 02 JS&CSS clock Web dev 了解eventListener event bubbling 後 event ca...

2022-09-17 ‧ 由 法蘭克 分享
DAY 4

Day03- CSS variable, React OOXX, JWT初探, PICOCTF瀏覽

JS基礎 JS30- day03 CSS variable <body> 藉由 data-attribute 自定義單位 data-si...

2022-09-18 ‧ 由 法蘭克 分享
DAY 5

Day04- Array, (JWT複習, pHp), PICOCTF 2017

JS Basic JS30 - Array cardio 01 Array.filter(()=> ) Array.map() Array.sort(...

2022-09-19 ‧ 由 法蘭克 分享
DAY 6

Day05- FlexBox, JWT複習, picoCTF續戰

JS basic JS30 day 5 image gallery 藉由CSS Flexbox達成 <style> .panels {...

2022-09-20 ‧ 由 法蘭克 分享
DAY 7

Day06-

##JS basic JS30- day06- AJX, fetch() const cities =[] fetch(endpoint) -> 返...

2022-09-21 ‧ 由 法蘭克 分享
DAY 8

Day07- Array, laravel, 閱讀其他鐵人賽

JS- basic JS30- Array cardio -2 const isAudit = people.some((people)=> (new...

2022-09-22 ‧ 由 法蘭克 分享
DAY 9

09- Canvas, React 中階閱讀, pHp 續看

JS- basic JS30 <canvas id='draw'/> <script> const canvas = documen...

2022-09-23 ‧ 由 法蘭克 分享
DAY 10

Day09- Chrome Dev Tools,

JS basic JS30-09 tools break on -> attribute modification console.log進階用法 %...

2022-09-24 ‧ 由 法蘭克 分享