作為一名Web開發人員和設計師，2018告訴你如何正確的學習前端

第一步: 掌握HTML/CSS

1. 這是你最初必須掌握的

2. 是網站的構建元素

3. 沒得選!

4. 隨著你前端的學習進程,熟練掌握

5. HTML/CSS簡單易學

第二步: 學會使用基礎工具

1. 文本編輯器: Notepad2 / Sublime Text / http://Atom.io / IDE

2. 圖像編輯器:Photoshop, Illustrator, GIMP, Something slse

3. FTP / SSH 工具 : Filezilla ,Putty

4. 好的瀏覽器: Chrome

5. 雲盤: Dropbox, Google Drive, Box

第三步: 學習原生JavaScript

1. 原生JavaScript(現階段不需要理會Node.js 和任何框架)

2. 理解數據類型: String, Number, Arrays, Objects, etc

3. 理解函數, 條件表達式, 循環,操作符等

4. 事件處理

5. JSON(JavaScript Object Notation), JavaScript對象表示法

6. jQuery框架

第四步:搭建一個基礎網站:

1. 獲取一個虛擬主機賬戶(Hostgator, InMotion, etc)

2. 學習虛擬主機控制系統基礎——cPanel (Email ,FTP Setup)

3. 通過FPT(文件傳輸協議)上傳你的項目

4. 創建域名並和你的主機連接

第五步:恭喜你! 你現在是一個網頁設計師了!——(現階段還不足以稱Web Developer)

1. 有能力搭建一個專業的簡單網站

2. 有能力搭建網頁應用的界面

3. 能夠把一張PSD 轉化為基於HTML/CSS的靜態網頁

4. 有在公司上班的實力, 或者選擇成為一名自由職業者

1. HTML/CSS框架: Bootstrap, Foudation(建議優先掌握!)

2. 服務器端語言: PHP, Ruby....

3. JavaScript框架: React ,Angular

4. 數據庫: MySQL, PostgreSQL

第七步: HTML/CSS框架

1. Bootstrap(強烈推薦學習該框架!)

2. Zurb Foundation

3. Skeleton

4. MUI

5. Pure

第八步: 服務器端編程語言(專注於一個!)

1. PHP(不是最好的語言,但是是最可靠的服務器端語言)

2. Node.js(一款新型, 強大的後臺語言)

3. Ruby on Rails (最好的框架,但已經到了瓶頸期)

4. Python(簡單易學,但相對於主流語言並不流行)——可現在AI的爆紅導致Python最近很火!

第九步: 數據庫(專注於一個!)

1. 關係型數據庫: MySQL 和 PostgreSQL

2. 非機構化數據庫: MongoDB 和 CouchDB

3. 建議選擇一個以下的組合:

• PHP/ MySQL

• Node.js/ Mongola

第十步: 需要學習的一些端技術

1. Git & Github

2. SSH(安全外殼協議) & Basic Command Line

3. CSS 預編譯器: Sass/Less

4. APIS / REST Service

5. HTTPS / SSL

第十一步: 部署應用

1. 專用服務器/ VPS

2. 應用雲平臺: Heroku, Digital Ocean, AWS

3. 部署工具

4. Linux命令行

5. 維護和升級

第十二步:恭喜你,你現在成為一名網頁開發者了!

1. 能夠創造出網頁引用

2. 能構建後端APIs

3. 能連接服務器

4. 能夠管理數據庫

5. 你的選擇: 得到一份很好的工作 / 成為自由職業者 / 開始一項事業

第十三步:編程框架

1. JavaScript框架: React, Angular 2, Vue.js, Express(後端)

2. PHP框架: Laravel, Codeigniter, Symfony

3. Ruby on rails

4. MVC框架: Routing, Database Mapping, Helpers, Data Binding, Templating & UI

第十四步: 內容管理系統(基於PHP)

1. Wordpress(強烈推薦), Joomla, Drupal

2. 有利用客戶更新和維護

3. 豐富的插件

4. 開發速度快

5. 模板的功能有限

第十五步: 移動App發展

1. 這是未來的趨勢

2. 你不需要學習Java 和C語言!

3. 你只需要掌握JavaScript!我們可以使用React Native, Ionic, Cordova 等框架來構建移動App

第十六步:現階段,現在你需要考慮什麼?

1. 專注於你的事業

2. 回去學習更多的數據結構

3. 跟進現在的新技術

4. 學習一門高級語言,類似於Java, C語言