8年web前端开发经验者告诉你如何零基础学习web前端

随着web前端的飞速发展,学习web前端的人员也是越来越多,在移动 互联网 时代,相信我们每个人的手机上都装有数十个APP,这些APP的开发其实也和当下热门的 Web 前端开发息息相关。 事实上,...

随着web前端的飞速发展,学习web前端的人员也是越来越多,在移动 互联网 时代,相信我们每个人的手机上都装有数十个APP,这些APP的开发其实也和当下热门的 Web 前端开发息息相关。

事实上,如今一半以上的APP都是采用Hybrid混合模式开发,即结合安卓和Web端技术开发。而纯 Web开发 的APP也不在少数,比如我们众所周知的 QQ 空间就是使用 Web前端 的React Native技术开发。除了APP,我们在手机端常看到的H5页面,也是主要运用了Web端的 HTML5 技术开发。 当然,Web前端现在也不仅仅局限于前端网页和APP,服务器端、桌面级应用甚至是VR都有涉及。
首先讲一下Web前端开发所需要的知识技能及学习路径
 
1. HTML5 + CSS3 + JavaScript
 
Web开发基础中的基础,HTML是负责网页结构,CSS负责网页样式,JS则负责逻辑交互。前两者更像是标记语言,没有什么逻辑,JS才是前端的重中之重。 HTML5 新增的技术大部分需要结合JS学习。
 
每个人学习进度可能不同,这个阶段主要是多仿站,熟悉基础,试试用CSS写响应式页面,了解JS深入性的知识,比如原型链、闭包、 设计模式 等需要更多的积累,逐渐理解并实践掌握。
 
2. JQuery + BootStrap + Ajax + Json
 
jQuery是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的契合度更好,不过现在大多数网站都是 PHP +Mysql的组合,如果有学PHP的打算的话,可以先学习 Mysql 。
 
5. ECMAScript 6
 
JavaScript 的语言标准。ES6中加入了很多新的概念,也弥补了之前版本中JS的很多缺陷,越来越多的项目开始运用ES6进行开发。学之前最好把ES5先搞懂了,目前实际项目中考虑到兼容性,ES6是需要通过Babel将其编译为ES5来部署的。
 
6. Angular/React/Vue
 
前端三大框架,各自也有着各自的生态系统,根据需求自行选择学习。目前企业需求量最大的仍然是Angular,但近期趋势来看react和vue则更受欢迎。因为现在前端技术发展太过于突飞猛进,工具和框架的更新比翻书还快,建议学习还是看文档比较好。学习过程中也会遇到很多用到各种构建工具的时候。
 
7. 其他常用工具
 
这个一样是根据需求自行选择学习。比较常用的现在有 Web pack,可以将多个不同编程风格的文件打包,比如ES6/AMD/CMD之类的模块化都能识别并编译成 浏览器 能运行的文件。Sass/Less,CSS预编译框架,可以用带有逻辑性的方式编写CSS代码。Gulp/Grunt构建工具,可以自动化对代码进行压缩合并等工作。
 
8. 其他后端编程语言
 
目前市场对前端基本都要求会一门后端语言, PHP / JAVA / Nodejs / Python 等。
 
学习编程重要的还是实践,多敲代码,多去尝试。独立解决问题的能力、探究钻研的精神是必不可少的。有兴趣的话也可以自己搭建一个技术 博客 ,往 github 上传几个 开源 项目,这些都是不错的加分点。
 
一名优秀的 程序员 ,不仅仅是 程序员 。

小编也在前端混了有几年,整理了一些学习资料,对web开发技术感兴趣的同学欢迎加入新建的Q群:851231348,不管你是小白还是大牛我都欢迎,希望大家诚心交流!

还有大牛整理的一套高效率学习路线和教程与您免费分享,与企业需求同步。好友都在里面学习交流,每天都会有大牛定时讲解前端技术!

前端学习注意事项

第一,打好基础

无论做什么都一定要有扎实的基础,参加web前端培训也不例外,只有基础牢固,才能更深入的学习新技能。作为一名初级的web前端工程师,你必须要具备最基础的技术要素:HTML,CSS和JavaScript。这是作为web前端工程师所必须要掌握的。Web前端的入门门槛其实很低的,与其他语言先慢后快的学习节奏相比,他是一个先快后慢的过程。所以在前期的学习过程中,你会很容易的掌握其基础的技能。而随着HTML5技术的广泛应用,web前端的学习也会变得更加简单。

第二,注重细节

有句俗语是这样说的:“细节决定成败”,很多web前端开发者在工作过程中为了追求速度,而忽略了一些细节性的东西。比如:给代码加备注,代码的命名规范,代码的简洁等。所有的这些看似不重要,其实却严重影响了项目的进度以及自身能力的提升。在开发过程中,适当的添加备注,能够加深对技术点的印象,也便于以后在修改的过程中迅速查找;规范的代码命名能够方便团队之间的沟通,提高工作效率;而简洁的代码能够直观的展现某一块代码的作用。

第三: 不断加强学习

优秀的web前端工程师之所以优秀,不是因为工作的年限有多久,而是具备快速学习的能力。web前端开发是一个特殊的工作,涵盖的知识面非常广,而且互联网行业技术的更新速度是非常快的,如果没有快速学习的能力,就很难跟上时代的步伐。所以,作为web前端工程师一定要不断的学习,提升技能。

  • 发表于 2020-07-11 16:20
  • 阅读 ( 105 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除