需要學習哪些東西,才能找到前端開發工作?

語言: CN / TW / HK

持續創作,加速成長!這是我參與「掘金日新計劃 · 6 月更文挑戰」的第2天,點選檢視活動詳情

在萬物皆可轉前端的當下,很多人好奇需要學習什麼東西,才能找到一份前端開發工作。

西瓜哥今天就來說一說。

HTML

首先自然是前端三件套:HTML + CSS + JavaScript。

HTML,全稱為 HyperText Markup Language,中文名為超文字標記語言。

HTML 也就是我們看到的網頁的佈局結構,比如這裡放一個導航欄,那邊是正文內容,都是靠 HTML 來組織的。

HTML 主要由尖括號包裹的標籤組合而成,如 <p> 表示段落、<img> 表示圖片。

```

  
        
  • 首頁
  •     
  • 個人中心
  •   
  我是前端西瓜哥的粉絲。

```

HTML 本身無法控制元素的樣式,比如文字大小,盒子背景色等,這些需要 CSS 來控制。

CSS

CSS,全稱 Cascading Style Sheets,中文名層疊樣式表。

CSS 通過選擇器,我們可以給指定的元素設定樣式。一個美觀的網站就是前端開發一個個用 CSS 構造出來的。

```

  我是前端西瓜哥的粉絲。

```

CSS 入門容易精通難。經常為了增加一個效果,導致其他效果失效了,真的是牽一髮而動全身。

JavaScript

然後就是操作網頁的指令碼語言 JavaScript 了,通常我們使用它的簡寫 JS。

JS 賦予了網站可能性,通過 JS,我們可以操作 HTML 形成的樹,實現互動效果,動態顯示不同的內容。最重要的是,它可以請求後端,拿到資料然後展示。

正是 JS 讓網站成為一個應用程式,而不是一個呆板的不可變的靜態文字展示面板。

``` var fe = 1; var watermelon = 2; var feWatermelon = fe + watermelon; 

```

Reactjs 或 Vuejs

原生的 JS 本身比較簡單,不利於工程化和進行團隊合作。這時候我們可能就需要用到框架。

所謂框架就是基於 JS 語言之上構建的一種抽象和規範,能夠讓開發者更好地開發程式。

Reactjs 和 Vuejs 是目前最流行的框架,作為一名前端開發,必須熟悉其中一種。此外還有一種 Augular 的框架也可以用,國內用的非常少。

git

隨著專案越來越大,共同開發者越來越多,程式碼的管理就是非常重要的一個問題,所以你也要懂一點 git。

git 是一個分散式版本管理軟體,用於管理程式碼。

git 會記錄你的程式碼提交記錄,可以可以回到任何你提交程式碼時的時間點,就像是遊戲的存檔一樣,但是它可以無限存檔。

此外還可以開新的分支、合併分支,可以很方便管理多個新的功能同時開發的場景。

git 支援團隊協作,你可以將你修改的程式碼提交到伺服器,然後你的同事可以拉取然後得到它們。

HTTP

既然涉及到請求伺服器的資料,那麼計算機網路中的 HTTP 協議還是需要掌握的。

HTTP,全稱 HyperText Transfer Protocol,中文名為 超文字傳輸協議。

HTTP 需要掌握不同狀態碼的意義(比如 200 代表成功、404 代表資源不存在),還有請求方法(比如 GET、POST),以及 HTTP 快取機制等等知識點。

Nodejs

Nodejs 是執行時的 JS,簡單來說,就是可以用 JavaScript 這門語言來做一個後端服務。利用 Nodejs,我們可以操作檔案、提供 HTTP 服務端服務等。

Nodejs 也被廣泛運用在 Web 前端工程化領域,實現一些工程化工具,比如 Webpack 可以將多個檔案打包為一個檔案、CSS 預編譯器比如 Sass 可以編譯出 CSS。

Nodejs 會一些就好了,不要求非常熟悉,如果你不做後端開發的話。

其他

然後是其他一些要求比較低的技術。

  • Webpack:打包器,可以將多個 JS 檔案打包壓縮編譯到一個檔案,需要了解一下它的配置

  • TypeScript:JS 的超集,有型別的 JS,可以防止低階的型別錯誤,越來越多的公司要求懂 TypeScript

  • 瀏覽器原理:有助於寫出效能更好的程式碼。

  • CSS 預編譯器:CSS 預編譯器是 CSS 的加強版,可以更好更輕鬆地寫出複雜的 CSS。一般來說,就裡面

當然遠不止這些,等你進階的時候再學吧,我怕你害怕。上面這些基本上入行足夠了。

結尾

好好學,爭取找到一份高薪工作。

我是前端西瓜哥,喜歡寫前端技術文章,歡迎關注我。

本文首發我的公眾號:前端西瓜哥