第一阶段:专业核心基础

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

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 等。

在前端领域混了这几年,总结了一套前端学习的精讲视频和学习路线,如果有对前端开发感兴趣的伙伴,不管你是想转行,或是大学生,还有工作中想提升自己能力的web前端党,欢迎大家的加入我的前端开发交流群:603985993 希望大家诚心交流!,与企业需求同步。好友都在里面学习交流,每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号:【前端留学生】
每天更新最新技术文章干货。

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

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

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前端需要学什么?附学习路线!相关推荐

  1. Web前端前景、最新技术、学习路线?

    1.前景怎么样? web前端人才需求还会持续增加 据国内权威数据统计,未来五年,我国信息化人才总需求量高达1500万-2000万人.其中"网络工程""UI设计" ...

  2. web前端 | 一条“不归路” - 学习路线

    本文属于职业解惑系列,读完此文要么生,要么死.要么充满斗志,要么颓废放弃. 没错,此文的观点可以让你极端,但极端的选择,完全取决于你个人! 付出就有回报,做好现在,技术只是为了改变生活!-- 小北哥哥 ...

  3. web前端需要学什么知识?自学要多久?

    想学web前端需要学什么知识?htmlcss,css3,javascript,jQuery,easyUI,html5--首先学这些基本的吧!学习顺序就是HTML DIV_CSS javascript ...

  4. web前端开发培训有哪些学习阶段

    ​ web前端技术主要针对于移动互联网是比较多的,对于零基础的同学来说前期主要学习基本的静态布局,HTML + CSS,下面是web前端开发培训有哪些学习阶段的具体内容. ​ web前端开发培训有哪些 ...

  5. Web前端如何学?Web前端学习方法分享

    伴随着人工智能.大数据的发展浪潮,互联网将各个行业更加紧密的链接到了一起,也因此,市场上对于IT互联网人才的需求一再增多,Web前端开发工程师这一岗位就很好的体现了这种态势. 从各大招聘平台可以看到, ...

  6. Web前端就业薪资是多少?Web前端要学什么?

    Web前端开发作为实现前台页面展示的主要技术手段,已经越来越被大众所熟知,很多人也因此对Web前端产生了兴趣,萌生了想要学习Web前端的想法.那,Web前端就业薪资是多少?Web前端要学什么?今天,小 ...

  7. Web前端要学什么语言?需掌握哪些知识?

    近几年随着IT行业的发展,出现了许多之前大家不知道和不了解的新技术.新岗位,Web前端开发就是其中之一.并且,在互联网快速发展的大环境下,这类专业技术人才需求越来越大,相对应所提供的薪酬待遇也在不断上 ...

  8. Web前端要学什么框架呢?推荐这几款

    经过行业的发展,Web前端行业愈加成熟,企业对Web前端人员要求也越来越高,对于想要进入前端行业的人而言挑战比以前更大了.学习Web框架可以加快Web开发速度,节约时间.就目前来说,Web前端要学什么 ...

  9. Web前端好不好学?Web前端要学些什么呢?

    你也许会觉得Web前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的.但当你深入其中时,一定会发现好像Web前端开发不是那么简单,光网站性能优化.响应式.框架就让你焦头烂额.确实,做We ...

最新文章

  1. Awcing算法--双指针
  2. Java – Reading a Large File Efficiently--转
  3. tkinter使用MySQL存数据_我无法从tkinter表单向mysql插入数据
  4. .net mvc actionresult 返回字符串_072-SpringMVC后端控制器接收参数、处理器方法返回值类型、拦截器、文件上传下载...
  5. Lombok常用注解和功能
  6. 记忆化搜索=搜索的形式+动态规划的思想(来自百度百科)
  7. angular 生命周期钩子 ngOnInit() 和 ngAfterViewInit() 的区别
  8. 解决navicat在未联网的情况下访问不了MySQL数据库的现象
  9. Injection with CDI (Part I)
  10. ORACLE 007 --5 group by 的用法及增强、高级子查询
  11. iOS中的UISearchBar
  12. 在网页中引用js文件、css文件或图片文件时为什么要加上问号+值或key-value
  13. 使用ADB卸载Android内置应用
  14. multisim14安装与卸载
  15. linux 磁盘 ntfs修复,Linux下NTFS分区的修复和恢复
  16. 【安卓源码】简单分析smaps节点
  17. 如何使用百度统计监测网站流量
  18. 玖富曲线入股湖北消金,已成第二大股东
  19. ArGIS Engine专题(6)之利用GP水文分析工具实现基于DEM的山脊线提取
  20. 园区网络三层架构实验

热门文章

  1. 安装zerotier实现内网穿透
  2. 使用Nessus进行漏洞扫描
  3. OpenFace学习(1):安装配置及人脸比对
  4. owncloud安装
  5. Grafana panel:基础
  6. linux系统 清屏命令,【转】linux清屏的几种方法
  7. 用Flutter开发一款企业级App(开眼Flutter-OpenEye)
  8. UESTC 1253 阿里巴巴和n个大盗(博弈)
  9. GetKeyState和GetAsyncKeyState到底有什么区别?
  10. Win10自动重启原因怎么查Windows10无故自动重启