PIXNET Logo登入

文科少女學程式

跳到主文

誰說文科腦沒辦法寫程式!快跟我一起用文科腦學程式吧!

部落格全站分類:數位生活

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 5月 21 週四 202013:59
  • 【課程學習心路歷程】DOM讓文科少女進化中?


阿母!!我撐過來了!!!
我打過DOM地下城第五層了!!
對!這其實是學習心得,不是什麼遊戲破關心得~
終於完成學習2-1的課程了!
(其實還有讓人不想面對的挑戰題,我保證這禮拜我會努力觀摩同學作業至少把它翻譯完成QQ)
現在就讓我將我四週的心路歷程分享給大家
(照片是我挑燈夜戰,終於有進展的的紀念照)
先以心理變化來看的話,大概是這樣:
興奮->有自信->小沮喪->重拾自信->自我懷疑->重拾自信->心累->有成就感
光看心理變化,應該就可以感受得到這四週我有多崩潰XD
學期一說真的對現在的我來說就只是小菜一碟,好像用膝蓋也寫得出來(誤)
為什麼一開始很興奮且有自信?
第一週的前半段的課程內容其實有點像在複習學期一,所以在課程正式開始之前,可以提前預覽課程內容時,
我大概就知道自己可以平順度過這一週,也不太會有鬼打牆的時候,所以在正式開始上課時,其實非常興奮,
想要快點展開課程,實際上也真的是如此,前半段真的順到覺得自己好棒棒XD
小沮喪的情緒讓我拉回現實
雖然說前半段很順,但是一到新東西,又開始讓我卡卡了!
這個讓我感到小沮喪的東西就是function,不過因為第一週有線上工作坊,
可以即時從助教那裡得到答案,也可以從每位同學問的問題再更釐清自己的想法是否正確,
所以雖然目前依然不熟練,但小沮喪完之後,很快我又振作起來了!
而這個小沮喪也讓我再次認知到,我其實還不夠厲害,還有很多需要努力的空間,不可以因為懂學期一的東西就自滿。
第二週回到HTML的世界,對我來說也變得比較沒那麼困難,所以也是又順順地度過這一週。
而且這週學到的東西剛好呼應到當下工作內容碰到的問題(公司找外包做的網頁出爐了,
但是RWD沒做好,而工程師卻用很糟的理由打發我們),雖然並沒有硬和對方爭是他們技術出了問題,
但也因為自己對於這部分稍微有了解,所以有跟老闆說明過這樣的問題,是有可能排除的,
不像對方說的那樣。就這樣雖然我還沒學出師,但還是把自己學到的東西派上用場了!
在自我懷疑中成長
不過好景不常,第三週出現了大魔王DOM(學習的時候內心大喊了好幾次該死的똥)…
老實說前面的課程,我真的看一兩遍就可以懂是什麼道理,但是DOM這個東西我看了課文後,
反覆看了好幾遍還是有看沒有懂。特別是從U49開始,我開始進入懷疑自我的階段,
加上看到已經有人陸續交作業了,更是對自己產生巨大的懷疑,因為其他人都會,為什麼我就是學不會...
可是自己仔細想想,我怎麼能這樣放棄,那接下來2-2、2-3,甚至是學期三不就更慘?
於是我就拿起翻譯精神翻譯課文中那些讓人頭暈的程式碼練習了,在一段一段地翻譯後,
我似乎懂了一些概念和用法,又陸續完成了幾份作業,這一次我又再次重拾一些信心了!!
在期末考的挫折中進化
最後一週的期末考週也是讓人煎熬了好一陣子,
禮拜一早上一點進lighthouse就內心就驚呼「哇嗚~內容不多耶,應該可以很愉快吧?」
好,事實證明我錯了,當我打開技術驗收題組時,我崩潰了~~~~
明明寫的都是中文,但我卻一個字也看不懂,可能也是因為我不想面對吧?
但是測驗題還是必須完成才可以,而且要自己想辦法完成,沒辦法觀摩同學的答案了。
我再次瀏覽題幕後,選擇先從第二題下手,想了好一陣子沒有進展後,
就開始用關鍵字查網路上的資料,才終於大概有個方向,原本以為會很順,
結果卡在最後一個檢查的句子,要挑出第一個最長的單字...然後我又卡關了。
大家可能以為這樣的過程只花了兩三個小時,甚至是更短。你們錯了,這也是讓我最崩潰的地方,
光這樣的進展就花了我超過半天的時間了,然後又看看題目上面寫著「預估需要花5小時」,
我真的覺得心好累也好挫折,也開始自我懷疑,別人三題花五小時,我一題就花五小時,而且還沒解出答案…
「難道文科腦,真的沒資格成為工程師嗎?」
為了完成測驗題,這題卡關後,我又回到第一題,
心想換個口味寫,應該會比較順利吧?設定HTML標籤應該是最愉快的部分了,
因為大概用一下,就有一個看起來像樣的版面出現了!不過DOM大魔王又再次出現了!
又想了一陣子後,還是沒結果,於是開始用關鍵字查了資料,其實有找到別人分享這題要怎麼做,
但是他做的是進階版本,我想先做基礎版本就好,所以看完後,只是大概知道他的概念和方向。
寫了一陣子後,自己又卡在要怎麼用DOM改CSS屬性,接下來又開始查資料,
然後題目沒解完一天又差不多過去了。這一天真的很煎熬,因為進展只有一點點,
還寫題目寫到頭超級暈,非常不舒服,只好隔天再戰!
第二天傍晚開始有超前的進展,這個大進展也讓我第二天寫題目寫到晚上12點才願意上床睡覺,
不過閉上眼仍然在思考第二題卡關的部分怎麼做,閉上眼想,還真的讓我想出可能的解法。
第三天一打開電腦就趕快試試看我閉上眼想到的解法,就這樣咻咻咻~完成!
第一題也咻咻咻~完成!第三題花了點時間想,也花了點時間查資料,但是還是比前兩題順,
可能是有自信了吧?終於在第三天順利把三題問題寫完啦~~
本來還想去請教身邊的懂程師的朋友,但是沒想到自己居然自己查資料查到解決問題了!
我想這也算是一種進化吧?雖然要學的東西還很多,自己的確也對目前學得東西不夠熟悉,
還有很長的路要走,不過在這樣跌倒又站起來的過程中,自己似乎也越挫越勇了~
在前端學習的冒險路途,還沒結束,還會繼續前進。
雖然不確定自己會挑戰到哪個階段,但我還是會繼續把握及享受每個可以學習的機會:)
接下來我還會繼續優化自己的學習心態及學習方式,
即使沒有辦法真的成為一位工程師,也期許自己成為一個認真學習及努力的人~
這次的學習過程我想感謝你們
這四週我想感謝Alpha Camp的各位助教,總是耐心地回答我們的問題,
即使我有時候會問一些看起來很蠢的問題,也很感謝助教特別幫我們安排線上工作坊,這對我真的是一種很大的幫助。
最後還要感謝我偉大的室友,願意支持我走上這條路,當我拿完成品給他看時,
還會很配合地出現覺得神奇和覺得厲害的表情,讓我成就感十足XD
感謝大家^^
(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(0) 人氣(136)

  • 個人分類:關於學習的心路歷程
▲top
  • 5月 09 週六 202009:00
  • 【前端新手日記】CSS的row?column?傻傻分不清楚

image
前陣子在練習CSS的Flexbox和Grid的時候,
發現自己對row和column的辨認有盲點
(可能我方向感太差?),
所以就特別寫了這篇,希望也可以幫助到遇到相同情況的朋友!

這次重點放在row和column的區分,
但為了說明可能會提到flexbox和Grid,
不過暫時不針對CSS的flexbox和Grid深度說明喔!

(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(0) 人氣(6,271)

  • 個人分類:前端新手村
▲top
  • 5月 03 週日 202009:25
  • 【JavaScript萌新筆記】while迴圈練習題 - 限制10次內猜對數字的練習

image
這次是作業完成紀錄。
作業主題是限制10次內要猜對數字
花了好一陣子才解出正確答案!!!
(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(0) 人氣(990)

  • 個人分類:JavaScript初體驗
▲top
  • 5月 02 週六 202009:22
  • 【JavaScript萌新筆記】迴圈for & while loop,當...就...的句型


拖了好多天,來還債了(誤)
這部分一樣是電腦語言翻譯學堂
也是一個非常常用的句型喔~
但是跟條件句型相比,稍微有一滴點點點複雜,
不過因為是基本句型,還是得讀透學熟。
(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(0) 人氣(184)

  • 個人分類:JavaScript初體驗
▲top
  • 4月 24 週五 202008:46
  • 【新創人森紀錄】什麼是新創公司?成為元老級員工初體驗


前幾次都是紀錄自己的黑白待業生活
但這一週不一樣了
因為我已經上工啦~雖然不是我一開始想去的地方,
但是後來想想也許去其他地方,實際上的狀況可能也沒有我想像中來得好。
至少我現在的上班狀況,不算都在我掌控之中,
但是時間上算是非常自由,是以遠端上班為主,
省去通勤時間和車費就是開森啦~~~~
只是每天都要被我家的臭屁毛打擾,會有點煩而已= =
附上一張屁毛照,療癒一下大家的身心靈~~~
明天又要上班了!大家加油~我也要加油~
(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(0) 人氣(229)

  • 個人分類:新創人森紀錄
▲top
  • 4月 20 週一 202023:03
  • 【黑白的待業人生】最後一波面試心得-老實告知前工作薪水是高薪是錯誤的決定

開頭先從結果開始說起好了!
最後一波的面試結果已經出爐,而我也已經決定何去何從~
(其實今天已經開始上工了XD)
只能說這段期間的面試讓我對很多公司都大開眼界,也遇到了很多神奇的事情~
這幾次面試學會的事情-盡可能不要隨便暴露前份工作的高薪資紀錄
這幾次面試時,偶爾會遇到對方公司詢問前一份工作的薪資,其實前一份工作的薪資算是同產業偏高的薪資,但是會比較高也是因為前一份工作是外商,需要用到韓文,然後一部分也是一開始調薪時,也受到主管的賞識,加了不少薪水,所以在後期就一直維持滿高的月薪。
(我真心感謝那位主管這麼看好我,但是小女子我已經沒有能為公司奉獻的地方,所以選擇離開。)
大多數的公司聽到前一份工作的薪水,再看到我開的期望薪資,都會問~
「怎麼差那麼多?」
「
差那麼多你可以接受嗎?」
甚至有這樣的反應...
「
以前薪水那麼高,我們這裡給不了那麼高耶!」
我的反應都是因為是不同產業,(這些產業真的都不是我原本熟悉的產業)所以薪水有調整我認為很合理。
但是也許大家都覺得我很怪,怎麼跑來薪水低很多的公司上班,所以好幾間公司就算談得很開心,但卻都沒有進一步的消息。
甚至有公司是直接說「考量到薪資,所以...」
神奇的是這間公司我並沒有要求要多高的薪水,我只說我有看到徵才網站上的薪資範圍,我知道是哪個範圍,就這樣因為薪資,可能再加上我也沒同產業經驗,而發了我一張好人卡出局!(哭...)
其實我不知道為什麼不能把我當作有一點點經驗的菜鳥看待,然後給我他們正常的薪資就好,因為有一點經驗給個30k、32k,其實我很可以接受,也或者是說大部分的公司其實心中渴望的是用26k請到十項全能???
 
(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(0) 人氣(276)

  • 個人分類:黑白的求職之路
▲top
  • 4月 15 週三 202016:31
  • 【黑白的待業人生】似乎有一絲絲光芒出現...

距離前一次紀錄待業心情已經過了差不多有一個月了...
老實說現在雖然還是一樣慌張,但比較不慌了(有嗎???)
也許是也順利接到了幾個小案子,
可以開始用自己的能力賺一些生活費了XD
(雖然還不足以成為一個月正常的薪水ㅠㅠ)
好啦!回歸正題,為什麼開始有一絲絲光芒出現呢?
除了這陣子開始安排了不少面試外,
主要是我也透過這幾場面試發現了幾間自己覺得不錯的公司。
(雖然昨天某間發我好人卡了~淚崩...)
 
(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(0) 人氣(114)

  • 個人分類:黑白的求職之路
▲top
  • 3月 31 週二 202020:13
  • 【JavaScript萌新筆記】條件判斷if,如果...就...的句型

今天來到了條件判斷的部分!
當初學這一課的時候,一直有種翻譯的感覺,
不過是要把人類說的話,變成電腦會懂得話,還滿有趣的,
廢話不多說,直接看下去!
(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(1) 人氣(124)

  • 個人分類:JavaScript初體驗
▲top
  • 3月 20 週五 202007:44
  • 【黑白的待業人森】煩躁憂鬱的開始...

現在跟我說「當初就叫你找到工作再辭職,你就不聽」
就如同跟憂鬱症的人說「你就是不知足才會生病,做人要看開一點」一樣...

今天暫時把程式複習放一邊,來說說自己的黑白待業人生....
距離離開前一間公司已經一個月又一個禮拜了。
在前三個禮拜因為規劃好要上AC的前端課程,每一天都專注在課業上,
也就沒有太多胡思亂想的時間。
當然也是因為自己不知道哪來的自信,一直覺得以之前的工作經驗,
要找個至少三萬出頭的工作應該很簡單吧...
(都是找跟之前工作內容相關的行銷、文案、小編工作)
所以前三個禮拜大概只丟了兩三間自己有興趣的公司...
殊不知,原來我在前公司累積下來的經驗,根本不符合市場需求,
也就是說,我以前真的過得太幸福了。
也應證了一件事,就是以前每天看似做了很多東西,但其實真的只是在瞎忙。
而黑白的惡夢也就從這個時候開始...
AC第一階段的課程結束後,我就開始馬不停蹄地修改履歷&投履歷。
到目前為止投超過15封履歷,幾乎全部都被公司讀取了,
但實際回應的卻只有兩間...
不誇張,真的只有兩間,這兩間都有去面試了,一間確定沒錄取,
另一間則是面試後沒有進一步的消息。
因為都沒有消息也不是辦法,這幾天又開始思考是否要來接接翻譯兼職,
打開接案網站後,已經過了三天左右,結果!!!
登登...一片寧靜,一樣!找~不~到~
所以也就是說我還沒為我的人生找到出路,這也讓我開始陷入憂鬱階段...
這陣子我總是樂觀的安慰自己...
「趁著這個年輕趕快跳出舒適圈是好事,總比等到七老八十才被公司淘汰,
才發現自己以往的經歷什麼都不是,才發現自己已經跟不上外面的世界來得好,
因為自己至少還有重新開始的體力和時間,生命會找到自己的出路。」
但也會悲觀的懷疑自己...
「都這把年紀了,一事無成,還自以為自己很有才華,就隨便丟了薪水不錯的工作,
真的有夠白癡,我到底是懷才不遇,還是我根本什麼才都沒有,整個廢到不行,
我多麼希望我能一覺不醒。」
當心中的天使與惡魔爭吵完畢後,又開始重新振作,進入學習狀態。
唸英文-->學行銷-->寫文章或複習JS
唸完書又開始進入天使與惡魔的爭吵,就這樣不斷重複循環著。
我擔心的除了經濟外,還有自己的未來發展,但是這就是現實,
事實就是我已經這把年紀,卻還不夠優秀,還不夠好。
現在我仍然在努力中,仍然沒有放棄。
我無法把心中的小惡魔除去,讓牠不要出現在我腦海裡,
但我可以轉個念用學習讓小天使出現的次數多一點。
黑白的待業人森究竟會到何時結束...我的生命何時可以找到出口...
沒有人有答案,能做的只有繼續努力向前走下去!

從來沒想過有一天我會這麼想要去上班,老天爺!請你賜我一個工作~~
 
(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(2) 人氣(269)

  • 個人分類:黑白的求職之路
▲top
  • 3月 19 週四 202014:14
  • 【JavaScript萌新筆記】資料管理結構 - 物件(object)的存取方式

image
之前已經有複習過陣列(array),今天來複習物件(object)。
物件是有名字但沒有順序的資料管理結構,所以在操作物件時,就需要知道key是什麼,key也就是資料的名字。
至於陣列的話,因為它沒有名字,但是有排序,所以則是用它的排序把資料取出。
宣告物件
一樣開頭先來看看要怎麼宣告一組物件。
這邊一樣先從const或let開始,接著寫出想要幫這組物件取什麼名字,
再來用{ }符號把陣列資料給框起來。
因為物件裡面的資料會有名字,所以這裡有個跟陣列比較不同的地方,
那就是每個資料都要用key做標示,也就是標上名字。
變成是{key: value}這樣的呈現方式。
實際上就會變成這個樣子,以下這樣的狀況,用文字來說明也就是
addessBook這個物件資料裡有name、age、phoneNumber、hobby這幾個屬性。
取出物件資料
想取出物件資料的話,一樣也要先打出物件的名字,告訴電腦我們要的是哪個物件,接著用 .屬性名稱(key),指定要取出哪一個屬性的內容。
注意!
如果需要用變數來取得其中一個屬性的值,就會需要用[變數]來取得,例如下圖這樣。
更新物件內容
接下來看看要怎麼更新物件各屬性的內容。
(繼續閱讀...)
文章標籤

文科少女寫程式 發表在 痞客邦 留言(0) 人氣(282)

  • 個人分類:JavaScript初體驗
▲top
«1...101112»

個人資訊

文科少女寫程式
暱稱:
文科少女寫程式
分類:
數位生活
好友:
累積中
地區:

熱門文章

  • (990)【JavaScript萌新筆記】while迴圈練習題 - 限制10次內猜對數字的練習
  • (196)【JavaScript萌新筆記】資料管理結構 - 陣列(array)的存取方式
  • (27,145)【JavaScript萌新筆記】console.log到底是蝦米東東?
  • (739)【前端新手日記】網頁開發必學!排版神器CSS-Flexbox
  • (229)【新創人森紀錄】什麼是新創公司?成為元老級員工初體驗
  • (6,271)【前端新手日記】CSS的row?column?傻傻分不清楚
  • (107)【JavaScript萌新筆記】「事件迴圈 Event Loop」學習筆記
  • (152)【課程學習心路歷程】這一個月的學習回顧-ORID
  • (85)【新創人森紀錄】五個月後的新創職場心得 - 新創不是人人都做得了
  • (1,367)【前端新手日記】我就廢-自我挑戰紀錄:模擬電腦桌面

文章分類

toggle 打工仔人森 (3)
  • 菜逼八工程師心情雜記 (9)
  • 新創人森紀錄 (2)
  • 黑白的求職之路 (6)
  • 社群學習 (3)
  • LeetCode刷刷 (4)
  • 其他領域學習筆記 (5)
  • 抱佛腳學前端 (2)
  • 菜鳥Git學習筆記 (1)
  • 亂亂寫程式筆記 (15)
  • 關於學習的心路歷程 (4)
  • JavaScript初體驗 (23)
  • 前端新手村 (36)
  • 未分類文章 (1)

最新文章

  • 【JavaScript 萌新筆記】JavaScript 模組系統 - CommonJS 和 ES Module
  • 【前端新手日記】Tree Shaking 也許沒有真的 shaking 起來
  • 【前端學 Docker 】 不是圖片的 image- Docker Image
  • 【亂亂寫筆記】詐騙案例 - 用你信箱寄信警告信箱被盜用
  • 【前端新手日記】網頁渲染模式 - SSG、ISR
  • 【前端學 Docker 】 從認識 Container 開始
  • 【前端新手日記】網頁渲染模式 - CSR vs SSR
  • 【亂亂寫筆記】VS Code - ESLin 應出現的警告提示未顯示
  • 【JavaScript 萌新筆記】JavaScript 的內部插槽 (internal slots) 和內部方法 (internal methods)
  • 【前端新手日記】React Component - <Component />及Component()的寫法差異及效能優化技巧

動態訂閱

文章精選

文章搜尋

誰來我家

參觀人氣

  • 本日人氣:
  • 累積人氣: