零基础的前端实践之路企业或个人会有创建网站、博客、小程序等的需求，希望通过互联网向更多的用户展示自己的产品或服务。这样的话，对于刚接触这个领域的新人来说，可能首先需要了解一个网站从零到有的制作过程中涉及到哪些环节。简单来说，网站的诞生过程会经历这些环节：策划>设计>前端开发>后端开发>测试发布从这个过程来看，我们的网站开发是一个系统工程，需要多个环节紧密配合，来来去去，而“前端开发”环节处于整个系统工程的中间，起着承前启后的核心作用。因此，“前端开发工程师”这个职位越来越受到重视。接下来就和大家详细聊聊关于前端开发的这些东西。什么是前端开发？前端开发的兴起前端开发由网页制作演变而来，2005年后在国内被大家认可和接受。2005年之前，1.0时代的Web并没有“前端”的概念.此时网页的内容主要是一些文字和图片，用户使用网站的行为主要是浏览。此类网页使用Photoshop+Dreamweaver+Flash等几种网页制作软件即可制作。因此，Web1.0时代的网页开发也被称为网页制作、美工；2005年后，互联网进入Web2.0时代，对网页开发的要求越来越高。与1.0时代相比，其发展难度更大。开发不再是掌握几个生产软件就能搞定的事情。它需要专业的工程师才能做好。网页除了展示信息，还需要美观的设计、炫酷的交互、良好的用户体验、复杂的业务逻辑处理、跨终端的适配与兼容等，开发方式也发生了根本性的变化，Web开发不再是叫网页制作，但变成了前端开发。前端开发的市场需求随着互联网行业的发展，在这个“颜值”和用户体验无处不在的时代，“颜值高”、与用户互动友好的网站将极大地吸引用户，用户也会更愿意深入了解这样的网站，也能提高网站的用户粘度。面对这些高要求，前端在开发过程中的作用变得越来越重要；因此，近年来，前端工程师备受青睐。高达20万至80万元。但是这样的年薪，很多公司还是很难找到合适的前端工程师；从上述公司的招聘信息来看，前端行业的就业薪资是比较可观的。那么如何才能做好专业的前端开发呢？接下来几天跟大家分享一下我前端入门学习的实践。前端开发者必须具备以下能力1.复杂酷炫的页面交互设计能力开发前端时，开发者除了要完美还原设计图外，还需要编写交互效果。当用户打开页面时，如果页面风格新颖，交互炫酷，那么他会觉得你的产品技术含量高。相反，如果页面风格陈旧，交互死板，他会认为你的产品不好，不会买你的账号。因此，前端开发工程师必须具备设计复杂、炫酷页面的能力。鼠标悬停和移开时的不同效果，体现炫酷的交互效果；2、良好的用户体验设计能力用户体验从用户的角度出发，不仅要向用户展示炫酷的视觉效果，还要让用户从功能上去感知。例如，当用户注册微博账号时，提供了错误的电话号码或未输入密码时，在输入框右侧应该有相应的提示。这个用户体验的细节是否处理得当，是衡量一个前端工程师是否优秀的一个因素。3、复杂的业务逻辑处理能力如今的前端工程师不仅仅需要创建页面，还需要配合服务端工程师实现某些功能。比如在微博文章、用户搜索、评论等开发中，前端开发工程师对后端数据是否接收成功、搜索结果状态、评论是否正常等进行逻辑判断。合法的。因此，前端开发工程师必须具备处理复杂业务逻辑的能力。用户输入错误数据时显示提示信息4.可处理跨终端适配和兼容性问题近年来，智能手机发展迅速，几乎人手一部，“低头族”在网络上随处可见街道。随着手机、平板电脑等不同移动终端的普及，越来越多的人喜欢移动办公、移动学习、移动娱乐……人们经常在不同终端之间切换，所以这就要求一个页面能够实现跨-终端兼容性——即在不同终端都能正确显示。例如，域名www.miaov.com在PC和手机浏览器中的显示如图1-6所示。这个例子给我们展示了域名跨终端兼容的一种情况。这种适配适用于网站内容比较复杂的情况，通过后台判断，渲染出不同的模板进行输出或跳转；还有一种情况，就是各个终端显示的页面内容是完全一样的，但是页面布局和其他样式会根据终端屏幕的大小自动调整Toggle，如图，是响应式设计。响应式网页开发主要是基于一套代码来适应不同大小的终端。响应式网页开发技术请阅读本系列书籍中的响应式开发。总结一下，前端开发的工作主要是开发用户界面，涉及到实现炫酷的页面交互，提供良好的用户体验，配合服务端工程师处理复杂的业务逻辑，实现跨终端的Web适配和兼容性等等，这些都是一个合格的前端必须掌握的技能；至此，我们对前端开发的作用有了一个大概的了解。现在的问题是如何成为一名合格的前端开发工程师？怎样才能做好前端开发的所有工作呢？要想成为一名专业的前端开发工程师，并做好前端开发的所有工作，需要掌握哪些相关技术呢？?下一期，我会介绍这些内容。关注本订阅号，观看《零基础入门前端的修炼之道》系列文章公众号ID：Miaovclass。
