iT邦幫忙

2023 iThome 鐵人賽

DAY 30
0
Modern Web

html/css/js的各種操作系列 第 30

[day30]結語和我是如何學網頁的心得

  • 分享至 

  • xImage
  •  

今天是最後一天了,也想不太出甚麼好講的,有幾篇寫的也不是很滿意,因為寫網頁與其教學語法,有實作更是好(個人看法),今天就來分享一下我是怎麼學前端這塊好了,希望對也是剛學習的人來說有所幫助

結構與響應式

我在第一開始就先教網頁的結構,現在由於電腦手機的使用頻率都很高,甚至還有很多大型螢幕導致誕生許多規格尺寸,所以現在寫網頁對於響應式是十分重要的,你的結構用的太爛,響應式就很容炸網頁,再來你只要把物件的結構排的好,對於你排版也會更加輕鬆又美觀

學習方向

寫前端的不只html/css/javaScript三大程式碼環境,還有用vue/react等等不同的環境刻的網頁,但先從三大開始絕對是會比較好,因為老資料多且寫起來也輕鬆,之後再觸碰其他網頁前端環境就會比較知道你在幹嘛。

另外api串接的部分,聽說先從後端開始搞例如python,會比較易上手,不過我自己是從前端往後端學這我就不知道了

怎麼學?

建議開始先去找網路上的一些網頁,不要去找youtube那種要即時更新結合後端的,刻那種例如學校網頁/政府官網一些有的沒的純架構的網頁,先把結構練習好。

再來就是架設虛擬的api,練習串接資料。

基礎打好之後,看是要繼續深入又或是可以試者用別的環境刻看看例如vue/react

擅用ai

現在有很多不論是chatGPT/bard等,他們雖然屁話很多,問些資訊也有可能出包,但是對於問程式這個方面確實挺穩的,至少前面的基礎問題95%都能解決,當然爬文也是個方法,但除非ai回給你的不是你理想的方法再去爬可能比較好,畢竟時間寶貴,問ai肯定最快。

多看別人的網頁

css動畫這部分很複雜,如果你想要做出精緻的動畫,可以先從網上找別人做好的,看別人怎麼做,原理又是怎樣,慢慢去拆分,最後在自己設計,這樣學會比較好。

然後也要擅用檢視(F12)功能,看看別人的網頁怎麼寫的,這樣才學的快,尤其是網頁的結構分布那些。

最後

希望能對於一些剛進入的人有點小幫助,也謝謝有觀看的人,瀏覽的量也算是我的動力,不過一些打基底的文章,流量就不高,但說真的css動畫的部分,基底我覺得還是挺重要的,我自己也是邊打文章邊學,最後的下拉式我就甚麼都沒看,直接打一打就把那個動畫用出來了,當下也覺得挺感動的,也希望自己之後能做出更精緻的畫面。

說實在原本一開始是想分享更為精緻的東西,結果打了個比較中意的十來篇就不太行了,下一次一定會更加努力的!

謝謝觀看,也祝自己的第一次參加完賽~~


上一篇
[day29]要結束了 來用html/css/javaScript 做個小遊戲吧
系列文
html/css/js的各種操作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言