大前端時代下，如何成為一名優秀的程序員？

如今，前端開發在人們心中有些神秘，不少人認為前端開發者就是精通 JavaScript 的人。

事實上，前端開發遠非精通 JavaScript 就可以了。

想要成為一名專業的前端開發者，我們需要深入了解其職責。

前端開發者職責

前端開發者只做一件事：為網站或者 App 用戶提供極佳的用戶體驗。

首先我們需要了解網站或者 App 的功能，然後開始開發（有時會完全從頭開始），在上線之前還會對其進行不斷優化。

我們花費大量精力來完善我們構建的網站，我們所做的一切都是為了讓網站能夠贏得用戶的喜愛。只有這樣才能留住用戶，才能促使他們再次訪問我們的網站。

但是，極佳的用戶體驗如何體現？我們需要掌握哪些技能才能為用戶提供極佳的用戶體驗呢？

前端開發者必備技能

我認為前端開發者至少需要掌握以下四種技能。

足夠地了解用戶

紮實的編程技能

良好的設計靈感

卓越的溝通能力

足夠地了解用戶

如何創造極佳的用戶體驗？

只有足夠了解我們的用戶，才能為用戶創造極佳的用戶體驗。

我們為形形色色的用戶提供互聯網服務。而用戶與開發者有著極大的不同。

用戶使用的終端設備各式各樣。有些人使用帶有 4k 顯示器的 Mac；有些人使用 Windows 機器；有些人則使用計算能力很差的舊手機。

用戶還會使用不同的瀏覽器。比如最常用的四種瀏覽器：Edge、Chrome、Safari、Firefox。除此之外，還有其它的瀏覽器。

用戶的視力水平可能也有不同。有些人視力很好，有些人則需要戴眼鏡，有些人是色盲，還有些人則是盲人。

用戶的偏好也不一樣。有些人習慣用滑鼠，而有些人則更喜歡用鍵盤。

用戶形形色色，千差萬別！

我們的目標是提供所有人都能喜歡的用戶體驗。

我們需要了解那些與我們有所差異的人。即使他們與我們不同，我們仍然要為他們提供良好的用戶體驗。

「它在我的電腦上一切正常，偏偏在你的電腦上就不行？」不能成為借口。只要產品的效果在任何人的設備上存在問題，我們都要找到問題的根源並解決問題。

紮實的編程技能

我們需要掌握 HTML、CSS 以及 JavaScript。

這三種語言都得掌握。HTML、CSS 和 JavaScript 是我們的基本工具。如果我們連最基本的工具都不了解，我們將無法能成為優秀的前端開發者。

但是當我們談論代碼時，很多開發者都過於關注代碼質量。

而我更關心用戶體驗。相對於創造良好的用戶體驗，我認為代碼是否乾淨且容易維護並不那麼重要。如果你想編寫絕對乾淨的代碼，最好的做法就是一行代碼也不要寫。如果只寫沒有 CSS 和 JavaScript 的 HTML 文件，我保證它會很乾凈。

代碼質量很重要，但提供良好的用戶體驗更為重要。

我們竭盡全力為用戶提供良好的用戶體驗，然後再將注意力轉到代碼整潔上。

經驗豐富的開發者可以在開發網站的過程中保證代碼的整潔。這源於他們豐富的編程經驗。

年輕的開發者應該首先專註於提供良好的用戶體驗。保證提供了良好的用戶體驗之後，再來改進和優化代碼。

良好的設計靈感

設計極其重要！它包含兩部分：視覺設計和交互設計。

開發者是設計工作的最佳人選，因為我們知道網站的具體運作方式。我們知道可以做什麼，不能做什麼。我們也知道用戶如何使用我們的網站。

開發者不會接管設計師的工作。設計師和開發者都有各自的技能樹。他們互相批判，互相補充。

卓越的溝通能力

軟體開發者通常被認為不善社交。如果條件允許，我們甚至不想與任何人交談，寧願坐在電腦前寫一天代碼。

如果我們不想與任何人交談，那也沒關係。

但是如果項目需要，我們必須與人溝通。原因如下：

如果你與設計師合作，假如你不懂如何與他們溝通，那麼你如何指出他們的設計問題？

如果你與其他開發者合作，如何分工呢？你如何確定項目中選擇哪種技術？

如果你與項目經理合作，如何解釋為什麼有的功能花了如此長的時間，或者為什麼某些功能無法完成？你怎麼說服他們？

如果你與用戶交談，如何發現他們在你的網站上遇到的問題？

以上幾點只是一些可能的原因。我相信你能想到更多。

如果我們想要從他人那裡獲得支持，我們需要知道如何與人溝通。如果我們無法與人溝通，我們將很難創造出好的作品。

總結

精通前端開發並非易事。我們需要具備多種能力，並根據具體情況施展這些能力。

這有些難度，但並不是不可能。前端開發是一項需要花很多時間才能掌握的技能。

我很榮幸成為一名前端開發者，我不是大神，但我正在為之努力！

原文：https://zellwk.com/blog/good-frontend-developer/

作者簡介：Zell，來自新加坡。他是一位財務出身的前端開發者，他對各種前端工具和技術有著深入研究。

譯者：安翔，責編：屠敏

微信改版了，

想快速看到CSDN的熱乎文章，

趕快把CSDN公眾號設為星標吧，

打開公眾號，點擊「設為星標」就可以啦！

2018 AI開發者大會

只講技術，拒絕空談

2018 AI開發者大會首輪重磅嘉賓及深度議題現已火熱出爐，掃碼搶「鮮」看。國慶特惠，購票立享5折優惠！

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！