
第一阶段:HTML+CSS/HTML5+CSS3(HTML+CSS、PC端网页重构、HTML5+CSS3)
第二阶段: Javascript(JS数据类型、语法、JS对象、JS内置对象、BOM\DOM)
第三阶段:Javascript高级/ Ajax/JQ(AJAX、浏览器缓存、JS对象高级、ES6、JQuery)
第四阶段:前端主流框架(前端工程化、AugularJS、VueJS、React Native、微信小程序)
一个专业的前端开发工程师是必须掌握前端开发三大基本基石HTML、CSS,JavaScript。光会这些还不够,有了这些语言还需要各种工具的支撑,比较常见的有Dreamweaver,Sublime,HBuilder。还有FontelloFontello 、Secureheaders、Visual Studio CodeVisual Studio Code。
工具只能解决一些特定问题,要解决更加全面的问题就要接触到框架,三大基本框架有Angular、React、Vue,当然,以后还会接触到更多Bootstrap、 Fbootstrapp、BootMetro、Gumby、IVORY、Kube这样的框架。另外,一个优秀的前端开发工程师可能还要掌握SEO、DOM、BOM、Ajax等技能,甚至,网站性能优化和服务器端的相关基础知识也是需要了解的。
学会这些还不够,前端开发是一门发展的学科,不是学好了就可以停止学习,后面还会接触到更多新的内容。
由此可见,要想学好前端,绝对不简单,前端开发的广度和深度是其他行业所不能比拟的,你必须付出不懈的努力,才能收获这份果实。
第一阶段:HTML+CSS:
HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、
JavaScript基础:
Js基础教程、js内置对象常用方法、常见DOM树 *** 作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效:
常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、d出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征:
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
JQuery:基础使用
悬着器、DOM *** 作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段:
HTML5和移动Web开发
HTML5:
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas
CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocityjs框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发:
跨终端WEB和主流设备简介、视口、流式布局、d性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zeptojs、手机聚划算页面、手机滚屏。
第三阶段:
>1
首先需要安装好nodejs(网上教程很多)
这是为了使用npm来安装ant,cordova,ionic
验证是否安装好nodejs的方法是在命令提示符中输入“node -v”
若出现版本号,证明安装成功。
2
下载jdk,并配置java环境(网上教程很多)
验证是否安装好的方法是在命令提示符中输入“javac”
若出现如下内容,证明安装成功。
3
安装ant,并配置相应的环境(网上搜教程)
验证是否安装好ant的方法是在命令提示符中输入“ant -v”
若出现版本号,证明安装成功。
4
现在就可以安装cordova了,根据下图一步一步来就好了,官网有,可以自己搜下;
验证是否安装好cordova的方法是在命令提示符中输入“cordova -v”
若出现版本号,证明安装成功。
5
接下来是安装成功ionic的重要一步了,就是安装express,
cmd 输入:npm install express
等待一会即可
6
接下来就可以安装ionic了,也是按下图,或是去官网查看步骤;
注意:如果按步骤执行到最后三步,发现出错,请先安装android sdk
或者可以直接省略最后三步(即只用执行到 cd myApp),在命令提示符中输入“ionic serve”
直接在浏览器中查看效果;
7
验证是否安装好ionic的方法是在命令提示符中输入“ionic -v”
若出现下图,证明安装成功。
END
应用过程中遇到的一些问题解决办法
1
升级cordova命令
调用语句 :windows用户npm update -g cordovamac系统的用sudo npm update -g cordova查看cordova信息npm info cordova 查看cordova 版本cordova -v查看cordova命令cordova help
END
注意事项
配置环境变量时,用英文状态下“;”把要添加的路径与前面有的隔开;
所有的命令都是在命令提示符中进行的,在输入命令时,别把“$”也一块输进去~
如果前面都实现了,但是ionic还是安装失败,多半是网络问题;
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)