web前端需要学什么?附学习路线!

2021-05-08 17:00:04 浏览数 (1964)

这篇文章 w3cschool 小编来介绍下web前端需要学什么?附学习路线!

第一阶段:专业核心基础

此阶段需要掌握以下内容:

1、Web 前端开发环境的配置,HTML 常用的标签,常用表单元素,Table 布局,CSS 样式表,DIV+CSS 布局。可以熟练运用 HTML 和  CSS 样式属性完成页面的布局和美化。

2、CSS3 选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用 CSS3 来开发网页和移动端。

3、了解 bootstrap,可以进行 bootstrap 源码分析。

4、使用 HTML、CSS、LESS、SASS 等技术完成网页项目实战。通过项目掌握第一阶段 HTML、CSS 等页面布局的内容、完成 PC 端页面设计和移动端页面设计。

第二阶段:Web后台技术

此阶段需要掌握以下内容:

1、熟悉软件开发流程、算法、了解 JavaScript 变量、数据类型、函数、循环语句、数组等内容。可以熟练运用 JavaScript 的知识完成页面交互效果。

2、JavaScript 面向对象基础知识、异常处理机制、常见对象 API,浏览器兼容性处理、ES6 新特性。熟练掌握 JavaScript 面向对象的开发以及掌握 ES6 中的重要内容。

3、熟练操作和使用BOM以及DOM。

4、学习HTML5相关的 API、canvas、ajax 等。

第三阶段:数据库和框架实战

此阶段需要掌握以下内容:

1、数据库知识,配置命令,建库建表,增删改查等操作。了解数据库管理系统及 MySQL 数据库的使用与管理。

2、模块系统,函数,路由,全局对象,文件系统,请求处理,Web 模块,MySQL 数据库处理I,文件上传下载等。熟练运用 Node.js 运行环境和后台开发框架完成 Web 系统的后台开发。

3、学习 vue 的组件、生命周期、路由、组件、webpack、elementui 框架。对 Vue.js 框架的使用有清晰的理解,并且能够运用它完成基础前端开发、熟练运用 Vue.js 框架的高级功能完成 Web 前端开发和组件开发,对 MVVM 模式有深刻理解。

4、需求分析,数据库设计,后台开发,使用 vue.js、node.js 完成 PC 端和移动端整站开发。

第四阶段:移动端和微信实战

此阶段需要掌握以下内容:

1、React 面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux 基本概念。熟练使用 react 完成项目开发、掌握 Redux 中的异步解决方案 Saga。

2、react-native、开发工具、视图与渲染、API 操作、Flutter 环境搭建、路由、ListView 组件、网络请求、打包。熟练掌握 react-native 和 Flutter 框架,并分别使用 react-native 和 Flutter 开发移动端项目。

3、微信小程序入门、开发工具、视图与渲染、API 操作、支付宝小程序的入门和 API 学习。掌握微信小程序开发以及了解支付宝小程序开发。

4、大型购物网站实战,将整个项目前后端分离开发。

总结

一般来说,以上四个阶段中,学习到第三阶段就可进行进行求职。第四阶段一般是在工作中学习的,难度较大。

以上就是文章“web 前端需要学什么?附学习路线!”的全部内容。更多 web 开发的学习请关注 w3cschool 官网。

推荐课程:web 前端入门扫盲课程node.js 微课bootstrap 入门课程

第一阶段:专业核心基础

此阶段需要掌握以下内容:

1、Web 前端开发环境的配置,HTML 常用的标签,常用表单元素,Table 布局,CSS 样式表,DIV+CSS 布局。可以熟练运用 HTML 和  CSS 样式属性完成页面的布局和美化。

2、CSS3 选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用 CSS3 来开发网页和移动端。

3、了解 bootstrap,可以进行 bootstrap 源码分析。

4、使用 HTML、CSS、LESS、SASS 等技术完成网页项目实战。通过项目掌握第一阶段 HTML、CSS 等页面布局的内容、完成 PC 端页面设计和移动端页面设计。

第二阶段:Web后台技术

此阶段需要掌握以下内容:

1、熟悉软件开发流程、算法、了解 JavaScript 变量、数据类型、函数、循环语句、数组等内容。可以熟练运用 JavaScript 的知识完成页面交互效果。

2、JavaScript 面向对象基础知识、异常处理机制、常见对象 API,浏览器兼容性处理、ES6 新特性。熟练掌握 JavaScript 面向对象的开发以及掌握 ES6 中的重要内容。

3、熟练操作和使用BOM以及DOM。

4、学习HTML5相关的 API、canvas、ajax 等。

第三阶段:数据库和框架实战

此阶段需要掌握以下内容:

1、数据库知识,配置命令,建库建表,增删改查等操作。了解数据库管理系统及 MySQL 数据库的使用与管理。

2、模块系统,函数,路由,全局对象,文件系统,请求处理,Web 模块,MySQL 数据库处理I,文件上传下载等。熟练运用 Node.js 运行环境和后台开发框架完成 Web 系统的后台开发。

3、学习 vue 的组件、生命周期、路由、组件、webpack、elementui 框架。对 Vue.js 框架的使用有清晰的理解,并且能够运用它完成基础前端开发、熟练运用 Vue.js 框架的高级功能完成 Web 前端开发和组件开发,对 MVVM 模式有深刻理解。

4、需求分析,数据库设计,后台开发,使用 vue.js、node.js 完成 PC 端和移动端整站开发。

第四阶段:移动端和微信实战

此阶段需要掌握以下内容:

1、React 面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux 基本概念。熟练使用 react 完成项目开发、掌握 Redux 中的异步解决方案 Saga。

2、react-native、开发工具、视图与渲染、API 操作、Flutter 环境搭建、路由、ListView 组件、网络请求、打包。熟练掌握 react-native 和 Flutter 框架,并分别使用 react-native 和 Flutter 开发移动端项目。

3、微信小程序入门、开发工具、视图与渲染、API 操作、支付宝小程序的入门和 API 学习。掌握微信小程序开发以及了解支付宝小程序开发。

4、大型购物网站实战,将整个项目前后端分离开发。

总结

一般来说,以上四个阶段中,学习到第三阶段就可进行进行求职。第四阶段一般是在工作中学习的,难度较大。

以上就是文章“web 前端需要学什么?附学习路线!”的全部内容。更多 web 开发的学习请关注 w3cschool 官网。

推荐课程:web 前端入门扫盲课程node.js 微课bootstrap 入门课程