web前端：Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。不知道怎么学？这个很简单的，网上有很多的教程，你可以跟着学啊，如果你不知道你现在的学习水平，可以看一下学习线路图，看看自己学到了哪里，然后在接着学啊！
偶看楼主的主要是第一个阶段，停留在只能更换静态页面那，这确实是要学习的！
以下来看一下分阶段的学习：
第一阶段：
可掌握的核心能力：
（1）了解常用浏览器和浏览器内核 （2）了解语义化的概念（3）能够掌握HTML、CSS使用技巧（4）能够掌握DIV+CSS布局模式 （5）能够掌握HTML5新特性与常用标签（6）能够完成动画效果
可解决的现实问题：与美工对接，完成网站静态页面的开发，为后期编写页面动态效果打基础
第二阶段：
可掌握的核心能力：
（1）能够掌握JavaScript基本语法（2）掌握DOM的各种操作（3）熟练使用面向对象思想进行DOM编程（4）掌握JavaScript的高级语法（5）掌握使用jQuery操作DOM（6）熟练使用和编写jQuery插件（7）独立完成电商网站的页面搭建（包括HTML结构、CSS样式、JavaScript特效组件）（8）掌握应对业务编程的能力
可解决的现实问题：学员具备JavaScript开发能力，能够完成常见页面效果开发
第三阶段：
可掌握的核心能力：（1）能够建立客户端服务器交互模型，熟悉网络通信相关概念（2）熟悉PHP基础语法，能够开发简单的后台接口（3）能够使用PHP操作MySQL数据库（4）能够理解HTTP协议（5）熟悉原生AJAX请求流程与细节，并掌握常见跨域技巧（6）能够基于jQuery的AJAX相关API熟练开发常见的前端功能（7）能够独立开发基于后台接口的动态网站、AJAX数据交互的项目
可解决的现实问题：学员能够建立起客户端服务器交互模型，熟练使用AJAX实现前端功能点、能够进行前后端协作开发、能够独立开发基于后台接口的数据管理平台
第四阶段：
可掌握的核心能力：
（1）熟练使用HTML5&CSS3实现网页特炫效果（2）掌握常用移动端框架使用方法（3）掌握常用移动端调试方法（4）掌握常用移动端适配方法（5）熟练使用移动端touch事件及手势封装（6）掌握响应式布局的写法（7）掌握CSS预处理器less的使用（8）使用Git对比文件差异、还原、合并，能够解决远端仓库与本地仓库合并时的冲突（9）掌握移动端整站开发架构搭建、项目开发、性能优化等整站开发能力
可解决的现实问题：学员具备移动端Web开发能力,拥有根据设计图转化为对应的web,同时处理移动设备适配问题，能够掌握工作中多人开发的操作方式
第五阶段：
可掌握的核心能力：
（1）了解项目开发的流程（2）能够熟练开发移动端和PC端的交互式网站（3）能够用目前热门JavaScript框架Vue.js来开发项目（4）掌握Express的使用（5）能够使用NodeJS开发后台接口，打通前后端（6）掌握源代码管理软件的使用（7）掌握小程序开发
可解决的现实问题：通过实战项目掌握Vue.js的开发电商网站核心业务开发使用微信小程序开发电商项目
第六阶段：
React.js实战项目
可掌握的核心能力：
（1）熟练使用HTML5&CSS3实现网页特炫效果（2）掌握常用移动端框架使用方法（3）掌握常用移动端调试方法（4）掌握常用移动端适配方法（5）熟练使用移动端touch事件及手势封装（6）掌握响应式布局的写法（7）掌握CSS预处理器less的使用（8）使用Git对比文件差异、还原、合并，能够解决远端仓库与本地仓库合并时的冲突（9）掌握移动端整站开发架构搭建、项目开发、性能优化等整站开发能力
可解决的现实问题：学员具备移动端Web开发能力,拥有根据设计图转化为对应的web,同时处理移动设备适配问题，能够掌握工作中多人开发的操作方式
以上阶段均有配套视频，楼主或者大家可找偶要哦。有用请点个赞。
如果觉得《大家对web前端自学有哪些建议 – PHP基础 – 前端 red hat php服务》对你有帮助，请点赞、收藏，并留下你的观点哦！
