web编程前端必备的基础知识和框架！

向右看齐 2021-09-17 13:22 426阅读 0赞

![dagang.png][]

<table> 
 <tbody> 
  <tr> 
   <td>初级部分</td> 
   <td> <h3>01.工具及前端介绍</h3> <p>课程介绍、软件安装；前端开发职业规划、分工合作、开发流程</p> <p>网站工具使用(服务器搭建、FTP、SSH)等；如何发布自己的网站；项目管理工具</p> <p>&nbsp;</p> <h3>02.认识代码</h3> <p>h1~6、p、br、img、a、list等HTML标签的基本使用</p> <p>字体、颜色、宽高、背景等CSS样式的基本使用</p> <p>理解块和行内标签的区别、在布局中的使用方式、相互转换和常见问题</p> <h3>03.规范、浮动、表</h3> <p>理解语义化、W3C标准，掌握日常前端开发的书写规范，养成良好的开发习惯</p> <p>理解浮动、清除浮动的相关方法，掌握日常浮动相关布局的编写</p> <p>了解表格、表单、框架等常用HTML组件的用法，并在实际项目中进行应用</p> <h3>04.Less、Sass</h3> <p>理解各浏览器的相关特性、兼容方法，掌握常见浏览器兼容问题的解决方法</p> <p>掌握Less、Sass等动态CSS生成技术的使用</p> <p>&nbsp;</p> <h3>05.手机布局</h3> <p>掌握HTML5移动端布局的方法，并理解移动端设备适配的常用方法</p> <p>掌握bootstrap框架的使用方法，理解栅格化、响应式布局的优势</p> <p>&nbsp;</p> <h3>06.企业项目实战</h3> <p>企业网站</p> <p>在线商城</p> <p>专题</p> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td>初级部分(2)</td> 
   <td> <h3>JS基础开发</h3> <p>掌握JavaScript基本开发方法，事件、属性、样式的基本使用</p> <p>JavaScript基本语法：声明、赋值、属性访问符、函数、判断、比较、循环等内容</p> <p>掌握定时器使用，并完成相关案例</p> <p>掌握JavaScript常用内置对象：Date、Array、String、json、JSON等</p> <p>正则表达式的使用</p> <p>JS语言特性(垃圾回收、字符编码、字节组成等)</p> <h3>案例实战</h3> <p>各种常用JavaScript特效</p> <p>大量带JS特效的专题页</p> <p>大量DOM、事件、运动综合应用案例</p> <h3>综合应用</h3> <p>JavaScript语言的组成：ECMAScript标准、DOM、BOM</p> <p>常用DOM对象、方法、属性的使用，元素的创建、删除、插入和替换，常用DOM事件</p> <p>常用BOM对象的使用</p> <p>表单校验</p> <p>jQuery应用：DOM、事件、运动</p> <h3>项目实战</h3> <p>动态效果制作</p> <p>各类大型动画案例的制作</p> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td>中级部分</td> 
   <td> <h3>数据交互</h3> <p>基于Ajax数据交互的优势、写法和常见应用，前后台交互应用，数据接口的使用</p> <p>本地数据存储技术：cookie、localStorage等</p> <p>ajax2, Jsonp跨域数据请求技术</p> <p>常见前后台交互</p> <p>WebSocket、直播</p> <h3>面向对象</h3> <p>面向对象(OOP)开发技术、prototype、对象的组成和特性</p> <p>对象的继承、继承的3种方式、工作中面向对象的常见用法</p> <p>ESnext</p> <h3>模块化</h3> <p>模块化发展</p> <p>CommonJs规范</p> <p>ES 模块化</p> <h3>工具</h3> <p>gulp构建项目</p> <p>webpack</p> <p>Parcel</p> <h3>H5移动端</h3> <p>HTML5高级标签应用：Video、Audio、Canvas等</p> <p>CSS3高级特效：3D效果、transform、动画技术</p> <p>移动端部署、设备适配、自适应布局</p> <p>viewport、rem、flex布局、媒体查询和响应式设计</p> <p>HTML5常用API：touch多点触摸、手势识别、文件拖拽、FileReader、DeviceMotion等</p> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td>企业实战部分</td> 
   <td> <h3>NodeJs</h3> <p>NodeJS基础：模块开发、常用系统模块使用</p> <p>认识Http协议、数据编码和传输形式；常见Http Header和Http Response Code</p> <p>Express框架使用：中间件的概念、常用中间件(multer、cookie、session等)</p> <p>数据库(MySQL)开发基础：环境架设、库和表的创建、Navicat的使用；用Node操作数据表</p> <p>大基本操作语句：SELECT、UPDATE、DELETE、INSERT，条件、聚类、Limit、排序</p> <p>NodeJS的部署——nohup、forever、heroku等</p> <p>KOA2框架实战：中间件、最小可执行程序</p> <p>Net模块和网络请求、Spider数据抓取</p> <p>WebSocket双向数据通信技术、Socket.IO的使用</p> <p>NoSQL数据存储技术：Redis、Memcached、MongoDB的使用</p> <p>阿里云部署、nginx</p> <h3>微信公众号开发</h3> <p>JS-SDK</p> <p>签名生成逻辑，对接java接口、对接nodeJs接口</p> <p>授权登录</p> <p>支付、分享等</p> <h3>小程序开发</h3> <p>小程序布局 rpx</p> <p>小程序数据交互</p> <p>上传图片、录音、扫一扫、支付等</p> <h3>Vue实战开发</h3> <p>vue基本语法</p> <p>vue script方式实战</p> <p>vue SPA实战</p> <p>router、store、axios等</p> <h3>实战开发经验</h3> <p>对接跨域接口</p> <p>安全域、host、授权地址</p> <p>公众号、小程序、vue项目部署、发布</p> </td> 
  </tr> 
 </tbody> 
</table>

### 想了解详细课程大纲 ###

[dagang.png]: http://51mmr.net/assert/images/dagang.png