如何教女朋友網頁設計和前端的tooling?

她是個文科生,但對UI/UX/Web設計很感興趣。

本人前後台都做但知道現在前端的工具對有CS背景的初學者來說也是相當複雜的。

做個例子:

比如說要用es6 + vue.js/angular.js,要會unix terminal, 會用npm, webpack, git

學HTML5/CSS3對此來比相當的簡單,但要用到更現代一點的工具真的有多要學啊。


要讓她有慾望——學習的慾望,然後才是那些無聊的工具。

先從CSS和HTML寫起——寫各種很贊的頁面。。。

然後是JS——寫一些簡單的特效。。。

後面才是一些工具。。。


你女朋友原來是個文科生,所以在邏輯上可能會稍微弱一點。她可能看中的是web中頁面設計部分,覺得作出好看的頁面才是她喜歡的,所以抓住她這一點,興趣。

第一階段,先試著教她最基礎的html標籤,讓她對代碼產生信心,讓她覺得寫代碼也不過如此,我一文科女生都會寫這樣的自信。

第二階段,如果在一兩周之後,你的女朋友依然對寫網頁很有興趣的話,那麼你就可以繼續教下去了,如果這時候她認識到自己當初是一時興起,那麼她也自然會放棄了。這時候你可以嘗試教她css,例如幾種寫法,常用屬性這些基本的容易理解的東西,後面再教她盒子模型、定位等這些概念,最後給他幾個頁面布局等案例做做。

第三階段,如果你女朋友悟性不錯的話,現在你可以教她js了,js就不用多說了,你作為後端,數據類型啊,循環啊,這些編程的基本的東西你就可以盡數傳說給你的女朋友了

最後,先別想什麼es6 ag webpack什麼的,你說你讓一個文科生女孩子理解promise、非同步不是直接讓你跪搓衣板么


webstorm


曾經我想教我媳婦來著

然後她就坐在我後面摟著我

腦袋搭在我肩膀上看我敲鍵盤

媽蛋根本教不下去啊!!!


教女朋友網頁設計和前端太難了,沒興趣是難題,溝通不好還讓人家有了抵觸心理,完了


找一個前端女朋友

譬如我

而我要教我男朋友前端╭(°A°`)╮


請從切頁面開始


推薦閱讀:

Sketch web design 之 Symbol
分享一組國外優秀的網頁設計
tornado如何進行非同步交互?

TAG:網頁設計 | 前端開發 | 前端入門 |