一、HTML的学习
HTML（超文本标记语言）是一个网页的骨架，不管是静态网页还是动态网页。之后返回到浏览器端的都是HTML代码。浏览器然后把HTML代码解释渲染后反馈给用户，所以，我们要掌握HTML的基本结构、常用标记和属性。
学习是一个记忆和理解的过程，在学习HTML过程中可以借助拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质， 将各种视图的优势发挥出来，这种对照学习的方法弥补了死记HTML标签和属性的枯燥。
二、css的学习
CSS叫做层叠样式表，一种样式设计语言，它能够做到网页表现与内容分离，与HTML相比它能复用HTML的样式，这样就在很大程度上提高了开发速度，也降低了维护成本。
同时CSS中的盒子模型、相对布局等能够实现对网页中各对象的位置排版进行像素级的控制。
三、javascript的学习
JavaScript是一种在客户端广泛使用的语言，它为我们提供了一些内置函数、对象和DOM操作，这些内容可以帮助我们来实现一些客户端的一些交互，如：效果、验证等，使界面更加生动。
四、jquery的学习
jQuery 能兼容各种浏览器，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便，大大节省了开发时间，提高了开发速度。
五、bootstrap的学习
Bootstrap是用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。在项目开发过程中，我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。
前端就是后台实现和视觉表现的桥梁，是贯穿在整个产品开发过程的纽带，起到承上启下的作用，一个好的前端工程师他能够很好理解产品经理对用户体验的要求，也能够很好地理解后台工程师对数据逻辑，或者程序逻辑进行分离的要求，并将这些要求转化成前台的开发工作。
HTML（超文本标记语言）是一个网页的骨架，不管是静态网页还是动态网页。之后返回到浏览器端的都是HTML代码。浏览器然后把HTML代码解释渲染后反馈给用户，所以，我们要掌握HTML的基本结构、常用标记和属性。
学习是一个记忆和理解的过程，在学习HTML过程中可以借助拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质， 将各种视图的优势发挥出来，这种对照学习的方法弥补了死记HTML标签和属性的枯燥。
二、css的学习
CSS叫做层叠样式表，一种样式设计语言，它能够做到网页表现与内容分离，与HTML相比它能复用HTML的样式，这样就在很大程度上提高了开发速度，也降低了维护成本。
同时CSS中的盒子模型、相对布局等能够实现对网页中各对象的位置排版进行像素级的控制。
三、javascript的学习
JavaScript是一种在客户端广泛使用的语言，它为我们提供了一些内置函数、对象和DOM操作，这些内容可以帮助我们来实现一些客户端的一些交互，如：效果、验证等，使界面更加生动。
四、jquery的学习
jQuery 能兼容各种浏览器，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便，大大节省了开发时间，提高了开发速度。
五、bootstrap的学习
Bootstrap是用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。在项目开发过程中，我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。
前端就是后台实现和视觉表现的桥梁，是贯穿在整个产品开发过程的纽带，起到承上启下的作用，一个好的前端工程师他能够很好理解产品经理对用户体验的要求，也能够很好地理解后台工程师对数据逻辑，或者程序逻辑进行分离的要求，并将这些要求转化成前台的开发工作。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2021-11-10
1.HTML5+CSS3
在学习前端开发技术过程中，需要对HTML的基本语法以及一系列的标签和属性进一步掌握，对页面布局样式的设计需要CSS语法级使用技巧的掌握学习，同时，对HTML+div的网页布局设计有一定的学习掌握，这都是初步学习前端开发技术知识需要掌握的。
2. JS交互设计
在JavaScript学习过程中，需要掌握相关的基本语法、JavaScript内置对象、常见算法及函数应用，熟练使用面向对象思想进行编程，对前端项目开发具有一定的关键性作用，JavaScript在页面交互方面有着非常关键的作用，因此也是比较难学的一个重点，企业对JavaScript的学习掌握情况是非常看重的。
3.MySQL数据库
数据库的学习也是非常关键的，在这个阶段的学习需要掌握MySQL数据库设计规范； 掌握MySQL之CURD操作指令； 掌握Node操作MySQL； 掌握MVC和MVP概念等知识的学习，同时需要掌握接口设计规范； 掌握权限系统设计； 掌握token令牌设计； 掌握登录拦截； 掌握项目部署。
4.前端框架
在前端框架学习过程中要对框架的基础语法和框架组件进行掌握与学习，在这一阶段需要掌握掌握Vue基础语法和指令； 掌握Vue计算属性和监听的使用方法； 掌握Vue组件的定义和基本使用；掌握Vue组件通信的方法； 掌握Vue路由的使用； 掌握Vue路由守卫的使用； 掌握Vue网络请求Axios的使用； 熟悉Vuex状态管理； 熟悉UI库的使用等知识的学习与运用
在学习前端开发技术过程中，需要对HTML的基本语法以及一系列的标签和属性进一步掌握，对页面布局样式的设计需要CSS语法级使用技巧的掌握学习，同时，对HTML+div的网页布局设计有一定的学习掌握，这都是初步学习前端开发技术知识需要掌握的。
2. JS交互设计
在JavaScript学习过程中，需要掌握相关的基本语法、JavaScript内置对象、常见算法及函数应用，熟练使用面向对象思想进行编程，对前端项目开发具有一定的关键性作用，JavaScript在页面交互方面有着非常关键的作用，因此也是比较难学的一个重点，企业对JavaScript的学习掌握情况是非常看重的。
3.MySQL数据库
数据库的学习也是非常关键的，在这个阶段的学习需要掌握MySQL数据库设计规范； 掌握MySQL之CURD操作指令； 掌握Node操作MySQL； 掌握MVC和MVP概念等知识的学习，同时需要掌握接口设计规范； 掌握权限系统设计； 掌握token令牌设计； 掌握登录拦截； 掌握项目部署。
4.前端框架
在前端框架学习过程中要对框架的基础语法和框架组件进行掌握与学习，在这一阶段需要掌握掌握Vue基础语法和指令； 掌握Vue计算属性和监听的使用方法； 掌握Vue组件的定义和基本使用；掌握Vue组件通信的方法； 掌握Vue路由的使用； 掌握Vue路由守卫的使用； 掌握Vue网络请求Axios的使用； 熟悉Vuex状态管理； 熟悉UI库的使用等知识的学习与运用
第2个回答 2019-08-27
第1阶段：前端页面重构
内容包含了：(PC端网站布局项目、WEB前端+CSS3基础项目、WebApp页面布局项目)
第2阶段：Java高级程序设计
内容包含：1)原生 Java交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、Java工具库自主研发项目)
第3阶段：PC端全栈项目开发
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发
内容包含：(Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发
内容包含：(微信小程序开发、React Native、各类混合应用开发)
第6阶段：NodeJS全栈开发
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
第7阶段：大数据可视化
内容包含：(大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库)
内容包含了：(PC端网站布局项目、WEB前端+CSS3基础项目、WebApp页面布局项目)
第2阶段：Java高级程序设计
内容包含：1)原生 Java交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、Java工具库自主研发项目)
第3阶段：PC端全栈项目开发
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发
内容包含：(Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发
内容包含：(微信小程序开发、React Native、各类混合应用开发)
第6阶段：NodeJS全栈开发
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
第7阶段：大数据可视化
内容包含：(大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库)
第3个回答 2020-02-21
您好web前端的学习步骤包括8个方面，按照顺序学习就可以的：
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、
JavaScript DOM和BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程、JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
web前端学习步骤
第4个回答 2019-08-21
web前端学习步骤
第一阶段 前端核心基础
第二阶段 HTML5 + CSS3 + 移动端核心
第三阶段 移动端
第四阶段 服务器端
第五阶段 JavaScript高级
第六阶段 前端必备
第七阶段 高级框架
第八阶段 小程序
相似回答