阿里年薪50W前端工程師，告訴你如何正確的學習前端

第一步: 掌握HTML/CSS

這是你最初必須掌握的

是網站的構建元素

沒得選!

隨著你前端的學習程式,熟練掌握

HTML/CSS簡單易學

這裡還是要推薦下小編的web前端學習群:606加721加798，不管你是小白還是大牛，小編我都歡迎，不定期分享乾貨，包括小編自己整理的一份最新的web前端資料和0基礎入門教程，歡迎初學和進階中的小夥伴。在不忙的時間我會給大家解惑。

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

文字編輯器: Notepad2 / Sublime Text / / IDE

影像編輯器:Photoshop, Illustrator, GIMP, Something slse

FTP / SSH 工具 : Filezilla ,Putty

好的瀏覽器: Chrome

雲盤: Dropbox, Google Drive, Box

第三步: 學習原生JavaScript

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

理解資料型別: String, Number, Arrays, Objects, etc

理解函式, 條件表示式, 迴圈,運算子等

事件處理

JSON(JavaScript Object Notation), JavaScript物件表示法

jQuery框架

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

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

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

透過FPT(檔案傳輸協議)上傳你的專案

建立域名並和你的主機連線

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

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

有能力搭建網頁應用的介面

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

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

第六步: 思考接下來的側重點!

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

伺服器端語言: PHP, Ruby....

JavaScript框架: React ,Angular

資料庫: MySQL, PostgreSQL

第七步: HTML/CSS框架

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

Zurb Foundation

Skeleton

MUI

Pure

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

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

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

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

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

第九步: 資料庫(專注於一個!)

關係型資料庫: MySQL 和 PostgreSQL

非機構化資料庫: MongoDB 和 CouchDB

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

PHP/ MySQL

Node.js/ Mongola

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

Git & Github

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

CSS 預編譯器: Sass/Less

APIS / REST Service

HTTPS / SSL

第十一步: 部署應用

專用伺服器/ VPS

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

部署工具

Linux命令列

維護和升級

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

能夠創造出網頁引用

能構建後端APIs

能連線伺服器

能夠管理資料庫

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

第十三步:程式設計框架

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

PHP框架: Laravel, Codeigniter, Symfony

Ruby on rails

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

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

Wordpress(強烈推薦), Joomla, Drupal

有利用客戶更新和維護

豐富的外掛

開發速度快

模板的功能有限

第十五步: 移動App發展

這是未來的趨勢

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

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

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

專注於你的事業

回去學習更多的資料結構

跟進現在的新技術

學習一門高階語言,類似於Java, C語言