what is front-end development前端是什么外文翻译.doc

长 春 工 业 大 学 毕业设计（论文）外文资料翻译学 院：信息传播工程专 业：教育技术学 班 级：091401姓 名：张 明 蕾指导教师：王 立 君 2013年5月31日译 文英文出处：: http:/www.guardian.co.uk/help/insideguardian/2009/sep/28/blogpost英文原文what is front-end development?in our visually and tecnhologically sophisticated society, access to information and knowledge seems easier than making sense of it or decide its veracity - on the web, pages and appplications are built by front-end developers to present and put data or relationships in context.front-end or client-side development is a relatively obscure internet discipline. historically, this role has been known under several aliases, htmler, web designer, coder, frontender and so on, but its core functions remain the same while expanding with the progress of the internet. it is a hinge role that requires both aesthetic sensitivity and programmatic rigor.to many people, client-side development might be perceived as making things pretty and, while it is a valid comment since we do make things look good, as good-looking things sell better, there are many other technologies that fall within this field that might be usually overlooked.heres an overview of some of them.markup(x)html, the structure of the page is the foundation of websites, essential for search engine optimization, vital to place the document with the right hooks for the classes and the ids that will provide the style and the interaction that the reader will ultimately use.although this might seem trivial, many bugs often result from a poor semantic structure or trying to hack some markup to do something it wasnt written to do. interestingly, markup language was created for documents, cern and apple feature in its story and therefore the page metaphor for the representation of a website, so when you see it being used as scaffold for, say, an online shop or a betting application, it could be argued that all html pages are hacked, which might explain the usual confusion when people have to decide, for instance, how to set up hierarchy of headings.look up for: theprogressive implementation of html5features across platforms.stylecss, cascading style sheets, a core functionality of front-end development, the styles that lay out the page and give it both its unique visual flair and a clear, user-friendly view to allow readers, who never linger on pages we would like to think they do, some help to read or skim the contents quickly.design means both how something looks and how something is structured, and in a good design, both come together.an important aspect of styling is checking across several browsers and to write concise, terse code that is specific yet generic at the same time and displays well in as many renderers as possible, which leads me to the next point.look out for: theprogressive implementation of css3across browsers and platforms and object-oriented css (oocss).cross-browser, cross-platform, cross-device functionalitythe browser on your computer is to remain the most advanced and feature-rich client application to access the web for a long time, but that doesnt mean that snacking with mobile browsing, or netbooks, etc, isnt a rapidly growing in presence and importance.since the browser wars between netscape and internet explorer on pcs, much has happened. nowadays, browsers compete with each other for page-rendering speed, plug-ins and add-ons to achieve both a lean and comprehensive browser experience. as applications move to the cloud, gmail being a popular example, the browser becomes the os, which puts further emphasis on coding, styling and programming for as many clients as possible. as douglas crockfordsaidbrowsers are the most hostile software development environment imaginable.look out for:chrome 3,firefox 3.5, an escalating features race and page performance optimisation.accessibilitycommonly accepted to be exclusively for people with disabilities, it could be argued that whether visual, auditory, motor-related or just cognitive, we all have a disability of one type or another, ask around and youll find the full body-abled human to be more of an ideal than a reality.ultimately, accessibility is to provide your content and your pages with as many points of access as possible, since, buzzword alert, ubiquitous computing could be just round the corner. for example, you might build your site to be used without a mouse or a standard keyboard for people with motor-related disabilities, but couldnt the same be said about those who access a site with their iphone?i personally look forward to the day when we can interact with a site by talking to it, by touch, or even the day when i can have a guardian article translated to another language on the fly and maybe read out loud in human natural language (no machine translation aka climbing trees trying to reach the moon).look out for:ariatemplates and cms, web frameworksthe technical flesh and bones of dynamically generated websites as part of an mvc or an mvt or some other software architecture. whether its a php backend with drupal or magento or python and django, front-end developers build and maintain this files and their objects and methods, variables, loops, boolean and conditional statements.a surprisingly little-discussed area of front-end development, the flexibility and maintenance of these make a site what it is and what it will become as more powerful functionality is added to it. look out for:django.programmingalthough by this i mean mostly javascript, this could apply to actionscript, php or any other popular web languages developped for the front-end. javascript has fully grown up from inline commands embedded in html to full-blown asynchronous applications executed on the fly on the browser as unobtrusive rich functionality.the widespread usage of js libraries such as jquery or mootools has produced a plethora, some would even say an excess, of visual effects that turn web pages into a more three-dimensional immersive experience. a notoriously untyped language with a bad reputation that baffles programmers and scares scripters, javascript was developed specifically for the web and, like it or not, it is here to stay.look out for:cloud programmingandrich internet applications.usabilityinformation architecture has blossomed in the past few years but as the people who build the site interact with the clients, the graphic designers, the backend developers and product managers, front-end last-stop position should mean flagging up details, suggesting improvements as well as taking part in usability testing.depending on the size of the team and allocated budget, sometimes a front-end developer is both designer, qa of the backend bugs, usability and accessibility tester and ia, which isnt an enviable position. a front-end developer probably looks at more websites and evaluates how they look and work more than other team members as a translator is more naturally interested in words and grammar than other people.look out for:guerrilla usability testing.performanceto build even faster sites, your markup, styles and javascript should be both scalable and nimble. a growing discipline, with the foreseeable rising costs of energy in the years to come and the problems caused by scaling performance in rich content sites with customised content (the web 2.0 meme), it is in the best interest for companies to reduce their page size footprint as much as possible to avoid rising bandwidth costs.at the same time, the shift from desktop to online rich applications means that a heavier load on the browser should be alleviated with page reductions elsewhere and constant monitoring of new features.look out for:javascript enginesbuilt into the browsers.researchthis is a list of things that have gone mainstream in the past two and half years: apis, js libraries, touch and gestural computer interfaces, microblogging, social networking, video content. keeping up to date with the latest trends in design, code and innovation on the web is a primary task of front-end development, as no other discipline related to the internet (except perhaps marketing) changes so rapidly.asmolly holzschlagfrom opera says if you want to be doing the same things for the next 10 years, youre in the wrong job. internet companies should understand and react to this in their front-end strategy, in order not to remain behind. look out for:widespread touch interfaces,ipv6with 128-bit ip addressing, sophisticated data visualisation models with javascriptcanvasandprocessing,ribbon visual effects, video game-inspired interfaces, niche social networks,day-glo colour schemes,better interface designs, volumetric displays.however, the future is not neutral and neither are technologies, issues of privacy and publicity are bound to influence what is and isnt adopted.i hope this post has shed some light on what front end development consists of as well as how it fits into the cycle of website development. maybe next time instead of asking make this look pretty, the question will be how can we style this with a correct, progressively enhanced, semantic layer of html5 in cross-browser compatible css3 to wai standards as a drupal module or a velocity component with a jquery accordion effect since it fits our user personas usability testing and so that it will pass both whysoslow and pagespeed tests and, well, its new and fresh and it looks good.in conclusionthucydides wrote knowledge without understanding is useless. since its inception, the web has been primarily about information but this data-driven trend can just drown people with a flood of disconnected, random info factoids that few can grasp and even fewer be interested in.the goal of a front end developer is to create clear, easy, fast pages and interfaces that will make people understand and care about the information, by putting it in context, expose its legitimacy or lack thereof, and reveal their implicit or explicit interconnection.front-end is not just a pretty face, its the friendly, forward-looking interface of web development.中文翻译 前端开发是什么？在如今我们这个视觉多变和科技复杂的尖端社会，在网络上获取信息和知识，可以在了解信息内容以及确定其精确性方面更容易，网页和应用程序的建立是由前端开发人员提出的，并将其上下文用数据联系起来而形成的。前端或客户端的开发是一个相对模糊的概念。从历史上看，这个角色已经被先后定义为以下几个不同的别名，htmler，网页设计师，程序员，frontender等，虽然互联网在进步和扩大，但其核心职能保持不变。前端开发仍旧处于一个枢纽的地位，既需要审美的灵敏度,也需要面对方案的纲领性和获取需求时的严谨性。对很多人来说，前端的开发可能会被认为是“把东西做得好看”就可以了，但这个定义仅仅是一个有效的注释，因为外貌越好看东西就会越好卖，还有很多其他的技术也属于这一领域，但通常会被忽略。下面就来介绍其中的一些相关技术。标记（x）html的页面结构是网站的基础，其中，搜索引擎优化是必不可少的环节，另外它允许把文件和正确的hooks放在classe 和id中为读者所提供风格与互动，使读者最终能够使用到文档最重要的地方。虽然这可能看起来是微不足道的，可许多缺陷往往会导致前端语言失去良好的语义性以及当蜘蛛爬虫通过时的产生的可读性。有趣的是，由于cern和苹果各自的特点，因此这个时代，网页便比喻成了网络的代表，所以当你看到它被用作支架时，会说它是网上商店或一个投注的应用程序，这可以说，所有的html页面都会被黑客盗用，这或许可以解释，但人们的决定通常是混乱的，例如，如何设置标题的层次结构。查一查：逐步实现跨平台的html5功能。风格css，层叠样式表，是前端开发的核心功能，它奠定了页面的样式都具其独特的视觉风格和明确的表达形式，使交互性友好。用户友好的视图会让读者停留在页面中，我们认为他们这样做，有助于读者阅读或很快浏览的内容。设计意味着一个事物的外观和结构在一个好的设计里完美的结合在一起。在多个浏览器进行构造是检查代码和编写简洁的代码的一个重要方面，简洁的代码是特定的，通用在同一时间，并尽可能多的显示和渲染，以达到下一个目的。注意：在浏览器和平台css3的逐步发展，css3已逐步实现了跨平台性和面向对象等特征。跨浏览器，跨平台，跨设备的功能如果在您计算机上的浏览器是保持最先进的，那么功能丰富的客户端应用程序会访问网络很长一段时间，但是，这并不意味着边吃零食边用手机、上网本等设备就可以访问网页，这是硬件设备迅速生长的存在性和重要性。在个人电脑上的浏览器（例如netscape和internet explorer）之间产生战争以来，发生了很多事情。如今，浏览器相互竞争各自的页面渲染速度、插件和附加组件，都是为了实现一个精干和全面的浏览器体验。当应用程序迁移到云时，gmail便成为了一个通俗的例子，浏览器将成为os，这将进一步强调为尽可能多的客户进行造型和编程。正如道格拉斯克罗克福德说：“浏览器是可以想到的最恶劣的软件开发环境。注意：chrome浏览器，firefox 3.5的不断升级的种族和页面性能优化特征。无障碍（可访问性）专为残疾人士普遍接受的是，它可以说，无论是视觉、听觉、电机相关的或仅仅是认知的内容，我们其实都是身有残疾的一种或另一种，到处打听，你会发现其实禁止人类的是理想与现实。最终，无障碍环境将提供尽可能多的接入点来为人们提供内容和网页，这样一来，流行语警报，普及计算便只是网页制作过程中的冰山一角。例如，你可以为肢体残疾的人建立不使用鼠标或标准键盘的网站，但不能对那些用iphone访问网站使用同样的方式。我本人期待着有一天，我们可以与网站进行交互时说话，通过触摸屏，甚至有一天我能有一个把文章翻译成另一种语言在空中飞行或大声读出人的自然语言（没有机器翻译好像爬树试图到达月球）的网页功能。看：aria。模板和cms，web框架技术动态生成网站的肉和骨头的mvc或一个mvt或一些其他软件架构的一部分。无论是一个php与drupal和magento的或python和django的后端，前端开发人员建立和维护这个文件和它们的对象和方法，变量，循环，布尔和条件语句。令人惊讶的是对前端开发领域的小讨论是有关网络的灵活性和如何维护它的内容，还有它是什么，怎么才能成为使他有更强大的功能。注意：django。编程提到编程，虽然我的意思主要是javascript中，这可以适用于actionscript中，php或任何其他流行的网络语言大发展的前端。 javascript已经完全成长起来，成熟的异步在不显眼的丰富功能中，成为在浏览器上执行的应用程序，同时成为嵌入在html中的内嵌命令。弱语言的广泛使用，例如jquery或mootools产生了大量的js库，有些人甚至说很多是多余的，但他们终究会为用户实现一个更立体的、身临其境的体验以及打开网页