Learning journey Online course 學習分享

從零開始,前端技術的學習旅程

從零開始,前端技術的學習旅程

程式語言學習之旅從這裡開始

✔ 你也好奇網站開發的奧秘嗎?

✔ 你也想擁有自己的專屬網站嗎?

✔ 你也是想讓程式碼不再是密碼嗎?

一起來探索程式語言的世界吧!

當充滿好奇心的我遇上這個猶如魔法一般、由一連串數字和指令所打造的網站,對網站開發自然深感好奇,特別是在過去的工作中曾經參與內部網站改版的專案。那段經歷讓我深刻領悟到,網頁的切版不僅是技術,更是一門學問。在機緣巧合下,我發現了一個結合我最感興趣的AI與前端開發的 2023 軟體工程師體驗營,便毫不猶豫地加入、踏上了學習切版的旅程。

回顧這21週,從軟體工程師體驗營一路到網頁切版直播班,從零基礎到能用Figma、Miro畫出Wireframe、能用HTML、CSS、JavaScript和框架寫出動態式網站,對網站開發的好奇心驅使著我持續探索程式語言的世界。這不僅僅是學習一門技能,更是拓展自己的知識面以及提升整合能力、邏輯思考能力、問題解決力和設計感的培養,將好奇心轉化為創造力,將想像力融入現實,為數位世界增添更多色彩,

追溯著網站是如何從一塊空白的虛擬畫布變成令人驚艷的互動平台,從最初的概念、設計到最後的實現,整個過程可以說充滿了謎團和挑戰、甚至是挫折不斷,其中印象最深刻的是在與同學合作從0開始打造的專案中,我們想創造一個共學環境,讓網友們可以一起進到這個空間相互學習與每日打卡追蹤學習進度,所以我們設計了一個線上進修室,並擺上一張張由二個鈍角三角形一個等腰三角形合併而成的金字塔三角形桌子,讓學習者可以自由選擇座位,只要選定座位,位子就會發光,當3個位子都有人坐,整組三角形桌子就會亮起來,沒想到光是切這個三角形桌子就花了大量的時間,嘗試用2D/3D來做、研究了各種角度與長寬比、查遍了國內外網站,搜尋多個關鍵字 ( 例如:triangle, triangular ,pyramid,tetrahedron)、詢問AI,沒能找到可參考的資訊,秉持著堅持,或許學不好;但放棄,絕對學不會的精神,終於成功復刻出心目中的桌子。

image

一部精彩的電影往往需要克服許多挑戰和障礙,人生猶如戲劇,總是起起伏伏。正當我以為將會一帆風順之時,RWD排版的問題又讓我陷入困境,當網頁縮到最小尺寸時,12張三角形桌子直接變成12層聖誕樹。正當我以為三角形桌完成,可以來打造聊天室時,又因為git push-f,開啟另一段血淚史,所幸最終也如同電影一般迎來理想結局。學習網站開發就像是踏上一場冒險之旅,過程中充滿無限的可能,遇到問題時,思考下次怎麼做可以更好,那就是賺到了。這段旅程給了我許多驚喜和成就感,也期待未來能有機會參與打造更多、更棒的作品、 將知識應用到實際專案中。看到這裡是不是也對探索程式語言產生興趣了呢?快打開程式學習地圖開始屬於你的旅程吧!

程式學習免費資源推薦

⛳️ W3Schools ☞ 提供全面的網頁技術開發教學及龐大的程式碼庫

⛳️ CS50x 2023 Lectures ☞ 哈佛大學開設的程式通識課程,內容多元,涵蓋HTML,CSS,JavaScript,SQL與Python

⛳️ 30 days of javascript ☞ 30天JavaScript挑戰

程式學習付費平台推薦

⛳️ 六角學院 ☞ 課程分為錄播影片與在線直播、帶你學到會的線上課程,同時設計多種互動活動、鼓勵同儕相互學習,激發創意火花,還有真人線上助教群在線支援

⛳️ AlphaCamp ☞ 課程以學期制為基礎,透過豐富影片、文字教材與練習,培養主動學習與解決問題的能力,進而發展出「創新精神」

程式學習書籍推薦

📗 金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書) ☞ 可以視為學習書也可以作為CSS常用字典。

📗 0 陷阱!0 誤解!8 天重新認識 JavaScript! ☞ 程式初學者與業界實戰者皆適合閱讀。

程式學習影片推薦

☞ 如何從零開始學程式、五階段策略分享

☞ 挫敗感是學習者必經之路、6個方法助我們戰勝它

comments powered by Disqus
One Dot, One Start | © edieyt 2023-2024. All Rights Reserved.