作為一名Web前端開發人員和設計師,2018告訴你如何正確的學習前端
第一步: 掌握HTML/CSS
這是你最初必須掌握的
是網站的構建元素
沒得選!
隨著你前端的學習程序,熟練掌握
HTML/CSS簡單易學
這裡還是要推薦下小編的web前端學習群:606加721加798,不管你是小白還是大牛,小編我都歡迎,不定期分享乾貨,包括小編自己整理的一份2最新的web前端資料和0基礎入門教程,歡迎初學和進階中的小夥伴。在不忙的時間我會給大家解惑。
第二步: 學會使用基礎工具
文字編輯器: 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語言