前端游戏开发和h5前端开发
介绍 (Intro)
Front-end development involves the building of webpages and user interfaces for web applications. You may think just learning HTML, CSS and JavaScript is all you need to know to be a frontend developer but with the constant evolution of the internet and the need for speed you will quickly realise there’s a lot more to it.
前端开发涉及构建Web应用程序的网页和用户界面。 您可能会认为，要成为一名前端开发人员，只需要学习HTML，CSS和JavaScript，但是随着Internet的不断发展和对速度的需求，您会很快意识到还有更多的东西。
Here are some of the things you need to know to be a good frontend developer.
成为一名优秀的前端开发人员，您需要了解以下一些内容。
网页浏览器 (Web browsers)
With all the different API’s and unique ways of implementing web standards, coding. Testing in different Web browsers becomes a constant thing in your job.
通过所有不同的API和实现Web标准，编码的独特方式。 在不同的Web浏览器中进行测试已成为您工作中的常事。
If you need your website to work on older versions of IE you will have to add changes to your Web build e.g Webpack or not use newer features of JavaScript & CSS. The number of times you will have clean and wonderful code and will have to change it because you forgot to test in IE!
如果您需要您的网站在旧版本的IE上运行，则必须对Web构建(例如Webpack)进行更改，或者不使用JavaScript和CSS的新功能。 因为您忘记了在IE中进行测试，您将获得干净而美妙的代码并且必须更改它的次数！
框架/库 (Framework / Libraries)
They’re all a lot of different libraries in JavaScript some which are extremely useful some of them not. You will quickly have a few top favourites which you will use for your projects.
它们都是JavaScript中许多不同的库，其中一些非常有用，而有些则没有。 您很快就会有一些最喜欢的收藏夹，这些收藏夹将用于您的项目。
Frameworks will be a big one in your life if you're a front-end developer. You will quickly notice every developer will have their favourite. Keeping updated with the newer frameworks/version updates should be a priority as a front-end developer.
如果您是前端开发人员，那么框架将是您生活中的重要部分。 您会很快注意到每个开发人员都有自己的收藏夹。 作为前端开发人员，应优先使用最新的框架/版本更新进行更新。
搜索引擎优化 (SEO)
SEO stands for “search engine optimization.” In simple terms, it means the process of improving your site to increase its visibility for relevant searches.
SEO代表“ 搜索引擎优化” 。 简而言之，它意味着改善您的网站以增加其在相关搜索中的可见度的过程。
This is might not be every front-end job but if you work on customer-facing websites it will almost certainly be. Having a good grasp of this will help you in the long run. As your website might need to be setup in certain ways.
这可能不是每一项前端工作，但如果您在面向客户的网站上工作，那几乎可以肯定。 从长远来看，掌握这一点将对您有所帮助。 由于您的网站可能需要以某些方式进行设置。
Marketers will push through changes on the website to keep up with the constant changes in search engine algorithms.
营销人员将推动网站上的更改，以跟上搜索引擎算法的不断变化。
开发工具 (Development tools)
Most websites are built with a sophisticated build process involving Webpack and Babel. Getting a good grasp of what is doing what will help when you’re trying to figure out errors on your website.
大多数网站是使用涉及Webpack和Babel的复杂构建过程构建的。 当您试图找出网站上的错误时，掌握一下正在做的事情将会有所帮助。
Knowing the right tool for the job will come in handy as you might not always need somthing as big as Webpack.
因为您可能并不总是需要像Webpack一样大的东西，所以知道合适的工具将很方便。
了解API (Understanding of API’s)
You will need to understand JSON and how API’s fit together. A lot of API projects will have a consistent structure and getting how to pass data around between endpoints will come in extremely valuable
您将需要了解JSON以及API如何组合在一起。 许多API项目将具有一致的结构，并且获得如何在端点之间传递数据的方法将非常有价值。
You will quickly start to use Postman before you start any front-end task if calling an API is involved in the task.
如果任务涉及调用API，则在开始任何前端任务之前，您将快速开始使用Postman。
响应式设计 (Responsive design)
With all the different tables and phone, sizes designing your websites with a mobile-first approach will become crucial. These part of the job comes with a lot of testing and frustration at times.
对于所有不同的桌子和电话，使用移动优先方法设计网站的大小将变得至关重要。 这部分工作有时会带来很多测试和挫败感。
Usually, this will separate you out from the backend and full-stack developers. Getting great at CSS is where your expertise comes in extremely useful. A lot of full-stack developers usually lack knowledge in this area due to them being stretch across a lot of different tech.
通常，这会将您与后端开发人员和全栈开发人员分开。 精通CSS是您的专业知识非常有用的地方。 许多全栈开发人员通常缺乏这方面的知识，因为他们涉及许多不同的技术。
后端开发人员 (Backend developers)
At work, we may not always work with people we like. Some backend developers can sometimes look down at front-end developers. Don’t let that get you down. Both jobs come up with easy and hard bits!
在工作中，我们可能并不总是与喜欢的人一起工作。 一些后端开发人员有时会看不起前端开发人员。 不要让那让你失望。 两项工作都容易而难！
单元测试 (Unit tests)
Kind of related to the above. Like backend developers, you will also be creating unit tests to help your project grow and make it easier to make changes in the future.
与上述有关的种类。 像后端开发人员一样，您还将创建单元测试，以帮助您的项目发展并在将来使更改变得更容易。
If you have automated QA’s at your company some of the ownership will fall on their shoulders.
如果您在公司拥有自动质量检查人员，那么部分所有权将落在他们的肩膀上。
联网 (Networking)
Optimization requires knowing how resources make their way to the browser. Although a lot of development tools can deal with this for you. Having a good understanding always helps.
优化需要了解资源如何进入浏览器。 尽管许多开发工具都可以为您解决这个问题。 很好的理解总是有帮助的。
用户体验 (UX)
User experience (UX) is the interaction and experience users have with a company’s products and services.
用户体验(UX)是用户与公司产品和服务的交互和体验。
Having some understanding of how users use your website and best practises of UX will be needed.
需要对用户如何使用您的网站和UX最佳实践有一些了解。
How much knowledge you need to know will depend on if the company you work for has a UX designer.
您需要知道多少知识将取决于您工作的公司是否有UX设计人员。
结论 (Conclusion)
Hopefully, I’ve not put you off becoming a front-end developer. As you can see from the above list there’s a lot more to front development that meets the eye. Front-end development offers a lot and there’s always something new to learn.
希望我不会让您成为前端开发人员。 从上面的列表中您可以看到，还有很多值得关注的前端开发。 前端开发提供了很多东西，总有一些新东西需要学习。
Hope you’ve enjoyed reading.
希望您喜欢阅读。
前端游戏开发和h5前端开发