热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

前端人员必须知道的三个问题及其发展阶段

本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。

第一个问题:前端都做哪些事呢,前端都需要哪些技术呢

前端发展的三个阶段:

初级阶段:(入门)

html:常见标签,html5新增的,语义化标签等等

css:选择器,背景,文本,链接,列表,盒模型,定位,浮动,css3新增的属性

bootstrap:栅格化系统,按钮,表单,导航….

Javascript: 数据类型,对象,函数,运算符,语句,DOM,选择器,操作,事件…

jQuery: 选择器,dom,链式调用,事件,动画

进阶阶段:(独当一面)

入门:js的面向对象编程, zepto,移动端,响应式,css3d,bootstrap组件,jqueryUI

高级数据:面向对象进阶,ajax,json,(后端语言:php)

新兴的技术:html5: socket, 离线存储,多媒体,canvas,图像处理,web works,数据存储,跨域。

技术拓展:地图开发,微信开发,大数据可视化…

后端服务:nodejs:文件系统,路由,mongodb, express….

高级阶段:(统筹全局)

架构基础:设计模式,MVC, MVVM

模块化开发:amd,cmd, commonjs,systemjs

css预编译:less, sass,stylus

前沿规范:ES5, ES6, ES2016, ES2017, typescript

新型框架:backbone, vue, vuex, angular, react, redux, reflux, flux, angular5

工程化:打包,编译,校验,资源定位,模块化,指纹,发布…  gulp,webpack, fis3

….等等

第二个问题:前端都有哪些方向,从事哪个方向呢?

 

pc端:基础技术,一些框架

移动端:基础,移动端框架

nodejs服务器端:了解服务器,以及node的框架

游戏端:html5游戏,cavnas

大数据可视化:highcharts等等

前端架构:设计模式,架构,开发工程化工具,通用组件,通用插件

全栈工程师,会前端也会后端,

其他语言可能是伪全栈(只能写后台管理系统)

混合开发:react native

react团队,提出了一个理念:多端适配: 前端开发的代码,可以运行在服务器端,pc端,移动端,iso上,android上等等,这样以后所有的端,只需要前端工程师开发了

nodejs实现的操作系统

总结前端工程师还需要什么

切页面:使用photoshop,html,css

开发工具:sublime

编程语言:Javascript,html,css, node…

调试工具:firebug,chome, fiddler…

兼容性:IE,标准的,移动端android系统浏览器

移动终端:html5, css3, 手机,平板等,ios, android等

前端框架:vue,angular, react等等

web服务器 nodejs, ajax

安全:xss,nodejs

性能:工程化:打包,编译,压缩,指纹等等,时间…

规范:ES5、ES6等等,commonjs规范等,http

编程相关知识:数据结构,架构,面向对象,设计模式

计算机相关知识:编译原理,操作系统,网络,软件工程。

开发流程:语法校验jsLint,项目部署

软技能:如何交流,如何开发,哪些角色

关注一些前沿社区:html5小组,ECMA….

 

第三个问题:怎么算是一位高级前端工程师呢

1 前端职位相对于其他行业,有很多岗位

2 前端相对于其他行业,工资要高

分析这些招聘案例,我们发现,一个合格的高级工程师,应该懂得更多的高级知识点。

在工作中,我们都是在写项目,所以学习我们不能仅仅学习某个点,更重要的是多写项目,20多个项目实战,跟企业中一模一样的开发方式去完成项目

 

这里我推荐一下张容铭的爱创课堂的前端,大家可以加我发你看看

 不懂感恩心态的朋友,就不要找我索取了,谢谢。想要的就加我q3252897743


推荐阅读
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • 第一种<script>$(".eq").on(&qu ... [详细]
  • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
  • 开发笔记:加密&json&StringIO模块&BytesIO模块
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识,希望对你有一定的参考价值。一、加密加密 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]
  • HTML5网页模板怎么加百度统计?
    本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单,将文件和参数添加到FormData对象中,然后使用ajax发送POST请求进行文件上传。在发送请求时,需要设置processData为false,告诉jquery不要处理发送的数据;同时设置contentType为false,告诉jquery不要设置content-Type请求头。 ... [详细]
  • 如何压缩网站页面以减少页面加载时间
    本文介绍了影响网站打开时间的两个因素,即网页加载速度和网站页面大小。重点讲解了如何通过压缩网站页面来减少页面加载时间。具体包括图片压缩、Javascript压缩、CSS压缩和HTML压缩等方法,并推荐了相应的压缩工具。此外,还提到了一款Google Chrome插件——网页加载速度分析工具Speed Tracer。 ... [详细]
  • mui框架offcanvas侧滑超出部分隐藏无法滚动如何解决
    web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格 ... [详细]
  • 关于extjs开发实战pdf的信息
    本文目录一览:1、extjs实用开发指南2、本 ... [详细]
author-avatar
章小胭
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有