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