前端零基礎入門

前言

首先，任何技術實際都是從零基礎開始的，無論是直接學習仍是經過相近經歷轉行。因此不須要因零基礎擔憂。

其次，必定要作好準備：一項技術的學習，意味着你各方面資源不一樣程度的消耗——時間、工具、資金，甚至融入相關交流圈子的準備。在這個準備過程當中，最好是帶有一個強硬的規劃：「我要在一個月內達到可以實現XXX的水平」或者「我必定要在2周內把XXX項目完成」。若是沒有這個規劃，通常人都會愈來愈懶惰。

而後，選準一個或多個老師。這個老師，能夠是一個頁面，一本書，也能夠是一個真實的人。

學習內容

主要有html,css,js入門得話推薦先到w3school學習上面的教程，上面的教程大多都有demo示例，經過這種方式也能夠增長興趣。新手進入後能夠從下圖的入口去先學習:

推薦書籍

1. 入門
   • html就經過w3school-HTML教程來學習
   • js簡易教程
   • 《css權威指南》
   • 《JavaScript DOM編程藝術》
2. 進階
   • 《Javascript權威指南》(簡稱犀牛書)或者《JavaScript高級程序設計》(簡稱紅書)
   • 《高性能JavaScript》
   • 《編寫可維護的JavaScript》
   • 《JavaScript語言精粹》
   • 《JavaScript設計模式》
3. html5/css3
   • w3c
   • HTML 5 Demos and Examples
   • h5-example
   • 酷炫學習h5網站
4. es6
   • ECMAScript 6入門
5. github
   • git - 簡明指南
   • 玩遊戲闖關學習git
   • 書籍-git權威指南
6. 詳細書單

推薦編輯軟件

1. Dreamweaver
   • Adobe Dreamweaver，簡稱「DW」，中文名稱」夢想編織者」，是美國MACROMEDIA公司開發的集網頁製做和管理網站於一身的所見即所得網頁編輯器，DW是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它能夠垂手可得地製做出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。
2. Notepad++
   • Notepad++是一套很是有特點的自由軟件的純文字編輯器(許可證:GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8 技術)。它的功能比 Windows 中的 Notepad(記事本)強大，除了能夠用來製做通常的純文字說明文件，也十分適合看成編寫電腦程序的編輯器。Notepad++ 不只有語法高亮度顯示，也有語法摺疊功能，而且支持宏以及擴充基本功能的外掛模組。
3. Sublime
   • Sublime Text具備漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書籤，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。[1] Sublime Text 是一個跨平臺的編輯器，同時支持Windows、Linux、Mac OS X等操做系統

強烈推薦

git做爲最近煊赫一時的版本管理工具，做爲前端工程師，這玩意兒不會用是不行的，強烈推薦學習git，並經過github記錄本身的學習代碼和歷程。