开班提醒 ]
上海非凡教育Web前端培训
Web前端设计师提升之路
快速咨询
weB前端移动端开发
微信公众号开发开发（JSSDK）
1.是微信公众号项目开发的简介。
2.微信公众号项目的官方文档与demo样例全解析
3.调用微信官方API接口函数
4.利用H5的新特性构建更富有表现力的活动页面
5.常见微信分享、投票、活动、抽奖页面的设计与实现
随堂练习：非凡学院公众号项目实践
微信小程序
1.小程序相关介绍及账号申请
2.小程序开发环境搭建
3.小程序布局原理
4.小程序组件、API使用
5.weUI使用、云存储、云端数据库、云函数
网校实训项目：1.建立云开发环境 2.网校首页 3.教师分类页面 4.课程搜索页面5.课程详情页 6.个人中心 7.获取用户权限登录 8.购买课程页面 9.购物车
Web前端开发
HTML 和 CSS：开发网站，你第一件要知道的事情就是HTML(网页就是由它组成的)和CSS(一种让外观更好看的样式标记)。HTML 和 CSS 并不是编程语言—它们只是页面的结构和样式信息。然而，在开始开发web应用程序之前你必须要学会如何手工的编写简单的HTML和CSS，web页面是任何webapp的前端显示部分。这个HTML 指导是你入手的好地方。
JavaScript:当你可以通过HTML和CSS构建一个静态页面后，事情就开始变得有趣了—因为到了该学JavaScript的时候了。JavaScript是一种web浏览器上的编程语言，它的魔力就是能在页面里制造一些动态效果。
JavaScript可以做bookmarklets,Greasemonkey脚本, 和Ajax, 所以它是web上各种好东西的关于因素。
教学科目：曾任职武汉烽火电子商务有限公司任高级网页设计师；2013年任上海天佑电商有限公司设计主管；现任非凡学院高级签约网页设计讲师
教学科目：毕业于西南科技大学计算机专业，多年网页设计经历，资深网页设计师，优秀职业培训讲师；曾任多家网络公司任专职设计师，熟练运用网页制作软件，拥有成熟的网站开发技巧。现任非凡学院专职讲师。
教学科目：近10年网页设计经历，Adobe认证讲师，曾为海尔集团、龙炎集团、中国二十冶等集团公司培训；曾任上市公司安博集团项目经理；出版刊物有《Photoshop CS5图像处理入门、进阶与提高》等数本
web前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX
当然，上面的定义是针对大公司的，杯具的是中国互联网行业的大公司太少了，为了生存与生活，我们还要了解中小公司的需求：
web前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+JSP|ASP|.NET|PHP+UI
也许你不一定要学这么多，但是如果全学会了，那你将可能成为真正的T型人才。 关于大公司和小公司哪个更好更适合的问题，这里就不讨论了。
“web前端开发工程师”也许不能令你大富，但至少算是一技傍身，可以保障你的生存和生活。 准备好了？那么你接下来要做的是就是：
1、准备好工具（Photoshop、Dreamweaver），推荐：Photoshop cs2、Dreamweaver cs4。
2、购买一本入门书籍，推荐：《HTML+CSS网页设计与布局从入门到精通》、《精通CSS+DIV网页样式布局》。
3、下载一个CSS2.0手册。
4、努力练习吧，你可能需要1-3个月的学习才能了解XHTML+CSS（有关HTML和XHTML的区别请百度查询）
在建设网页时，为了快速、高效地完成任务，通常会使用一些具有代码高亮显示、语法提示等便捷功能的前端开发工具。常用的web前端开发工具有Dreamweaver、Sublime、HBuilder等，具体介绍如下。
1、Dreamweaver
Dreamweaver简称DW(中文译为“梦想编织者”)，是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的“所见即所得”网页编辑器，2005年被Adobe公司收购。Dw是第一套针对非专业网站建设人员的视觉化网页开发工具，利用它可以轻而易举地制作网页。
2、Sublime
全称为Sublime Text，是一个代码编辑器，最早由程序员Jon Skinner于2008年1月开发出来。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图、功能插件等。Sublime Text还是一个跨平台的编辑器，支持Windows、Linux、Mac等操作系统。
3、HBuilder
HBuilder是CLoud推出的一款支持HTML5的Web开发软件。“快”是HBuilder的最大优势，通过完整的语法提示、代码输入法以及代码块等， HBuilder可以大幅提升HTML、JavaScript的开发效率。
学习web前端开发都需要学习什么内容?
想成为一名专业的前端开发工程师，突出的技术水平是必须的!前端开始是代码编程工作的，基本的学习是要从代码的基础开始学习，从掌握基本语法到使用语法快速完成开发。
1、网页布局基础：HTML+CSS
HTML就是超文本标记语言，组成网页内容的最基本语言。你可以直接说他是网页的骨架，网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。从Web2.0时代开始，盒子模型布局法成为主流布局法，也就是用DIV+CSS来实现布局了。CSS就是层叠样式表。通过样式属性来对标签进行布局规范，使用CSS样式对网页标签进行对应的布局实现是目前做前端开发布局的正确方式。在学习初期，需要掌握好HTML+CSS完成最基本的网页结构布局。
2、浏览器脚本语言：JavaScript
JavaScript是我们学习前端开发中非常重要的一个内容，也是一个大家经常掉坑里的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了，在网页中，所有的数据渲染，特效的交互都需要利用JavaScript，来影响浏览器的显示。
3、JavaScript经典类库jQuery
jQuery类库就是在类库里面封装好了很多JavaScript的事件方法。jQuery通过封装，减轻了遍历、对象选择等等很多的问题。把网页特效的实现变得简单化，通过调用方法就可以达到快速的完成网页的特效，比如说轮播图、手风琴菜单、旋转木马、放大镜等等这些特效。
4、多终端开发学习
现在是移动互联网时代，互联网产品都是偏向手机移动端的居多，所以在开发中，需要面向手机开发的产品需求也非常重要了。我们需要学习掌握包括，手机移动端网页，微信端网页，H5动画开发，小程序开发等等。
前端主流框架
现在的前端开发工程师工作，已经走向了工程化开发，开发难度和项目复杂程度都比以前高了，现在企业中月薪过万的岗位，对框架技术基本都是刚需了，前端3大框架：VUE、Angular、React是成为专业开发工程师的必备标准了。
会用到什么软件?
前端开发是代码编程工作，在学习过程中，会接触到很多编辑软件，如：sublime，WebStorm，Atom，DW，这类软件都具备代码编辑的功能，功能上都差不多。
