① Web前端开发火热，如何成为web前端工程师
下面我来告诉你如何从小白成为一名前端开发工程师。
Web前端现在很火热么？不过我并没有感觉，现在火热的是大数据、人工智能、区块链。如果你想成为一名web前端工程师，其实不困难，自学即可。
成为web前端工程师第一步
了解web前端工程师必备的技能，以下汇集自各大企业招聘的前端工程师的职位要求。
熟悉交互产品的前端系统设计、开发与纳斗实现，深入了解CSS、HTML、javascript、Ajax、DOM、JSON；熟悉http，熟悉各种浏览器终端的兼容性，对Web前台的性能优化以及Web常见漏洞有一定的理解和相关实践；熟悉vue.js、React.js、Angular.js、bootstrap等框架。熟练使用JS实现Json、XML格式的数据发送与数据解析；熟练运用PHP、Mysql等后端开发技术。如何学习成为前端开发工程师
我现在把你当做一个零基础的小白，你应该从下面几步开始学习。
1.学习HTML的基础知识，包括每个标签的位置和意义，在什么位置写什么代码。
2.学习CSS的相关知识，注意id、类、标签的优先级等，尝试写一个web页面出来，可以先写嵌入式的CSS，然后再写引入外部文件中的CSS，写CSS要注意浏览器兼容，主流就是谷歌内核和IE内核，IE内核一般兼容到IE8，前面的浏览器使用不多。
3.学习JavaScript，我觉得在前端中最重要的是js，基础知识学习完成后你再学习使用js的框架，当然还有很多的js库需要学习，比如你如果想在web页面展示3D模型，那你需要学习使用three.js。
4.有了基础之后你可以写一些静态页面，开发酷炫的页面特效，开发一些js插件，这些你都可以上传到你自己的github仓库，有个github仓库在找工作过程中还是很有用的。
5.虽然讲究前后端分离，但是现在前端开发最好还是要会一些后端开发语言，比如PHP、nodejs等。
6.最后你可以自己写一个完整的网站，注意前后端分离，json传数据等。
如果按照上述步骤来，我想你成为一名初级的前端开发工程师师没问题的，找工作也应该没问题。
暂时想到这些，不扰茄盯足的可以提醒补充。
我是萌新程序猿，科技圈的事情欢迎邀请我来回答！
码了这么多字，点个赞关注下再走吧！！！
关注萌新程序猿（本人咯），了解更多IT以及程序猿的缓和知识！！
② 如何成为一名顶尖的前端开发工程师
前端工程师主要是指完成页面制作。现在前端工程师更偏向于全栈，不光是前端，后端也需要进行了解。下面的步骤就是学习路线，应该学习哪些内容，具体内容后面的经验会分享，也可以自己前往搜索相关资源。
第一部分：HTML。HTML是标记语言，也就是经常能在代码中看到的<p></p>,<div></div>。现在有了HTML5,提供了一些新的标签语言，例如<header> 、<nav>、<article>、<aside>、<footer>。这一部分最简单，通常只需要2-3天学习就可以记住。
第二部分：CSS。css控制网页的样式，例如字体颜色，字体大小，行边距等。css是盒模型，分为margin,padding,content和border。css样式众多，学起来需要很长时间，但在实际操作学习更快。学习这一部分，大概需要花费1周时间，以后在实践中边学边用。
第三部分：javascript。前端的核心技能。js是一种脚本语言，用于实现网站中各种功能，例如表单提交，播放器等。这一部分学习是没有尽头的，想成为一名初级前端只要学两个月的时间，学习function的正确写法即可，逻辑算法需要长期的研究。
第四部分：HTTP协议。HTTP 协议是互联网的基础协议，也是网页开发的必备知识。需要学习时间不用太长，在学习javascript后会很快速上手，需要时间大约为1天。
第五部分：三大框架， Angular/React/Vue，三种是目前主流框架。Angular全面，项目代码多；Vue轻便，针对性解决问题，拿来就用，开发存在局限性。新手建议从vue上手，再去了解react和angular。
③ 如何成为前端工程师需要学哪些东西
第一部分：HTML。HTML是标记语言，也就是经常在代码中看到的<p></p><div></div>。现在有了HTML5，提供了一些新的标签语言，例如<header><nav><article><aside><footer>。这一部分最简单，通常只需要2-3天学习就可以记住。
第二部分：CSS。css控制网页的样式，例如字体颜色、字体大小、行边距等。css是盒模型，分为margin、padding、content和border。css样式众多，学起来需要很长时间，但在实际操作学习更快。学习这一部分，大概需要花费一周时间，以后在实践中边学边用。
第三部分：JavaScript，前端的核心技术。js是一种脚本语言，用于实现网站中各种功能，例如表单提交、播放器等。这一部分学习是没有尽头的，想成为一名初级前端只要学五个月左右的时间，学习function的正确写法即可，逻辑算法需要长时间的研究。
第四部分：HTTP协议。HTTP协议使互联网的基础协议，也是网页开发的必备知识。需要学习的时间不用太长，在学习JavaScript后会很快上手，需要时间大约为一周左右。
第五部分：三大框架，Angular/React/Vue，三种是目前主流框架。Angular全面，项目代码多；Vue轻便，针对性解决问题，拿来就用，开发具有局限性。新手建议从Vue上手，再去了解React和Angular。
④ 如何成为前端工程师
如何成为一个优秀的Web前端开发工程师？
一个优秀的前端工程师必须能适应技术的发展，不断突破提升自己的能力，了解前端发展的趋势是必不可少的。
前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。随着互联网技术发展，前端技术也在不断地更新。需要前端开发的场景也在不断延伸，从传统的网站，到移动端开发，再到各类可穿戴设备，前端开发的交互设计也从基本的鼠标键盘，到触屏，甚至感控，手势行为等等。不难发现前端的发展趋势正在从“单端向多端发展”、“界面正在从GUI向NUI演进”，VR / AR等相关技术也越来越成熟。
一、好奇心
为了了解前端发展趋势，一颗好奇心是必要的。可以多关注技术博主，技术新闻等获取新技术的信息，不能排斥新技术，保持好奇心，拓展知识面，可以帮助自己快速的查漏补缺，快速成长。
二、专注力
浅尝辄止收效甚微，所以还需要一定的专注力。这个专注力不仅是指对于当前使用的技术上，更指一些新的热门技术。尤其对于些前端老人来讲，接纳一门新技术是耗时耗力的，但互联网相关技术最大的特点就是更新快，如果固步自封，是不会进步和成长的。
三、合适的学习方法
新的技术层出不穷，想要都每一个都深入学习是不现实的，所以，优秀的开发者要创建自己的学习方法。无论通过什么方式学习，与已经融会贯通的技术做类比去学习往往是见效比较快的。可多写些博客记录自己的学习感悟，在技术社区经常和同行多沟通交流意见也能得到意想不到的收获。
四、避免广而泛
如果你是一个想要成为优秀工程师的前端开发者，请记住，前端工程师的成长需要一定时间跨度的经验积淀。“这个我也懂，那个我也知道......”，这种广而泛的技术面是远远不够的。一个前端工程师要踩过多少坑，才能称的上是一个专业的前端工程师。真正的优秀不是纸上谈兵没事靠着自己的实践一点一点积累来的。
⑤ 如何成为前端工程师
一、技术的必须的
作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通，类似我字样对前端知识一知半解的，一遇到问题就停下工作就四处搜索解决方案的，首先就算不上一个合格的前端人员。像我这样的如果当了前端工程师那工期肯定是不能保证的。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下（包括搜索引擎），能够完成大多数任务。
以下知识点是作为一个前端工程师必须了解和熟悉的：
DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。
盒模型——外边距、内边距和边框之间的关系，IE < 8中的盒模型有什么不同。
块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。
JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。
产品经理——这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求，以及怎样通过他们设计的模式赚到钱（但愿如此）。一般来说，这些人追求的是丰富的功能。
UI设计师——这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。
项目经理——这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。
最终用户——当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道，但他们的反馈意见至关重要；没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。
前端工程师
SVG/Canvas/VML
D3/Raphaël/DataV
知识管理/总结分享
沟通技巧/团队协作
需求管理/PM
交互设计/可用性/可访问性知识
编译原理
计算机网络
操作系统
算法原理
软件工程/软件测试原理
D2/WebRebuild
NodeParty/W3CTech/HTML5梦工厂
JSConf/沪JS(JSConf.cn)
QCon/Velocity/SDCC
JSConf/NodeConf
YDN/YUIConf
MongoDB/CouchDB
HTML5/CSS3
响应式设计
Zeptojs/iScroll
V5/Sencha Touch
PhoneGap
jQuery Mobile
CSRF/XSS
ADsafe/Caja/Sandbox
类库模块化
业务逻辑模块化
文件加载
CommonJS/AMD
YUI3模块
LABjs
SeaJS/Require.js
压缩合并
文档输出
项目构建工具
YUI Compressor
Google Clousure Complier
CleanCSS/UglifyJS
JSDoc
Dox/Doxmate
make/Ant
GYP
Grunt
Yeoman
数据结构
OOP/AOP
原型链/作用域链
闭包
函数式编程
设计模式
Javascript Tips
JSPerf
YSlow 35 rules
PageSpeed
HTTPWatch
DynaTrace’s Ajax
高性能JavaScript
HTTP1.1
ECMAScript3/5
W3C/DOM/BOM/XHTML/XML/JSON/JSONP
CommonJS/AMD
HTML5/CSS3
jQuery/Underscore/Mootools/Prototype.js
YUI3/Dojo/ExtJS
Backbone/KnockoutJS/Emberjs
Coding style
单元测试
自动化测试
JSLint/JSHint
CSSLint
Markup Validation Service
QUnit/Jasmine
Mocha/Should/Chai
WebDriver
IDE
调试工具
版本管理
VIM/Sublime Text2
Notepad++/EditPlus
WebStorm
Firebug/Firecookie
YSlow
IEDeveloperToolbar/IETester
Fiddler
Git/SVN
Github/Bitbucket/Google Code
HTML/HTML5
CSS/CSS3
PhotoShop/Paint.net
JavaScript/Node.js
JavaScript语言精粹
IE6/7/8/9
Firefox
Chrome/Safari/Opera
浏览器
编程语言
切页面
开发工具
代码质量
前端库/框架
前端标准/规范
性能
编程知识储备
部署流程
代码组织
安全
移动Web
JavaScript生态
前沿技术社区/会议
计算机知识储备
软技能
可视化
后端工程师
Unix/Linux/OS X/Windows
SQL
MySQL/MongoDB/Oracle
C/C++/Java/PHP/Ruby/Python/…
编程语言
操作系统
数据结构
上述这些知识点都应该是你“想都不用想”就知道的东西。除了上述的前端知识，也还需学会至少一门后端编程语言，让你自己学会如何与后端进行更好的交互。
很多前端工程师对一些库非常的熟悉，jQuery，Bootstrap等，但是对于库的熟悉并不能提现你的优秀，整整优秀的是那些理解库背后的机制，特别是能够徒手写出一个自己的库的人。
真正合格的前端工程师是能实现具体的功能要求，而优秀的前端工程师需要解决的问题是寻找一个最优的解决方案。
二、沟通很重要
优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关。在任何情况下，前端工程师至少都要满足下列四类客户的需求。
不要在没有作出评估之前就随便接受某项任务。你必须始终记住，一定先搞清楚别人到底想让你干什么，不能简单地接受“这个功能有问题”之类的大概其的说法。而且，你还要确切地知道这个功能或设计的真正意图何在。“加一个按钮”之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理，问一问这个按钮有什么用处，然后再找UI设计师一块探讨按钮是不是最佳的交互手段。要成为优秀的前端工程师，这种沟通至关重要。
那么，前端工程师应该最关注哪些人的意见呢？答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期，然后在此基础上拿出最佳解决方案。由于前端工程师处于与这四类人沟通的交汇点上，因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能，必须删繁就简，你怎么跟产品经理解释？再比如，假设某个设计如果不改回原方案可能会给应用程序造成负面影响，你怎么才能说服UI设计师？作为前端工程师，你必须了解每一类人的想法从何而来，必须能拿出所有各方都能接受的解决方案。从某种意义上说，优秀的前端工程师就像是一位大使，需要时刻抱着外交官的心态来应对每一天的工作。
专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。
三、提升无止境
优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐。你必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。
四、前端开发知识架构
参考链接：
http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer-1356.html
JacksonTian/fks · GitHub
⑥ 怎样成长为一个优秀的 Web 前端开发工程师
前端工程师??跟其他语言方向的程序员相比，前端工程师反而更像是幕后的人，虽然名称很孝颤前端。作为一个入门简单、进阶难的工作，前端是很多程序员的选择，想要成为优秀的前端，经验与态度缺一不可，当然必不可少的还有兴趣，毕竟兴趣才是最好的老师啊。学而不思则罔，思而不学则殆，长路漫漫，要记得背好行囊，做好与知识相伴相知的心理准备~
这篇文章共享之前我仍是要引荐下我自个的前端群：657137906，不论你是小白仍是大牛，小编我都挺期待，不定期共享干货，包含我自个整理的一份2017最新的前端材料和零根底入门教程，期待初学和进阶中的小伙伴。
前端工程师也是程序员的一份子，想成为优秀的前端，确实有难度，学习之前先想想为什么要学前端，学习前端要耗费多少成本（主要是时间成本，也可以叫机会成本），学习了之后能带来什么好处，要学到什么程度。
当然也必须具备优秀程序员一些共通的特征。
一、热爱，有信念，写起代码有激情
二、优秀的编码习惯，提高易读性
三、较强的学习能力，能够举一反三
这些特征小慕在之前的回答中也提到过，这里就不再多说啦，咱们还是把重点放在“前端工程师”的专业素养上。
1.较高的审美水平和交互设计能力
一个没有任何艺术美感的人，很难去画出一幅饱含感情的画作，敲代码也是同理。有人会感觉这个是UI设计和产品经理的任务，但作为功能的实现者，肯定需要考虑美感和用户的体验。
优秀前端写出的代码，不仅仅是为了完成任务，为了应付项目经理，而是需要真正站在用户的角度，把用户的体验做到极致。为什么有的前端完成任务后可以一次通过，而有的则需要不断修改返工，其实关键就在于有没有站在用户立场上去考虑一些问题，这一点说到容易做到难。
2.解决问题能力和调试能力
这两个能力，需要的是更多的积累。再优秀的程序员也不可能做到代码永远不会出现问题，从小白时期遇到问题直接上网搜索，然后慢慢自己根据报错信息定位问高凳题，到最后终于可以看到问题就知道问题出在哪里??
“久病成良医”，在“爬坑”中积累出血泪经验是每个前端工程师都必经的历程??除此之外，搭建良好的日志系统和熟练使用调试工具，对于前端，浏览器中的审查元素、测试框架、抓包工具等等，都戚慎旅是前端必备，绝大多数的debug过程都使用以上几种工具和途径。
最后在说几句：
厉害程序员相对于普通程序员的优势在于：
写出的代码更容易排错，不是高手的代码就不会错，而是高手的代码出了错容易找。高手的代码可读性一定很好，模块清晰，命名规范，格式工整，关键的地方有注释，出了异常有log，自然容易排错，即使交给别人去debug也是比较容易的。
今天JavaScript中this引发的bug就到这里写完了，学习web前端的可以加我的群，每天分享对应的学习资料：657137906，欢迎初学和进阶中的小伙伴。多写多练。
如果想看到更加系统的文章和学习方法经验可以关注我的微信公众号：‘web前端725’关注后回复‘领取资料’可以领取一套完整的学习视频
⑦ 如何成为前端工程师
前端技术的学习有两条路径：一个是“多线程”的学习路径，一个是深入学习的路径。什么是“多线程”的学习路径？
第一个线程，是基础知识的学习。这个是学习其它技术的基础。基础知识需要系统的学，基础包括JavaScript / HTML / CSS / 原生 Web API的学习。学过之后还不能直接做项目，你还需要掌握一些框架和工具才能解决问题，但如果要更好的解决问题、组合方案、调试问题，就必须对语言和语言特性有深入的理解。
第二个线程，领域知识的学习。前面也说过，要不断丰富自己的知识结构。特定的岗位需要特定的领域知识。会有一些通用性的知识，像软件工程 / 数据 & 算法 / 网络 / 可视化 / 安全 / 交互设计，这些知识和理论不要求有多深的学习，但要有一定的认知。
第三个线程，工程实践经验。重点是使用的经验。像开发工具 / 包管理 / 构建工具 / 主流的框架和库 / 代码版本管理 / 调试和测试相关工具等等，这些工具层面的东西，虽然比较多，很多达到会用的程度就可以。前端工具有“喜新厌旧”的特点，变化很快，要不断吸收最新的东西。所谓“善假于物”，善于使用开源的库和工具，能够帮助我们快速的解决问题。但是，如果不了解背后的原理、技术点，仅仅停留在会用的层面，只能是生搬硬套，很难有进一步提高。很多人说前端发展太快了，刚学会一个东西，过两年就被淘汰了，说的其实就是工具层面的东西，越基础的东西相对越稳定，也就越值得投入精力去学。工程方面，像React这种基础库相对稳定，值得深入的去学，后面我会讲怎么深入去学。实际上，任何新东西都有其发展的脉络，如果你具备一定基础，了解背后的原理，你不仅能很快掌握它，还能完善它。
要成为一名专业的前端工程师，需要多线程、多维度的学习，包括工作之后，仍然需要持续去学习。对同学们起步来说，基础要牢固，工程方面有一定的使用经验，知识结构要尽可能广泛和丰富。
⑧ 如何成为一个web前端工程师
前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。
Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！
关于书籍：
HTML、CSS 类别书籍，都是大同小异，在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《CSS禅意花园》，这个很有影响力。
Javascript 的书籍 推荐看老外写的，国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。
这里推荐几本 Javascript 书籍：
初级读物：
《JavaScript高级程序设计》：一本非常完整的经典入门书籍，被誉为JavaScript圣经之一，详解的非常详细，最新版第三版已经发布了，建议购买。
《JavaScript王者归来》网络的一个Web开发项目经理写的，作为初学者准备的入门级教程也不错。
中级读物：
《JavaScript权威指南》：另外一本JavaScript圣经，讲解的也非常详细，属于中级读物，建议购买。
《JavaScript.The.Good.Parts》：Yahoo大牛，JavaScript精神领袖Douglas Crockford的大作，虽然才100多页，但是字字珠玑啊！强烈建议阅读。
《高性能JavaScript》：《JavaScript高级程序设计》作者Nicholas C. Zakas的又一大作。
《Eloquent JavaScript》：这本书才200多页，非常短小，通过几个非常经典的例子（艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等）来介绍JavaScript方方面面的知识和应用方法。
高级读物：
《JavaScript Patterns 》：书中介绍到了各种经典的模式，如构造函数、单例、工厂等等，值得学习。
《Pro.JavaScript.Design.Patterns》：Apress出版社讲解JavaScript设计模式的书，非常不错。
《Developing JavaScript Web Applications》：构建富应用的好书，针对MVC模式有较为深入的讲解，同时也对一些流程的库进行了讲解。
《Developing Large Web Applications》：不仅有JavaScript方面的介绍，还有CSS、HTML方面的介绍，但是介绍的内容却都非常不错，真正考虑到了一个大型的Web程序下，如何进行JavaScript架构设计，值得一读。
要做优秀的前端工程师，还需要继续努力：《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷之道》、“ jQuery 库”、“前端框架”、“HTML5”、“CSS3”。。。 这些都要深入研究！
万事开头难！如果你能到这个境界，剩下的路自己就可以走下去了。
人们常说：不想当裁缝的司机，不是个好厨师。
在成为一个优秀的前端工程师的道路上，充满了汗水和辛劳。
⑨ 如何成为一名优秀的web前端工程师
Web前端开发工程师已经成为了很多年轻人心中的理想工作，不仅入行门槛低、而且薪资待遇和发展前景都不错，自然吸引了大批人加入行业。那么，怎么样学习才能成为一名合格的web前端开发工程师呢？相信很多初学者都会有这个疑问，下面，就带大家来看看吧！
零基础能入门web前端吗?
新人想要学WEB前端技术，最为关心的是成为WEB前端工程师要多久，学习web前端路线是怎样的。如果你真想知道学web前端技术的时间是多长，那么就得了解它究竟要学什么东西。
web前端开发技术的入门门槛其实并不算高，服务器端语言的学习特点是先慢后快，而前端开发的学习曲线则是反过来的，前期学习速度很快非常容易上手。前端工程师，也叫Web前端开发工程师。它是随着web发展，细分出来的行业。
学习web前端要掌握哪些内容？
Web前端开发技术主要学习的内容有三方面：HTML、CSS和JavaScript。近些年前端领域发展迅速，技术更新迭代也很快，这就要求web前端人员除了要掌握必备的知识之外，还需要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
如何成为优秀的web前端开发工程师？
不管是web前端技术还是其他IT技术也好，其实都是从零基础开始的，你可以直接学习或者是通过相近经历转行。所以新人不需要因零基础而担心自己学不会。想要成为合格的WEB前端工程师，其实也不是很难的事情，主要是要选择科学的学习方式。
优秀的Web前端开发工程师应该具备快速学习能力。如果没有快速学习能力，就跟不上Web发展的步伐。不断提升自己，不断学习新技术、新模式。对于新手来说，新技术就是新技术：对于一个高手来说，新技术不过是旧技术的延伸。因此，不断学习，才是重中之重!
而零基础学习者想要快速学习web前端，参加学习班是最行之有效的方法。
⑩ Web前端工程师的入门指南-教你如何成为一名web前端开发工程师
今天小编要跟大家分享的文章是关于Web前端工程师的入门指南-教你如何成为一名web前端开发工程师。经过如此多的试验和测试，而不是说你从头开始创建了所有内容，接着，你在网页上创建了第一个登录表单时，你感觉如何?经过了多次更改后，将布局分配给第一个Web应用程序时感觉如何?当成功处理了数千个用户的操作时，你感觉如何？
大多数Web开发人员都经历了上述所有阶段，最初可能会对其中某些感到沮丧，但是当他们看到自己的网站正在运行并且人们在世界各地使用它时，总体感觉确实令人兴奋和惊奇。Web开发人员负责许多任务，从收集需求到设计网站，处理网站的后端部分，并使其成功地为用户服务。每年，行业中都会涌现出新技术和工具，以提高开发人员的工郑槐作效率，并为用户提供更好的网站。对于他们来说，保持在Web开发游戏之上的挑战变得越来越大。今天，我们将讨论要在2020年成为Web开发人员的完整地图。这将是针对所有开发人员(前端，后端和全栈)的实用指南。
1、首先确定你的目标或道路
我们将讨论很多技术，趋势和工具，但我们不希望您不知所措，因此你需要首先决定要成为一名Web开发人员要做什么，因为这将帮助你选择合适的工具。和学习技术。成为Web开发人员的原因有很多，下面列出了一些选择因素：
·你想作为一卜丛贺名Web开发型派人员在一家公司工作，这是最普遍的原因。
·你想以自由开发人员的身份来开始自己的业务或代理。
·你可以成为其他公司的顾问。
·你可以创建自己的应用来赚钱。
·编码是你的业余爱好。
从上述感兴趣或目标的领域，你可以选择适用于你的目标的正确工具和技术。如果你的目标是成为一名前端开发人员，则可以选择前端开发的工具和技术。后端和全栈开发也是如此。
2、Web开发的基本工具和软件
·
计算机和操作系统：如果没有计算机和操作系统，则无法编写代码。要学习Web开发，你不需要任何高端计算机(如果你拥有的话，那么更好)。你可以使用任何类型的中型笔记本电脑或台式机。对于操作系统，可以使用适合你的MacOS，Windows(最新版本)或Linux。
·文本编辑器/
IDE：毫无疑问，VSCode适用于大多数情况和大多数语言。它具有良好的性能，出色的扩展性，内置的终端功能以及大量功能。在2019年StackOverFlow调查中，VSCode也是开发人员的首选。你还可以选择其他一些不错的选择，例如Sublime
Text或Atom。如果我们谈论IDE，那么是Visual
Studio(#或C#)，Eclipse和Netbeans(Java)。是不错的选择。
·
Web浏览器：大多数开发人员的首选是Chrome或Firefox。Chrome速度很快，并且使用V8引擎(JavaScript引擎)。Firefox也取得了长足的进步，其中的一些好东西不在chrome浏览器中。两种浏览器都有出色的开发工具，可以对Web开发中的问题进行故障排除。
·终端：您将使用一些系统命令来使用CLI进行很多工作。您可以将默认或第三方终端用于您的Web开发项目。Bash，Zsh，Powershell，Git
Bash，iTerm，Hyper这些都是可以使用的选项。
·设计(可选)：并不是每个人都需要学习。在公司中，有专门的团队来制作图像，徽标或草图，但是如果您是自由职业者，则可能必须学习Adobe
XD，Photoshop，Sketch或Figma。
3、从HTML和CSS开始
HTML和CSS是Web开发的基本构建块。无论您的Web应用程序有多先进，或者使用什么框架和后端语言，都必须使用HTML和CSS构建前端应用程序。因此，这是在Web开发中要学习的第一件事。
·HTML5(语义元素，属性，文档类型等)
·CSS基础知识颜色，字体，位置，盒子模型等。
·CSSGrid和Flexbox对齐内容或创建列。
·CSS自定义属性
4、响应式布局
您的应用程序应该在所有类型的设备(例如智能手机，平板电脑，台式机，iPad或任何其他屏幕尺寸的设备)上都可以查看和使用。因此，了解创建响应式设计或布局非常重要。让我们来看一些重要的主题。
·了解如何设置视口
·媒体查询不同的屏幕尺寸。
·流体宽度
·雷姆单位
·移动优先
5、自定义可重用CSS组件
与其依赖大型的CSS框架(如Bootstrap)，不如创建自己的模块化，可重用的CSS组件以在项目中使用。如果您构建自己的定制设计，则无需导入完整的库。您创建只需要特定UI的组件。的新趋势最近还出现了有助于更有效地编写CSS代码的代码。如果你已经了解CSS，那么您无需在学习Saas上花费很多精力。Saas是CSS预处理程序，可为标准CSS添加更多功能并使其更加高效。你可以使用变量，嵌套，条件语句来减少CSS的重复并提高其效率。你还可以为每个可重用组件创建单独的Saas文件。Sass确实节省了很多时间，所以你绝对应该在2020年学习它。
6、CSS框架
学习CSS框架的普及程度不如去年，但对于不擅长设计的开发人员而言，仍然非常相关或有用。有许多流行的CSS框架可供使用，其中一些如下。
·Bootstrap是最流行的CSS框架。学习引导程序也有助于学习其他框架。
·Tailwind
CSS是其他正在流行的框架，与其他框架几乎没有什么不同。它是一组实用程序类，因此您可以创建自己的按钮和其他看起来与其他按钮确实不同的东西。它们也是高度可定制的。
·物化
·布尔玛
7、前端必须语言：JavaScript
学习HTML和CSS之后，接下来需要学习的是Vanilla
Javascript。对开发人员来说，掌握javascript基本知识非常重要。您将在服务器端语言(例如PHP，Python或#)中使用大量javascript，并且如果您想与React，Angular，NodeJS，Vue或任何其他javascript框架或库一起使用，则非常需要学习这种语言。以下是你应该在javascript中涵盖的一些重要主题
·JavaScript基础知识(变量，数据类型，函数，条件等)
·DOM(文档对象模型)
·JSON(JavaScript对象表示法)
·提取API(请求/响应/Ajax)
·如果您想转向React，Vue，Angular或其他框架，现代JS(ES6)概念对于学习非常重要。
8、一些重要工具
Web开发中将使用一些工具。这些工具将帮助你进行调试，提高生产率，管理代码，与其他开发人员合作以及类似的东西。让我们讨论其中一些工具。
·
Git(版本控制)和Github是您肯定会在2020年学习的最受欢迎的工具。Git在与其他开发人员协作和管理代码方面有很多帮助。您还可以选择其他一些选项，例如GitLab，Bitbucket和其他一些选项。
·
了解如何使用浏览器开发工具。无论是chrome还是firefox，您都应该知道如何使用不同的选项卡，例如元素选项卡，javascript控制台，用于请求和响应的网络选项卡，应用程序选项卡以及其他用于不同目的的选项卡。
·大多数IDE或文本编辑器都具有添加扩展名或插件的功能，这对提高生产力和构建Web应用程序非常有帮助。例如，Visual
Studio代码中的VSCode扩展可帮助下载扩展，例如实时服务器或实时saas编译器以与React一起使用。
·Emmet是另一个很棒的工具，它允许您编写非常快速的HTML和CSS，这有助于提高开发人员的生产力。
·
学习使用javascript软件包管理器，例如NPM和Yarn。如果您正在使用Javascript框架或库(例如React)，那么这些软件包管理器将使用很多，但是对于其他语言(例如Python或Php)，您将使用不同的软件包管理器。
·
如果要在前端安装NPM软件包，则必须使用Webpack或Parcel。如果要创建自己的模块，或者要将一个javascript文件带到另一个javascript文件，则默认情况下不能仅使用浏览器来执行此操作，因此需要Webpack或Parcel对其进行捆绑。
9、基本部署
此时，一旦你知道应该为前端开发学习什么工具或技术，就需要知道如何在Internet上部署前端网站。如果你正在为小型企业构建一些小型应用程序，登录页面或个人站点，则无需学习AWS或DevOps，仅因为它们具有光泽和新潮。你将使事情变得更加复杂而不是简单。你需要在2020年学习一些部署工具和步骤。
·域注册(Namecheap，Google等)
·托管托管(InMotion，Hostgator，Bluehost等)
·静态主机(Netlify，Github页面)
·SSL证书。
·FTP，SFTP(文件传输协议)非常适合小型应用程序。
·SSH(安全外壳)，用于高级应用程序。
·CLI和Git。
到目前为止，我们讨论的任何工具，技术趋势或步骤都是前端开发的一部分。您尚不知道该框架，但可以为个人和小型企业构建网站，也可以构建适合移动设备的布局。您还可以使用到目前为止讨论的工具或技术来部署小型应用程序或项目。如果您想申请工作，那么学习一些前端框架(如React，Vue或Angular)将是很棒的。
10、前端框架和状态管理
框架使您可以进行更高级的前端开发。框架为您提供了许多优势，例如可重用的组件，更有条理的UI或页面交互。这对于协作更好，也有助于编写简洁的代码。另外，了解状态管理。每个框架都有不同的方法。以下是2020年的一些流行框架和状态管理器。
·React：React库是最流行的Web开发学习方法，与其他框架和库相比，它相当容易。React开发人员还有很多工作要做。您可以将Rex和
ContextAPI与Hooks一起使用以进行状态管理。
·Vue：
Vue也越来越受欢迎，开发人员也更喜欢学习Vue。与React和Angular相比，Vue最容易学习。VueX是为视图而构建的状态管理器。
·Angular：此框架通常在大型组织中使用。它具有相当陡峭的学习曲线。用Angular学习
TypeScript也很好。它允许您使用可选的静态类型并支持ES2015的功能。NGRX和Services是可以学习此框架的良好状态管理器。
可选学习：
·
如果您具有这三个框架之一的知识，那么您还可以使用Svelte，它是一个JavaScript编译器，可让您生成纯净的原始JS代码并帮助您轻松构建用户界面。
·
了解服务器端渲染。NextJS(React)和NuxtJS(Vue)是允许您在服务器上运行React和Vue的框架。两者都有很好的功能，例如更好的SEO，文件系统路由，自动代码拆分，静态导出，JS中的CSS和许多其他功能。
·静态网站生成器：Gatsby(反应式)和Gridsome(Vue)
我们已经讨论了所有大多数前端开发工具和技术。现在让我们讨论成为后端开发人员或全栈开发人员的语言和技术。
11、服务器端语言(选择一种)
您应该至少了解一种服务器端语言。要在2020年选择一种语言，下面提供了一些选项...
·NodeJS(不是语言，而是运行时环境)
·Python(非常适合初学者)
·Java(适合大型组织)
·Php(适合自由职业)
·Ruby(2020年少两极)
·C#
·Go
注意：无论你喜欢学习哪种服务器端语言，都要确保你了解使用该语言的数据结构和算法。数据结构和算法将帮助您为用户呈现数据，并将帮助您优化Web应用程序中的代码。我们特别建议您专注于使用数组和字符串(最重要)。你将同时使用这两种方法。
12、服务器端框架(选择一项)
一旦学习了自己选择的一种服务器端语言，就可以使用其中一种语言框架。您可以选择以下给出的选项之一...
·Node.js_Express，Koa，Adonis，Feather.js，Nest.js
·Python：Django，Flask，
·Java：SpringMVC，Grails
·PHP：Laravel，Symfony，Codeignitor，Slim
·Ruby：Sinatra上的RubyonRails
·C#：ASP.NETMVC
·Go：Revel
13、数据库(选择一项)
大多数Web应用程序都需要一个存储数据的地方。在某些情况下，某些技术或某些语言可以与某些数据库配合使用。例如：在Mern堆栈中，M代表MongoDB，而在LAMP堆栈中M代表MySQL，但完全取决于您要为应用程序选择哪个数据库。我们将讨论2020年一些流行的数据库。
·关系数据库：RDBMS仍然是最受欢迎的数据库。最喜欢使用PostgreSQL，MySQL，MSSQL。
·NoSQL：MongoDB，RethinkDB，CouchDB
·云数据库：Firebase，AzureCouldDB，AWS
·轻量级和缓存：Redis，SQLlite，NeDB
在学习数据库时，您还将学习RDBMS，ORM(对象关系映射器)或ODM(对象数据映射器)的SQL(结构化查询语言)。GraphQL
：(可选)您可以了解现在流行的GraphQL。这是API的查询语言。它具有类似于JSON的简单语法，并且相当容易实现。
14、CMS：内容管理
您绝对应该了解内容管理系统，尤其是如果您是自由职业者。CMS用于将内容添加到您的网站或应用程序。客户能够更新自己的内容非常好。
·
传统CMS：WordPress(PHP)，Drupal(PHP)，Keystone(Javascript)，Enro(Javascript)
·其他CMS：DEDECMS，帝国CMS，PHPcms，Prismic.io，Strati。
15、部署和DevOps
托管全栈应用程序或后端应用程序比仅前端应用程序要复杂一些，尤其是当您拥有数据库时。确保您知道如何使用CLI进行部署。了解有关用于部署应用程序的以下内容。
在大多数公司中，有不同的团队从事DevOps的工作。因此，拥有有关DevOps的知识完全是可选的。您可以了解到，如果您正在从事自己的项目。
·SSH(安全外壳)
·Web服务器环境：NGINX，Apache
·应用程序托管：Linode，Heroku，AWS，Azure，Now。
·虚拟化：Docker，Vagrant
·测试：单元，功能，集成等
·负载平衡，监视，安全性。
以上所有技术工具都足以使您成为前端，后端或全栈开发人员。根据最终目标选择正确的工具和技术。
以上就是小编今天为大家分享的关于Web前端工程师的入门指南-教你如何成为一名web前端开发工程师的文章，希望本篇文章能够对正在从事web前端工作的小伙伴和正在学习web前端知识的伙伴们有所帮助，想要了解更多web前端相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的web前端开发工程师！
英文|#/how-to-become-a-web-developer-in-2020-a-complete-guide/翻译|web前端开发(ID：web_qdkf)