HTML第一小节第一天

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:大项目建议使用,重量级安装包