原文來自 What makes a good frontend developer?（https://zellwk.com/blog/good-frontend-developer/）
現如今前端開發領域越來越混沌了。許多人認為前端開發者就是一群有很棒的JavaScript技能的人。
但，前端開發不僅有JavaScript。
作為專業的前端開發者，我們需要去了解我們的工作到底是什麼。
前端開發者該做什麼
前端開發者只需做一件事。
我們要給用戶一個最好的體驗。
我們瞭解我們的網站（或應用）應該做些什麼。 在將它送到我們的用戶手裡之前，我們製作它、打磨它、拋光它。
我們花費大把大把的時間來使其趨於完美。 只希望用戶會喜歡我們的作品。 如果他們喜歡我們的網站（應用），我們希望他們會再次回來訪問。
但，好的體驗意味著什麼？為了給用戶一個好的體驗我們需要些什麼技能呢？
前端開發者需要的技能
我認為前端開發者需要掌握4種不同的技能：
- Empathy（共鳴）
- Code（代碼）
- Design（設計）
- Communication（溝通）
- Empathy（共鳴）
什麼是好的體驗？
我們不會知道，除非，我們知道用戶是誰。
在互聯網上，我們服務於各色用戶，並且他們都是不一樣的。
大家用著不一樣的設備。有些人用著4k的Mac電腦，有些人使用Windows電腦，還有些用著低計算能力的老式手機。
大家用著不一樣的瀏覽器。Edge、Chrome、Safari和Firefox是世界上最流行的4個瀏覽器，但是還有更多不同的瀏覽器存在在這個世界上。
大家的個人情況也不一樣。有些人視力很好，有些戴著眼鏡，有些是色盲，還有些甚至都看不到任何東西。
關鍵點就是，大家都不一樣，而我們需要提供一個每個人都會喜歡的體驗。
我們需要去理解大家的不一樣，並且即使他們跟我不一樣，我們仍然站在他們的角度給他們提供一個好的體驗。
“我的電腦上沒有這種情況”並不是我們可以逃脫的藉口。只要在其他人那不起作用了，我們就要深入挖掘並弄清楚出了什麼問題，然後我們會解決它。
- Code（代碼）
我們需要掌握HTML、CSS和JavaScript。
是的，這三種語言是我們的工具。如果我們連我們手上的工具都不瞭解的話又如何能成為一個好的前端開發者呢？
但當我們談到代碼，許多開發者放錯了重點。他們的注意力在代碼質量上。
我認為這與代碼質量無關。 如果體驗很糟糕，那麼代碼是否乾淨整潔且易於維護就顯得無關緊要了。 嘿！如果你想編寫最乾淨的代碼，那就不要寫任何代碼不就得了。 提供沒有CSS且沒有JavaScript的HTML文件。 我保證它會很乾淨。
代碼質量是重要，但是我們提供的體驗則更為重要。
當我們能給每個人一個良好的體驗時，我們可以將注意力轉向內部並清理我們的代碼。
經驗豐富的開發人員可以在編寫網站時就寫出整潔的代碼。 這是他們通過經驗習得的技能。
年輕的開發人員應該先專注於他們所能提供的體驗。 一旦他們攢下了充足的經驗，就能學會該如何磨礪他們的代碼。然後會在這兩方面都做到最好。
- Design（設計）
設計很重要。這裡談到的設計，包括了視覺設計和交互設計。
我們是設計工作的最佳人選，因為我們知道網絡的運作方式。 我們知道什麼能做什麼不能做。 我們也知道人們如何使用網絡。 並且我們非常關心保持自己的升級。
我們不是來接管設計師的工作。 他們有他們的技能，我們有我們的技能。 我們是互相補充的。
我們可以評估設計師的意見。
這將帶領我們來了解最後的技巧。
- Communication（溝通）
盛傳開發者們是極其不熱衷於社交活動的‘怪咖’。我們寧願花一整天的時間坐在電腦後面敲代碼。如果可以，我們甚至不想與任何人交談。
如果我們不想和任何人交談，那也沒關係。
但如果在必要的時候，我們必須要能夠溝通。以下是一些原因：
- 如果你與設計師合作，你不知道如何去與他們交談的話，該如何評估他們的設計（或指出問題）？
- 如果你與其他開發者合作，應該如何分工？你該如何確定將在項目中使用哪些具體實踐？
- 如果你與項目經理合作，你該如何解釋為什麼一個特殊功能花了這麼長的時間，或者為什麼某些功能無法完成？你該如何說服他們？
- 如果你與用戶交談，你該如何得到他們在你網站上遇到的問題？
以上幾點只是一些可能的原因。我相信你能想到更多。
關鍵點是，如果我們想要從他們那裡獲得支持，我們就需要知道該如何與他們交流。如果我們無法與任何人溝通的話，怎麼能創造出最好的作品來呢？
總結
前端開發工作要做得好很難。我們需要根據不同的情況佩戴不同的帽子，並且我們需要對這些帽子都瞭若指掌。這可能很難，但並不是沒法做到。前端開發是一項需要時間來掌握的技能。
我現在依然還無法掌握前端世界裡的每樣事情，我仍在努力。
我很自豪能稱自己為前端開發者。同時我也希望自己是個好的前端開發者。
謝謝閱讀。這篇文章對你有什麼幫助嗎？如果有的話，希望你能考慮下分享它。 你將幫助到更多的人，謝謝！
轉自我的百家號（http://baijiahao.baidu.com/builder/preview/s?id=1616443647827271029）
閱讀更多 鍋鴨梨說 的文章
關鍵字: 前端開發 編程語言 JavaScript
