1.

WEB前端和全棧的定義

1.還原“活”的設計

設計稿-》PS->HTML頁面+效果（設計輸出：PSD+標注 開發輸出html+css+js）

2.傳統前端

切圖-》寫標簽和樣式-》實現效果（HTML:頁面結構 CSS:頁面樣式 JavaScript:頁面行為）

3.HTML5時代的大前端

各種端的兼容開發（PC、移動端）

移動APP開發和移動站點開發

Ajax+服務器端技術開發

高級設計模式和框架（MVC、AngularJS、.....）

自動化工作流（Grunt）

網站安全、SEO、測試、源代碼管理、團隊合作

HTML5游戲

4.全棧工程師

前后臺通吃，快速解決問題

Node.js:無所不能

2.

簡單介紹前端的課程內容

開發環境,HTML5,css3,JS,綜合項目

3.

操作系統常用配置

最佳性能 前端 性能/速度優先 列表顯示文件夾-文件名足夠長/顯示隱藏文件/文件擴展名.

鎖定任務欄+使用小圖標

4.

常用快捷鍵(1)

WIN+數字 任務欄快捷鍵

WIN+D 快速桌面

WIN+R 運行窗口

WIN+E 資源管理器

WIN+左/右 左/右半屏

WIN+上/下 最大/最小化

WIN+l鎖定

CTRL+SHIFT+ESC 任務管理器

5.

常用快捷鍵(2)

alt+上 查看上層目錄

ctrl+上/下 光標移動到上/下一段段首 記事本里疑似無效--可不記憶

ctrl+esc 開始菜單

ctrl+F4關閉同類多文檔中的活動文檔

ctrl+Y 重復

F2 重命名

F4 顯示地址欄列表

6.

sublime3安裝/中文插件安裝

7.

sublime3的常用快捷鍵

ctrl+/? :注釋

ctrl+x\v\y\z 剪切、粘貼、重復、取消

ctrl+滾動 縮放大小

ctrl+n? 新建

ctrl+回車，在光標當前行下面創建一個新行，并讓光標跳到新行行首。 ctrl+shift+回車：正好相反。

ctrl+shift+v? 粘貼并保持縮進

ctrl+shift+d? 復制當前行

ctrl+shift+↑? 向上移動行，↓同樣道理

shift+鼠標右鍵? 選中多行同時編輯

ctrl+f查找? ctrl+h查找和替換

ctrl+[? 增加左縮進? ctrl+]增加右縮進

ctrl+g: 跳轉到第幾行

8.

Atom安裝使用

9.

Webstorm安裝使用

sublime3:需要第三方插件,表現一般,輕量級 只做前端HTML CSS JS足夠用

atom:集成度非常好

vs code:智能提示非常強大

webstorm:大項目建議使用,重量級安裝包