談談前端與後端的工程師工作內容與必備條件 – Codingweb. Hello World, 我想第一篇文章我們不要選擇過於艱澀的 讓我們先談談如果你想投入這份工作，有什麼樣的職缺跟方向能選擇呢？ 前端工程師： HTMLCSSJavascript前端進階一點的話前端我認為還需要會：CSS Framework （Bootstrap）JavaScript framework （如Angularjs、Reactjs）CSS processor（sass，less，stylus）RWD DesignGrunt、Gulp（自動化工具）後端工程師：主要開發語言（PHP、Ruby、C#）資料庫語法（MySQL、SQL Server）伺服器設定（apache、nginx）基本的資安防範（xss、sql injection） 很多求職網站都會簡易的要會LAMP架構，意思是： (L)inux、(A)pache、(M)ysql、(P)HP 後端進階一點的大致還要會： Framework（框架） PHP：Laravel、Codeigniter、yii …Ruby：Lotus …C#.NET：MVC5 …串第三方API（金流、簡訊寄送服務 ..）API設計（以目前形態來說，多數公司會讓後端工程師從資料庫取出資料撰寫成json格式提供給前台去呈現資料）Cloud(雲端操作) （Google Cloud、Microsoft Azure、Amazon Web Services (AWS)） 另外還有兩者皆必備的： MVC架構 – MVC架構則是因為對於一個團隊而言，每個人負責的區塊被切割好才是最理想的情況。 順帶一提，如果你想成為一個強大的網站開發者，強烈建議你必須要有隨時能看懂英文的能力。
Coding這件事情，在遇到困難時最重要的就是學會如何用Google關鍵字去找到解決問題的方法，但往往問題不見得用中文找得到解答，這時候只要用英文搜尋這個問題，就容易搜尋到一個網站為 Stack Overflow 這個網站其實就像 Yahoo知識+ 一樣，但是上面詢問通常都是與程式相關的，當然也會有 apache、nginx 之類伺服器相關或是更多與軟體設計相關的問題等，因此英文是對於一個程式設計師而言，是相對重要的！ 往後的文章我將會先針對此篇的每一個專業名詞去做較深入分析，期待讓每個初入此領域的工程師們，能更了解這個職業。 相關. 如何從 Github 中複製程式碼並運行 – Codingweb.
React.js 官方範例教學中文翻譯中 (2016.02.01) – Codingweb. 本篇為翻譯文 來源為 Facebook react.js 官方網站 。 內容為透過一個Facebook的留言框範例來學習 Reactjs 的教學。 作者的話：因為這篇文章需要先使用git將程式碼clone到您的伺服器 若是您想了解如何將程式碼git clone到電腦中，可詳閱此篇教學。 [2016.01.22] – 這篇文章有些翻的語句不是很順（因為我想不太到有些該怎麼翻成比較技術性的字眼，等到全部翻完以後會有一個比較完整校正流程再更新。） [2016.02.01] – 快翻完了 …抱歉最近有點忙 … 將會協助你建立一個簡單、實在的留言框，您可以將此程式放置到你的部落格中，像Disqus，LiveFyre，或者 Facebook comments。
將會提供您： 留言框的顯示。 同時也有下列的特點: 留言優化：儲存留言至伺服器之前先顯示在列表中，讓使用者感覺更即時。 臉書官方提供的原始碼(GitHub) Github 開始 在這一篇教學中，我們會盡可能地讓程式碼變得易懂，我們將所有程式碼封裝在一個HTML檔中，使用您最喜愛的編輯器開啟一個新的HTML檔（ public/index.html ），內容就像這樣： <! 這教學中剩下的部分我們將寫在script tag中，我們還不需要任何即時 重整(live reloading)，所以您需要在將程式碼儲存後再瀏覽器重新整理方能看到更新。 先刪除<script type="text/babel" src="scripts/example.js"></script>接著讓我們開始這篇教學。 第一個元件 整個 React 為模組化與設計可組合元件，在我們留言框範例中，我們將會遵循這個架構。 - CommentBox - CommentList - Comment - CommentForm 建立 CommentBox 這個元件，它只需要一個簡單的 <div>： 注意html元素取名開頭字母一定要為小寫，而自定義的react class開頭取名一定為大寫。 JSX 語法 首先你會注意到在 XML 的語法在您的Javascript，我們會使用簡單的預先編譯器的語法糖負責去轉換這些原生的 Javascript。 語法糖：意思是讓程式碼更容易閱讀或表達一種編程語言的語法。 上一段程式碼中 <div> 標籤並不是一個真正的 DOM 節點。 您並不需要回傳標準的HTML。 撰寫元件 元件屬性.