189 8069 5689
前端工程师与开发工程师都行。
创新互联建站专注于企业全网营销推广、网站重做改版、胶州网站定制设计、自适应品牌网站建设、HTML5建站、商城系统网站开发、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为胶州等各大城市提供网站开发制作服务。
切片是最基本的技术，这个不用学。
一个技术全面的前端攻城狮，现在的月薪大概很少低于10000
开发我不太清楚。
关键是你得确定自己的方向，不过做前端攻城狮的话，除了HTML/XHTML/CSS/JS/PS之外
你还得多少懂一点PHP/ASP基础知识
干什么都有赚钱多的赚钱少的，也有不赚钱的。
有些前端攻城狮，单是做wordpress模板，一个月也能收十几万。
第一款：TrueCrypt
TrueCrypt可能很多人没用过，它是一个加密软件，能够对磁盘进行加密。还在担心自己电脑中的重要文件、私密档案被人查看。什么，你以为把文件设置了隐藏属性别人就看不到了？：) ：）快来用TrueCrypt ，你必定会爱上它的。
特点：对某一磁盘分区进行加密，开启计算机后，如果你没有打开TrueCrypt 这个软件，这个被加密的分区是不会被显示出来的。打开TrueCrypt ，输入密码后，你就能在”我的电脑“里看到那个被加密的分区了。
第二款：Soureinsight
Soureinsight号称源代码阅读神奇，应该是阅读源代码最方便的软件，至今没有找到其替代产品。
特点：方便阅读项目代码，批量搜索，快捷查询函数调用关系等等。
第三款：Sublime
Sublime号称是史上最性感的编辑器。如果你用过sublime后，估计你就很难再爱上其他编辑软件了。
特点：性感的编辑器，插件丰富，界面清爽。
第四款：Mindmanager
思维导图，据说是每个产品经理必备的软件。如果你阅读大型源代码，使用思维导图跟踪调用流程，绘制软件框架将会非常方便。
特点：没什么好说的，用过的都说好！
第五款：MarkdownPad
MarkdownPad是windows上最好用的Markdown编辑器。有了这货，你可以像写word文档一样写html页面，也是广大博客主的最爱！当然，在mac上有很多高大上的Markdown编辑器。
特点：windows上最好用的Markdown编辑器。
第六款：Beyond compare
Beyond compare是一款文件比较工具，能够比较文件夹或者单个文件。例如，你想比较两个版本的软件源代码在哪些地方有修改，用它就对了。
特点：快捷比对文件或文件夹的不同之处。
第七款：Vim
Vim是Linux上神一样的编辑器，插件丰富，通过配置后，就是一个无比强大的IDE。
特点：Linux上主流编辑器，插件丰富，功能强大。
第八款：Wireshark
Wireshark是广大黑客、网络攻城狮的最爱，极大的方便了我们抓取、分析网络数据包。包括：ARP、TCP、UDP、HTTP、HTTPS。
特点：只要是跟网络相关的东西，Wireshark 是少不了的一个工具。
第九款：Fiddler
Fiddler是一个http协议调试代理工具，能够非常方便的查看HTTP通信数据。比如http请求头，响应头，传说数据大小等等。
特点：http协议调试神奇，能够帮助我们理解http协议。
第十款：VMware
VMware虚拟机，如果你是硬件资源有限，那么使用它，你可以一台电脑当N太电脑使用。
特点：最强大的虚拟机平台，可能根据个人喜好，可能有的人会选择virtualBOX，因为它更轻量。
PHP作为模板语言，用的时候常常和web前端配合得比较紧密，所以web前端的HTML、JavaScript、CSS必须要有所了解。
现在很多应用在后端提供数据，把较多的逻辑移到客户端去，所以在这种情况下的数据交互方式，例如XML，json，jsonp等都有必要了解。
PHP常打交道的几个网络协议，HTTP/TCP/IP/DNS我觉得也很有必要有所了解，特别是HTTP。
很多时候你还需要了解一些工具的用法，例如版本控制，FTP的使用，或者scp/ssh这样的工具的使用。
PHP赖以运行的技术，例如Apache，nginx，IIS，fastCGI等有必要了解一下，比如Apache，nginx，IIS分别是怎样做地址重写的。
必须要掌握一种数据库，和PHP配套的比较多的是MySQL，可以考虑这个。
对常见的框架例如ThinkPHP，Zend Framework，以及常见开源程序例如wordpress，phpwind等有所了解。
当然了，具体要用到哪些知识与你的职位的职责有关。比如说，如果工作中用到的技术都有人替你想好了你只负责具体编码，那么网络协议相关的内容常常就完全不需要了解了。
简单讲了一下，权且当作抛砖引玉吧。
今天小编要跟大家分享的文章是关于2020年web前端工程师的学习建议。毫无疑问，前端开发将成为2020年技术领域最热门的学科之一。
以前，前端空间的开发人员只要了解一些HTML，CSS，也许还有jQuery来创建交互式网站，就足够了。但是今天，他们面临着广泛且不断变化的开发技能生态系统;掌握的工具，库和框架;并且需要不断投资于个人教育。
最近几年，我们使用JavaScript为主要的Web应用程序提供了强大的新库和框架，例如ReactJS，VueJS和Svelte。想要学习web前端知识的小伙伴们来和小编一起看一看吧!
1.框架
2020年，我们可能会看到Facebook的ReactJS与社区驱动的VueJS之间的对决。目前，React在GitHub上拥有140,000星，而Vue则拥有153,000星。例如，Angular只有53,000个恒星。
在2019年，React(蓝线)，Vue(红线)，Angular(黄线)和Svelte(绿线)的搜索量支持此假设-Vue略高于React。Angular在搜索量方面无法跟上，Svelte在此比较中绝对不起作用。
因此，对于2020年，使用或希望使用JavaScript框架的前端开发人员应将React和Vue作为他们的主要选择。如果您正在处理大型企业项目，则Angular是有效的选择。
2.静态网站生成器
静态站点生成器结合了服务器端渲染的功能(对于SEO非常重要，而且还具有初始加载时间)和单页应用程序。
如今，许多项目即使不需要服务器端渲染也选择了SSG，因为Next或Nuxt之类的解决方案具有便捷的功能，例如模块捆绑器，集成测试运行器等。
如果您认真对待前端开发，则应仔细研究以下项目，并尝试获得一些实践经验：
·Next(基于React)
·Nuxt(基于Vue)
·Gatsby(基于React)
·Gridsome(基于Vue)
3.JAMstack
术语JAMstack代表JavaScript(在客户端上运行-例如，React，Vue或VanillaJS)，API(服务器端进程通过JavaScript通过HTTPS抽象并访问)和标记(在部署时预先构建的模板标记)。。
这是一种构建网站和应用程序以提高性能的方法-降低扩展成本，提供更高的安全性并提供更好的开发人员体验。
尽管这些术语本身并不是什么新鲜事物，但它们的共同点是相同的-它们并不依赖于Web服务器。因此，依赖于Ruby或Node.js后端或使用服务器端CMS(例如Drupal或WordPress)构建的网站的单片应用程序不是使用JAMstack构建的。
如果要使用JAMstack，有一些最佳实践：
整个项目都在CDN上提供服务
由于不需要服务器，因此整个项目都可以通过CDN进行服务，从而释放出无与伦比的速度和性能。
一切都存在于在Git中
每个人都应该能够从Git存储库克隆整个项目，而无需数据库或复杂的设置。
自动化构建
您可以完美地自动构建，因为所有标记都是预先构建的，例如使用webhooks或云服务。
原子部署
为了通过在大型项目中重新部署数百或数千个文件来避免出现不一致的状态，原子部署将等待所有文件上传，然后再进行更改。
即时缓存失效
当站点上线时，必须确保CDN可以处理即时缓存清除，以使更改可见。
像Netlify或Zeit这样的著名主机都支持JAMstack应用程序，大公司使用它们为用户提供出色的体验。
4.PWA
渐进式Web应用程序(PWA)无疑将在2020年成为现实。越来越多的公司选择PWA取代本机应用程序，以便为用户提供丰富的移动体验。
PWA可靠(即时加载，无需连接互联网即可工作)，快速(流畅的动画，对用户交互的快速响应)和吸引人的体验(本机应用程序的感觉，出色的用户体验)。
他们利用服务人员提供脱机功能，并利用Web应用清单文件提供全屏体验。
构建渐进式Web应用程序的原因有：
·可以从浏览器添加到用户的主屏幕
·即使没有互联网也能正常工作
·支持网络推送通知以增强用户参与度
·利用Google的Lighthouse功能
5.GraphQL
GraphQL是当前最热门的主题之一，并且绝对是您在2020年需要学习或改进的东西。
尽管REST通过提供无状态服务器之类的出色概念一直被认为是设计WebAPI的事实上的标准，但在跟上快速变化的客户端访问RESTful
API时，RESTfulAPI却越来越不灵活。
GraphQL由Facebook开发，旨在解决开发人员在处理RestfulAPI时面临的确切问题。
使用RESTAPI，开发人员可以通过从具有特定目的的多个端点(例如/users/端点或/tours//
location端点)中获取数据来收集数据。
使用GraphQL，这将以不同的方式工作。开发人员会将查询与他们的数据要求一起发送到GraphQL服务器。然后，服务器将返回带有所有相应数据的JSON对象。
使用GraphQL的另一个好处是它使用了强类型系统。GraphQL服务器上的所有内容都是使用GraphQL模式定义语言(SDL)通过模式定义的。创建架构后，前端开发人员和后端开发人员都可以彼此独立地工作，因为他们知道已定义的数据结构。
6.代码编辑器/IDE
与2019年一样，微软的VSCode将在2020年成为大多数前端工程师的第一编辑器。
它提供几乎类似于IDE的功能，例如代码自动完成和语法高亮显示，并且可以通过其扩展市场进行几乎无限的扩展。
特别是市场使VSCode如此出色。以下是您作为前端开发人员的一些出色扩展：
·JavaScript(ES6)代码段
·npm
·beautify
·CSS速览
·ESLint
·LiveSass编译器
·Chrome调试器
这些是很酷的例子。在VSCode中还有很多可以发现的地方，因此，如果您尚未使用它，我建议您尝试一下。
7.测试
未经测试的代码不应找到它的生产方式。
在您的个人项目中似乎没有任何测试似乎很方便，但在商业和企业环境中工作时必须进行测试。因此，对于任何开发人员而言，最好尽可能将测试集成到开发工作流程中。
可以区分以下测试用例：
单元测试
隔离测试单个组件或功能。
整合测试
测试组件之间的交互。
端到端测试
在浏览器中测试功能完善的用户流。
有更多测试方法，例如手动测试，快照测试等。如果您想升任高级开发人员职位或打算在拥有某些开发标准的大型公司工作，则应尝试进行测试技能。
8.干净的代码
能够编写干净的代码是一项很棒的技能，许多组织都对此提出了很高的要求。如果您想从开发人员的位置升级为高级开发人员的位置，则应真正学习干净代码的概念。
简洁的代码应优雅且易于阅读。它应该重点突出，您应该注意这一点。所有测试均以纯净代码运行。它们不应包含重复项，应尽量减少使用实体(例如类，方法和函数)。
干净代码开发人员应做的一些事情是：
·为变量，类，方法和函数创建有意义的名称
·函数应该很小并且参数应尽可能少
·根本不需要注释-代码应该说明一切
如果您想了解有关干净代码检查的更多信息，请阅读RobertC.Martin的书籍和帖子。
9.Git
毫无疑问，Git是当今Web开发中版本控制的标准。对于每个前端工程师而言，了解基本的Git概念和工作流程以在各种规模的团队中有效工作都是非常重要的。
这是您应该知道的一些流行的Git命令：
gitconfig
gitinit
gitclone
gitstatus
gitadd
gitcommit
gitpush
gitpull
gitbranch
知道这些命令可以提高工作效率总是很高兴的，但是前端工程师还应该学习Git的基本概念。
10.软技能
对于开发人员来说，经常被忽视但确实非常重要的是获得软技能。
虽然有助于了解事物的技术方面，但了解如何在团队中进行交流也同样重要。如果您对技术职业很认真，并且/或者打算升任高级职位，则应该从事以下软技能方面的工作：
同情
沟通
团队合作
平易近人和乐于助人
忍耐
开放的思想
解决问题
责任心
创造力
时间管理
永远记住：开发人员最重要的交付物是高级开发人员。(提升你自己)
结论
在本文中，小编向您展示了前端开发人员应在2020年尝试学习，改进或掌握的10项重要内容。想要了解更多web前端相关知识记得关注北大青鸟web前端培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的web前端工程师。