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

01-29

她是個文科生，但對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°`)╮

請從切頁面開始