8年web前端开发老程序员告诉你如何零基础学习web前端

随着web前端的飞速发展，学习web前端的人员也是越来越多，在移动互联网时代，相信我们每个人的手机上都装有数十个APP，这些APP的开发其实也和当下热门的 Web 前端开发息息相关。
事实上，如今一半以上的APP都是采用Hybrid混合模式开发，即结合安卓和Web端技术开发。而纯 Web开发的APP也不在少数，比如我们众所周知的 QQ 空间就是使用 Web前端的React Native技术开发。除了APP，我们在手机端常看到的H5页面，也是主要运用了Web端的 HTML5 技术开发。当然，Web前端现在也不仅仅局限于前端网页和APP，服务器端、桌面级应用甚至是VR都有涉及。
一今天主要讲一下Web前端开发所需要的知识技能及学习路径

HTML5 + CSS3 + JavaScriptWeb开发基础中的基础，HTML是负责网页结构，CSS负责网页样式，JS则负责逻辑交互。前两者更像是标记语言，没有什么逻辑，JS才是前端的重中之重。 HTML5 新增的技术大部分需要结合JS学习。每个人学习进度可能不同，这个阶段主要是多仿站，熟悉基础，试试用CSS写响应式页面，了解JS深入性的知识，比如原型链、闭包、设计模式等需要更多的积累，逐渐理解并实践掌握。
JQuery + BootStrap + Ajax + JsonjQuery是JS的一个应用库，能够提升原生JS开发效率。Bootstrap则是响应式框架，更简单的实现手机/平板/PC多个设备的页面支持。Ajax技术用于异步交互，不刷新页面就能更新数据，比如地图应用等。Json是一种数据格式，被广泛应用在各大编程语言中。jQuery 和 bootstrap 会简化很多编写的代码量，用着不亦乐乎，但对于基础还不是很扎实的人建议还是少用。 Ajax 和 json 通常用于和后端交互，在实际业务中也经常用到。
Git/SVN版本管理工具，主要用于团队开发时避免文件冲突，也可回档。前端推荐学习Git。
Nodejs + Mysql /MongoDB(可选)运行在服务器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器，不用到各个网站去下载资源包。数据库的学习可以选择MongoDB或者MySQL，前者与Nodejs的契合度更好，不过现在大多数网站都是 PHP +Mysql的组合，如果有学PHP的打算的话，可以先学习 Mysql 。
ECMAScript 6JavaScript 的语言标准。ES6中加入了很多新的概念，也弥补了之前版本中JS的很多缺陷，越来越多的项目开始运用ES6进行开发。学之前最好把ES5先搞懂了，目前实际项目中考虑到兼容性，ES6是需要通过Babel将其编译为ES5来部署的。
Angular/React/Vue前端三大框架，各自也有着各自的生态系统，根据需求自行选择学习。目前企业需求量最大的仍然是Angular，但近期趋势来看react和vue则更受欢迎。因为现在前端技术发展太过于突飞猛进，工具和框架的更新比翻书还快，建议学习还是看文档比较好。学习过程中也会遇到很多用到各种构建工具的时候。
其他常用工具这个一样是根据需求自行选择学习。比较常用的现在有 Web pack，可以将多个不同编程风格的文件打包，比如ES6/AMD/CMD之类的模块化都能识别并编译成浏览器能运行的文件。Sass/Less，CSS预编译框架，可以用带有逻辑性的方式编写CSS代码。Gulp/Grunt构建工具，可以自动化对代码进行压缩合并等工作。
其他后端编程语言目前市场对前端基本都要求会一门后端语言， PHP / JAVA / Nodejs / Python 等。学习编程重要的还是实践，多敲代码，多去尝试。独立解决问题的能力、探究钻研的精神是必不可少的。有兴趣的话也可以自己搭建一个技术博客，往 github 上传几个开源项目，这些都是不错的加分点。一名优秀的程序员，不仅仅是程序员。

前端学习注意事项
第一，打好基础无论做什么都一定要有扎实的基础，参加web前端培训也不例外，只有基础牢固，才能更深入的学习新技能。作为一名初级的web前端工程师，你必须要具备最基础的技术要素：HTML，CSS和JavaScript。这是作为web前端工程师所必须要掌握的。Web前端的入门门槛其实很低的，与其他语言先慢后快的学习节奏相比，他是一个先快后慢的过程。所以在前期的学习过程中，你会很容易的掌握其基础的技能。而随着HTML5技术的广泛应用，web前端的学习也会变得更加简单。
第二，注重细节有句俗语是这样说的：“细节决定成败”，很多web前端开发者在工作过程中为了追求速度，而忽略了一些细节性的东西。比如：给代码加备注，代码的命名规范，代码的简洁等。所有的这些看似不重要，其实却严重影响了项目的进度以及自身能力的提升。在开发过程中，适当的添加备注，能够加深对技术点的印象，也便于以后在修改的过程中迅速查找;规范的代码命名能够方便团队之间的沟通，提高工作效率;而简洁的代码能够直观的展现某一块代码的作用。
第三：不断加强学习优秀的web前端工程师之所以优秀，不是因为工作的年限有多久，而是具备快速学习的能力。web前端开发是一个特殊的工作，涵盖的知识面非常广，而且互联网行业技术的更新速度是非常快的，如果没有快速学习的能力，就很难跟上时代的步伐。所以，作为web前端工程师一定要不断的学习，提升技能。

我自己是一名从事了多年开发的web前端老程序员，前段时间我花了一个月整理了一份最适合学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以添加下面的QQ群，即可免费获取。

8年web前端开发老程序员告诉你如何零基础学习web前端相关推荐

java学了之后老忘_老程序员的建议，零基础学java，常见的误区和解决方法
写一篇经验分享的文章,现在很多人学习java 第一,觉得java很难, 第二,觉得java 找工作不好找, 第三,也有人说java饱和了, 现在确实是行业的要求越来越高了, 早在07年的时候把java ...
8年web前端开程序媛，告诉你如何零基础学习web前端
随着web前端的飞速发展,学习web前端的人员也是越来越多,在移动互联网时代,相信我们每个人的手机上都装有数十个APP,这些APP的开发其实也和当下热门的 Web 前端开发息息相关. 事实上,如今 ...
女孩子零基础学习web前端开发怎么…
· 网页开发工具: 学习web前端开发,网页开发工具有FrontPage,会用 Word 的人很容易学会FrontPage.还有一个常用的是Dreamweaver.这两种都是使用最多的HTML网页制 ...
关于零基础学习web前端开发，有些过来经验分享
大家好,今天给大家分享一下我从事WEB前行业一些自己的学习经验分享也希望通过这篇文章,可以帮助到更多正在学习但是又不知道从哪里学习学习的前端的小伙伴,还有一些想要去转行的,但是不知道不知道如何去学习 ...
看看10万程序员怎么评论：零基础的前端开发该如何系统地学习？
首先在无人指导的情况下,看书是一种学习途径.比如<JS高级程序设计><权威指南>是前端开发者必看书籍.但对于入门的同学来说看着费劲很难看懂.而且太枯燥很难坚持下去.我的建议是好 ...
老程序员告诉你人工智能工程师与Python工程师有什么区别?
学习Python就等于学习人工智能吗?当然不!千万不要混淆它们的概念!Python工程师并不等同于人工智能工程师. Python工程师与人工智能工程师最根本的区别是什么? Python和JAVA.C语 ...
人工智能选go还是python_老程序员告诉你人工智能工程师与Python工程师有什么区别?-Go语言中文社区...
学习Python就等于学习人工智能吗?当然不!千万不要混淆它们的概念!Python工程师并不等同于人工智能工程师. Python工程师与人工智能工程师最根本的区别是什么? Python和JAVA.C语 ...
proteus如何添加stm32_一个应用软件程序员的单片机STM32零基础入门
为什么开始考虑搞嵌入式开发? 近5年来,从云计算.大数据到机器学习.AI,各种新潮的技术概念一波--接一波. 作为一名好奇心旺盛的软件程序员,每一个技术概念流行起来都会去凑凑热闹. 但,在我的技术栈里 ...
黑马程序员顺义校区php_黑马程序员：从PHP零基础到月薪11K为何送锦旗给班主任？...
2016年我在传智播客学习完PHP以后,特意给班主任王智慧老师送了一面锦旗.为什么我会送锦旗,那是因为从她当我们班主任开始,就非常的负责,对我们非常的好,这个可以随便问问班里的同学.而且我能找到高薪工 ...

8年web前端开发老程序员告诉你如何零基础学习web前端

8年web前端开发老程序员告诉你如何零基础学习web前端相关推荐

最新文章

热门文章