首先我们要知道什么是前端,前端就是网站前台部分,运行在PC端,移动端等浏览器上展现给用户所浏览的网页。
前端开发顾名思义就是这些页面的设计,代码的实现。
而Web前端开发工程师,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。不过,现阶段的网站开发已经不同于早年的网页设计,当时主要是以图片和文字为主,用户使用网站的行为也以浏览为主,这些的东西html就可以办到。而现在的前端开发使得现代网页更加美观,交互效果显著,功能更加强大。所以现在的前端开发,能做到的更多,运用到的知识面更加广泛,要学习到的知识也就更多,三大基础技能html、CSS和JavaScript是少不了的。
web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通,又要与下游的服务器端工程师沟通,需要掌握的技能非常多。
前端学习之路很长,慢慢学,慢慢提升,你也可以成功。
【前端开发工程师】是Web前端开发工程师的简称,是近五年才真正开始受到重视的一个新兴职业。Web前端开发技术是一个先易后难的过程,主要包括三个要素:HTML(标准通用标记语言下的一个应用)、级联样式表和JavaScript,这就要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
【前端开发工程师的主要工作】前端开发工程师的主要工作是组织和实行网站重构:
1、优化:根据W3C标准进行重构后,可以让前端的代码组织更有序,显著改善网站的性能,提高网站访问速度,还能提高可维护性,对搜索引擎也更友好;
2、加速:重构后的网站能带来更好的用户体验,用XHTML+CSS重新布局后的页面,文件更小,下载速度更快。
3、目的:网站重构的目的不是为了让网页更符合Web标准,重构的本质是构建一个前端灵活的MVC框架,即HTML作为信息模型(Model),CSS控制样式(View),JavaScript负责调度数据和实现某种展现逻辑(Controller)。同时,代码需要具有很好的复用性和可维护性。这是高效率、高质量开发以及协作开发的基础。
随着人们对用户体验的要求越来越高,前端开发的技术难度越来越大,Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。
Web前端,主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。 一般而言,所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。
工具/原料:HTML、CSS、JavaScript
方法/步骤:
1、随着前端的发展,前端开发所涉及到的内容肯定不仅限于这三方面。分析这三个层面内容的本质可以看到,这三个层面分别涉及Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
2、归根结底,Web前端以及Web前端开发可以说是针对Web的结构、行为和表现来进行相应的开发的,也可以说,前端开发主要是做Web端的结构、行为以及表现。
3、Web前端开发技术是一个先易后难的过程,主要包括三个要素:HTML、CSS和JavaScript,这就要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
4、Web前端开发后期要懂一些前端框架,如nodejs、Angualrjs、还有bootstrap等,以及ued用户体验,后台开发也要懂一些。
网站前端工作职责 :
1、使用Div+css并结合Javascript负责产品的前端开发和页面制作;
2、熟悉W3C标准和各主流浏览器在前端开发中的差异,能熟练运用DIV+CSS,提供针对不同浏览器的前端页面解决方案;
3、负责相关产品的需求以及前端程序的实现,提供合理的前端架构;
4、与产品、后台开发人员保持良好沟通,能快速理解、消化各方需求,并落实为具体的开发工作;
5、了解服务器端的相关工作,在交互体验、产品设计等方面有自己的见解。
Web前端的6大动效,HTML5和css3实现动态网页:
1.导航菜单:几乎所有的网站首页都会用到。
2.导航条双向绑定:侧边导航和头部导航双向绑定准确定位。
3.CSS3动画:鼠标经过图片进行动态的翻转、旋转动态变化。
4.滑动门特效:导航菜单中跟随鼠标的移动元素进行变化。
5.滚动视差:鼠标滚动到特定位置时,内容跟随加载。
6.锚点跳转:根据链接元素定位到网页中想要查看的位置
前端工程师所需要掌握的技能,最基本的是javascript html css
另外如果能熟悉一门后端语言加数据库比如 php + mysql 更好
主要工作是把UI的设计图按照w3c标准做成html页面,并且用javascript脚本语言实现页面上的前端互动。
互动效果包括,弹出层,页签切换,图片滚动,ajax异步互动等。
高级前端工程师还要承担前端优化的工作,优化的知识就会更多一些,比如文件过期Expires,缓存,异步缓存,js和css以及图片的压缩等。
前端工程师目前是需求远大于供应,是比较有前景的工作之一。在北京可以拿到较高的薪水。
前端逻辑复杂度主要在于数据 + UI + 交互的实现,就比如一个简单的多 tab 页的功能,可以用 CSS 实现、用 JS 实现,JS 可以通过切换 remove DOM 或者添加 classname 隐藏,虽然效果上都可以实现,remove DOM 无法原有结构的状态,添加 classname 的 CSS 方式很难实现初始化状态。除此之外还可能需要对浏览器进行兼容性处理 + 响应式。然后突然来个业务需求说要加个 iframe 嵌入别人的页面,或者改什么效果,如果之前开发的不合理,基本上要重做了。
相比后端,只输出数据模型给前端,如果业务不需要什么字段了,甚至让前端不读取好了,改都不用改。我们几次大的业务平台重构,前端基本要重新开发一遍(效果、交互完全不同),后端模型和数据库则可以递进式的复用、扩展、升级。这也是导致前端需要堆人大力出奇迹的问题