文章图片



随着web前端的快速发展 ， 越来越多的人开始学习Web前端 。 移动互联网时代 ， 我们相信我们每个人的手机上都安装了几十个应用 ， 而这些应用的发展与web前端的流行发展息息相关 。
事实上 ， 超过一半的应用程序是以混合模式开发的 ， 即结合安卓和网络技术 。 也有一些纯粹在网络上开发的应用 ， 比如QQ空间 ， 大家都知道 ， 就是利用Web前端的React Native技术开发的 。 除了APP之外 ， 我们经常在手机上看到的H5页面 ， 主要是通过Web上的HTML5技术开发的 。 当然 ， Web前端不仅限于前端网页和应用 ， 还涉及到服务器端、桌面级应用甚至VR 。

Web前端开发所需要的知识技能及学习路径
1.HTML5+css3+JavaScript是web开发的基础 。 Html是网页结构的负责人 ，CSS是网页样式的负责人 ，JS是逻辑交互的负责人 。 前二者更像标记语言 ， 没有逻辑 ， 因此 JS是前端的首要任务 。 HTML 5中的大多数新技术需要与 JS结合使用 。 每一个人的学习进度都不同 。 这一阶段主要是多个模拟站 ， 熟悉基础 ， 尝试用 CSS编写响应页面 ， 深入了解 JS ， 例如原型链 ， 闭包 ， 设计模式等等 。 要通过实践逐步了解和掌握 ， 需要不断积累 。
2.JQuery+BootStrapt+Ajax+JsonjQuery是JS的应用库 ， 可以提高本地JS的开发效率 。 Bootstrap是响应框架 ， 更简单地实现手机/平板/PC多个设备的页面支持 。 Ajax技术可以在不刷新页面的情况下更新数据 。 Json是一种数据形式 ， 广泛应用于各种编程语言 。
JQuery和bootstrap可以简化编写的代码量 ， 使用起来非常愉快 。 但是对于基础不是很扎实的人建议少用 。 Ajax和json通常用于与后端交互 ， 在实际业务中也经常用到 。
3. Git/SVN 。 版本管理工具主要用于团队开发时避免文件冲突 ， 也可以归档 。 前端建议学习Git 。
4. Nodejs + Mysql /MongoDB(可选) 。 在服务器方面运行的JavaScript 。 Express是扩展MVC框架 。 其中nodejs最常用的是npm包管理器 ， 不需要在各个网站下载资源包 。 数据库的学习可以选择MongoDB或MySQL ， 前者与Nodejs的适应性更好 ， 但现在很多网站都是PPHP电脑+Mysql的组合 ， 如果有学习PHP的计划的话 ， 可以先学习Mysql 。



5. ECMAScript 6 。 JavaScript的语言标准 。 ES6增加了很多新概念 ， 弥补了以前版本JS的很多缺陷 。 越来越多的项目开始使用ES6进行开发 。 最好先了解ES5再学习 。 目前考虑到实际项目中的兼容性 ， ES6需要由Babel编译成ES5进行部署 。
6. Angular/React/Vue 。 这三种框架 ， 每个生态系统都有 ， 根据自己的需要来选择学习 。 现在 ，Angular是企业最大的需求 ， 但是从最近的趋势来看 ，react和 vue更为流行 。 由于前端技术的飞速发展 ， 工具和框架的更新比书本更新更快 ， 因此推荐大家学习中的最佳文档 。 使用各种施工工具的次数在学习过程中经常发生 。
7. 其他常用工具 。 这也是根据需求自行选择学习的 。 常用的现在有Webpack ， 可以包装ES6/AMD/CMD等多种编程风格的文件 ， 可以识别和编译成浏览器可以运行的文件 。 Sass/Less、CSS预编译框架可以通过逻辑编写CSS代码 。 Gulp/Grunt构建工具可以自动压缩代码等工作 。
8. 其他后端编程语言 。 目前对前端基本都要求是会一门后端语言 ，PHP / JAVA / Nodejs / Python 等 。
学习编程重要的还是实践 ， 多敲代码 ， 多去尝试 。 独立解决问题的能力、探究钻研的精神是必不可少的 。 有兴趣的话也可以自己搭建一个技术 博客， 往 github 上传几个 开源 项目 ， 这些都是不错的加分点 。

前端学习注意事项
第一 ， 打好基础
无论做什么都要有扎实的基础 ， 参加web前端培训也不例外 。 只有基础扎实 ， 才能深入学习新技能 。 作为初级web前端工程师 ， 你必须具备最基本的技术元素:HTML、CSS、JavaScript 。 这是作为web前端工程师必须掌握的 。 Web前端的入门门槛其实很低 。 和其他语言的学习节奏相比 ， 是一个先快后慢的过程 。 因此 ， 在早期的学习过程中 ， 你会很容易掌握基本技能 。 随着HTML5技术的广泛应用 ， web前端的学习将变得更加容易 。
第二 ， 注重细节
常言道：“细节决定成败” ， 很多 web前端开发人员在工作过程中为了追求速度 ， 往往忽视了一些细节性的东西 。 例如：代码注释、代码命名说明、代码简明等 。 这一切看起来并不重要 ， 实际上却严重影响了项目的进度以及自身能力的提升 。 发展过程中 ， 适当地添加注释 ， 可以加深对技术点的印象 ， 也便于日后在修改过程中快速查找；规范的代码命名可以方便团队间的交流 ， 提高工作效率；而简洁的代码可以直观地展示代码的作用 。分页标题#e#
第三： 不断加强学习
【Linux|Web前端开发所需要的知识技能及学习路径】优秀的web前端工程师之所以优秀 ， 不是因为他们的工作年限 ， 而是因为他们有快速学习的能力 。 Web前端开发是一项特殊的工作 ， 涉及的知识范围很广 ， 互联网行业的技术更新非常快 。 没有快速学习的能力 ， 很难跟上时代的步伐 。 所以作为一个web前端工程师 ， 一定要不断的学习和提高自己的技能 。

来源：(前端启明星)

【】网址：/a/2021/0123/kd631852.html

标题：Linux|Web前端开发所需要的知识技能及学习路径