background preloader

Maras0830

Facebook Twitter

談談前端與後端的工程師工作內容與必備條件 – 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。 撰寫元件 元件屬性.