來自24 歲女生轉(zhuǎn)行做 Web 前端晚嗎? 中Jasin Yip的答案,整理后如下:(尚未實(shí)踐,僅供參考)
學(xué)習(xí)目標(biāo):HTML、CSS、Java、jQuery,后端語言(PHP)
學(xué)習(xí)方法:要結(jié)合項(xiàng)目實(shí)踐進(jìn)行學(xué)習(xí)
實(shí)踐項(xiàng)目來源:百度IFE
第一周:HTML、CSS
HTML 和 CSS 可以邊做小項(xiàng)目邊查,比如你可以模仿百度首頁做一個(gè)小頁面(只做 Logo 、搜索框以及「百度一下」的按鈕),只要求把樣子做出來,不要求做功能。
第二周:Java
Javascript 這塊,先把語法學(xué)一下,然后還是邊做小項(xiàng)目邊查,你可以先嘗試著去寫一些簡單的 DOM 操作,比如可以試著用 Javascript 去修改文字的顏色、修改一些元素的寬高等。
關(guān)于Java的學(xué)習(xí),暫時(shí)推薦這個(gè)資源:
第三周:jQuery
jQuery 封裝了很多簡單的函數(shù),而且兼容性良好,初學(xué)者可以先用 jQuery 來寫一些簡單的東西,比如做一個(gè)從左向右移動的正方形的動畫。
第四周:后端語言(PHP)
這個(gè)時(shí)候,應(yīng)該去學(xué)習(xí)一下后端語言,比如你舉例的 PHP,簡單易用,我當(dāng)時(shí)學(xué)的時(shí)候是看 PHP100 的經(jīng)典教程,感覺都是講得挺簡單易懂的,還把順便教你怎么去配置 WAMP(Windows、Apache、MySQL、PHP)環(huán)境,這個(gè)很重要。
第五周
大約一個(gè)月,你就可以寫一個(gè)稍為有意思一點(diǎn)的項(xiàng)目了,比如寫一個(gè)留言板啥的……
然后去學(xué) Bootstrap,開始接觸響應(yīng)式布局,并利用它里面的組件做一個(gè)漂亮的界面。