关于web前端的学习路线


第一阶段:

HTML+CSS:
HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、

JavaScript基础:
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

JS基本特效:
常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。

JS高级特征:
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、

JQuery:基础使用
悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。

第二阶段:HTML5和移动Web开发

HTML5:
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas.

CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。

Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。

移动Web开发:
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。

第三阶段:HTTP服务和AJAX编程

WEB服务器基础:
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。

PHP基础:
PHP基础语法、使用PHP处理简单的GET或者POST请求、

AJAX上篇:
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。

AJAX下篇:
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。

第四阶段:面向对象进阶

面向对象终极篇:
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。

面向对象三大特征:
继承性、多态性、封装性、接口。

设计模式:
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。

第五阶段:封装一个属于自己的框架

框架封装基础:
事件流、冒泡、捕获、事件对象、事件框架、选择框架。

框架封装中级:
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。

框架封装高级和补充:
JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。

第六阶段:模块化组件开发

面向组件编程:
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。

面向模块编程:
AMD设计规范、CMD设计规范、RequireJS,LoadJS、淘宝的SeaJS。

第七阶段:主流的流行框架

Web开发工作流:
GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架:
Angular.js、Backbone.js、Knockout/Ember。

常用库:
React.js、Vue.js、Zepto.js。

第八阶段:HTML5原生移动应用开发

Cordova:
WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目,配置,编译,调试,部署发布)。

Ionic:
Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新,上拉加载,侧滑导航,选项卡)。

React Native:
React Native简介、React Native环境配置、创建项目,配置,编译,调试,部署发布、原生模块和UI组件、原生常用API。

HTML5+:
HTML5+中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5+开发和部署。

第九阶段: Node.js全栈开发:

快速入门:
Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试。

核心模块和对象:
全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO。

Web开发基础:
HTTP协议,请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。

快速开发框架:
Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。

Node.js开发电子商务实战:
需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车,订单结算、在线客服即时通讯模块。

转载于:https://www.cnblogs.com/luoguixin/p/6082527.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/394620.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

值大于为此列指定的允许精度_电能质量测试精度会受到哪些因素影响?如何解决?...

关于电能质量(也称为PQ:Power Quality)研究的主题已成为多方面的话题。其需要考虑的不仅仅是IEC 61000-x-x电磁兼容性标准中规定的实际电能质量现象。在实践中,通常还会增加其他重要参数来保证供电的安全性,在某些情况下这些参数甚…

SEO博客

http://www.chinamyhosting.com/seoblog/分类: SEO 本文转自快乐就好博客园博客,原文链接:http://www.cnblogs.com/happyday56/archive/2008/05/10/1191435.html,如需转载请自行联系原作者

gis计算各省河流长度_用河流和各方解释安全漏洞

gis计算各省河流长度by Andrea Zanin由Andrea Zanin 用河流和各方解释安全漏洞 (Security Vulnerabilities Explained with Rivers and Parties) Security vulnerabilities can be boring to learn. But you still need to learn them, unless you want some hacker to delete…

Delphi关于记录文件的操作

http://www.cnblogs.com/railgunman/archive/2010/08/16/1801004.html Delphi关于记录文件的操作 本例子几个变量的说明TFileRec record   //记录定义Day : Integer;...          //其他定义end;f : File of TFileRec;   //标准的输入/输出文件FilRec : TFileR…

pygame游戏开发入门例子

# *_* coding:utf-8 *_*# 开发团队:中国软件开发团队# 开发人员:Administrator# 开发时间:2019/3/23 11:16# 文件名称:pygame_demo# 开发工具:PyCharmimport sysimport pygameimport timedef main(): sizewidth,height640,480 pygame.init() screenpygame.display.set…

HTML引入媒体查询CSS,CSS3 多媒体查询

CSS3 多媒体查询CSS2 多媒体类型media 规则在 CSS2 中有介绍,针对不同媒体类型可以定制不同的样式规则。例如:你可以针对不同的媒体类型(包括显示器、便携设备、电视机,等等)设置不同的样式规则。但是这些多媒体类型在很多设备上支持还不够友…

Codeforces 835 F Roads in the Kingdom(树形dp)

F. Roads in the Kingdom(树形dp) 题意&#xff1a; 给一张n个点n条边的无向带权图 定义不便利度为所有点对最短距离中的最大值 求出删一条边之后&#xff0c;保证图还连通时不便利度的最小值 $n < 2e5 $\(w_i < 1e9\) 思路:树形dp 这个图是一个环上挂着很多颗树&#xf…

前端websocket获取数据后需要存本地吗_是什么让我放弃了restful api?了解清楚后我全面拥抱GraphQL...

GraphQL初步认识背景REST作为一种现代网络应用非常流行的软件架构风格&#xff0c;自从Roy Fielding博士在2000年他的博士论文中提出来到现在已经有了20年的历史。它的简单易用性&#xff0c;可扩展性&#xff0c;伸缩性受到广大Web开发者的喜爱。REST 的 API 配合JSON格式的数…

列出薪金高于在部门30_我如何在五个月内将薪金提高一倍并获得一份了不起的工作...

列出薪金高于在部门30by Sam Williams通过山姆威廉姆斯 我如何在五个月内将薪金提高一倍并获得一份了不起的工作 (How I Doubled my Salary in Five Months and Got an Amazing Job) Six months ago I quit my job as a junior JavaScript developer and travelled around sou…

ftp服务器 vsftpd搭建和配置以及虚拟用户的设置

tp: File Transfer Protocol应用层协议&#xff1a;tcp, 21/tcpC/S&#xff1a;Client: 程序Server: 程序数据&#xff1a;命令连接&#xff1a;文件管理类命令&#xff0c;始终在线的连接数据连接&#xff1a;数据传输&#xff0c;按需创建及关闭的连接数据传输格式&#xff1…

计算机应用基础案例教程总结,计算机应用基础案例教程

包杰军等编著的《计算机应用基础案例教程》以培养职业能力为目标&#xff0c;本着“做学合一”、“理论与实践并行”、“知识与技能并重”的教育思想编写。本书将实际操作案例与教学内容紧密结合&#xff0c;结构清晰、内容翔实、图文并茂、实用性强。全书共分6章&#xff0c;第…

让不支持h5新标签的浏览器支持新标签

把这段js加到页面的头部就可以了&#xff0c;创建想让浏览器支持的标签即可 //条件判断是否支持 h5 if(window.applicationCache){alert("支持h5")}else{alert("不支持h5")document.createElement("article");document.createElement("head…

ios开发之--UIDocumentInteractionController的使用(实现更多分享服务)

最近在做项目的时候&#xff0c;碰到这样一个需求&#xff0c;就是本地生成pdf文件&#xff0c;然后本地打开&#xff0c;经过测试发现&#xff0c;pdf文件是无法保存到相册里面的&#xff0c;只能存到手机里面&#xff0c;鉴于苹果的存储机制&#xff0c;需要取出来&#xff0…

eclipse tomcat新建一个_Javaweb07-Eclipse自动创建动态web项目

学习笔记是参考的how2j使用Eclipse创建Dynamic Web Project前面的web项目都是通过手动创建的&#xff0c;现在使用eclipse EE自动创建动态web项目&#xff0c;熟悉一下创建流程&#xff0c;仍旧使用前面创建过的HelloServlet。需要注意的是&#xff0c;这里的tomcat版本变了&am…

python 删除重复字符_Google面试问题指南:使用Python删除重复出现的字符

python 删除重复字符by Anthony Sistilli安东尼西斯蒂里(Anthony Sistilli) Google面试问题指南&#xff1a;使用Python删除重复出现的字符 (Google Interview Question Guide: Delete Reoccurring Characters with Python) Nowadays, Google interviews are all the rage. Bu…

cordova

命令行 npm install -g cordova cordova create MyApp cd MyApp cordova platform add android 当然也可以把android换成browser把自己的前端程序放在www文件夹内这里注意如果用android studio打包或运行的话&#xff0c;&#xff08;即不用cordova&#xff09;&#xff0c;要把…

冒泡排序(Java版)

冒泡排序基本思想&#xff1a; 1.比较相邻的元素&#xff0c;如果第一个比第二个大&#xff0c;就交换它们两个。 2.对每一对相邻元素做同样的工作&#xff0c;从开始的第一对到结尾的最后一对。在这一点&#xff0c;最后的元素应该会是最大的数。 3.针对所有的元素重复以上的步…

计算机科学与技术专业的论文周报,毕业设计(实习)周报

本科毕业设计周报第1 周毕业生周记撰写毕业论文开题报告(初稿)&#xff0c;结合毕业设计所选的题目&#xff0c;查阅大量相关资料&#xff0c;主要针对该设计所涉及的背景&#xff0c;研究目的及意义&#xff0c;以及国内外的相关成熟技术进行筛选&#xff0c;提取部分核心内容…

excel导出_SpringBoot实现快速导出Excel

阅读本文约需要6分钟 大家好&#xff0c;我是你们的导师&#xff0c;我每天都会在这里给大家分享一些干货内容(当然了&#xff0c;周末也要允许老师休息一下哈)。上次老师跟大家分享了下MyBatis 几种通用的写法的相关知识&#xff0c;今天跟大家分享SpringBoot实现快速导出Exce…

SignalR Self Host+MVC等多端消息推送服务(4)

由于工作太忙&#xff0c;一直没时间更新博客&#xff0c;之前有很多朋友一直问我什么时候将后续的代码发上来&#xff0c;一直没时间&#xff0c;今天就长话短说&#xff0c;不写文章了&#xff0c;直接上demo&#xff0c;里面将正式项目中用到的一些敏感信息修改了&#xff0…