从零开始学web前端,0基础web前端好学吗

  从零开始学web前端,0基础web前端好学吗

  随着web前端的快速发展,越来越多的人开始学习Web前端。在移动互联网时代,我相信我们每个人的手机上都安装了几十个app,而这些app的开发其实与目前流行的web前端开发密切相关。

  事实上,今天,超过一半的应用程序是以混合模式开发的,这是Android和Web技术的结合。而且纯Web开发的app也不在少数。比如我们熟知的QQ空间,就是在web前端使用React原生技术开发的。除了APP,我们在手机上经常看到的H5页面,在Web端主要是使用HTML5技术开发的。当然,Web前端不仅仅局限于前端网页和app,还涉及到服务器端、桌面级应用甚至VR。

  

推荐一个web前端学习 QQ群606721798,欢迎大家加入,每天晚上在腾讯课堂都有一个技术学习课,会有老师分享干货,帮助大家分析解答问题

  今天我主要讲一下Web前端开发需要的知识、技能和学习路径。

  1.HTML5 CSS3 JavaScript

  Web开发基础的基础,HTML负责网页结构,CSS负责网页样式,JS负责逻辑交互。前两者更像是标记语言,没有任何逻辑,JS是前端的重中之重。5 html 5中的大部分新技术都需要结合JS来学习。

  每个人的学习进度可能不一样。现阶段主要是模仿多个站点,熟悉基础。尝试用CSS编写响应式页面,了解JS的深入知识,比如原型链、闭包、设计模式等。它需要更多的积累,并逐步了解和实践它。

  2.JQuery引导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.角度/反应/速度

  三个前端框架,各有各的生态系统,根据需求选择自己的学习。目前企业最大的需求还是棱角,但最近的趋势显示react和vue更受欢迎。因为现在前端技术突飞猛进,工具和框架的更新比翻书还快,所以还是学习或者看文档比较好。在学习的过程中,会有很多时候用到各种搭建工具。

  7.其他常用工具

  这和你根据自己的需求选择学习是一样的。现在常用的是Web pack,可以打包很多不同编程风格的文件。比如ES6/AMD/CMD等模块化可以被识别,编译成浏览器可以运行的文件。CSS预编译框架Sass/Less可以用逻辑的方式编写CSS代码。Gulp/Grunt构建工具,可以自动压缩合并代码。

  8.其他后端编程语言

  目前市场上基本都是要求前端懂一门后端语言,比如PHP/JAVA/Nodejs/Python。

  学习编程重要的是实践,多打代码,多尝试。独立解决问题的能力和探究精神必不可少。如果有兴趣,还可以建立一个技术博客,上传几个开源项目到github。这些都是优点。

  一个好的程序员,而不仅仅是程序员。

  前端学习注意事项

  第一,打好基础

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

  第二,注重细节。

  俗话说“细节决定成败”,很多web前端开发人员在工作中为了追求速度,忽略了一些细节。比如:给代码添加注释,代码命名规范,代码简洁等。这些事情看起来都不重要,但实际上却严重影响了项目的进度和自身能力的提升。在开发过程中,加入适当的备注,可以加深对技术点的印象,也方便后期修改过程中快速找到;规范的代码命名可以方便团队之间的沟通,提高工作效率;简洁的代码可以直观地展示某段代码的功能。

  第三,不断加强学习。

  优秀的web前端工程师,优秀不是因为工作年限,而是因为快速学习的能力。Web前端开发是一个比较特殊的工作,涉及的知识面很广。而且互联网行业的技术更新速度非常快。没有快速学习的能力,就很难跟上时代。所以作为一个web前端工程师,一定要不断学习,不断提高自己的技能。

从零开始学web前端,0基础web前端好学吗