第一步: 掌握HTML/CSS
這是你最初必須掌握的
是網站的構建元素
沒得選!
隨著你前端的學習進程,熟練掌握
HTML/CSS簡單易學
第二步: 學會使用基礎工具
文本編輯器: Notepad2 / Sublime Text / http://Atom.io / 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語言