热门标签 | 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


推荐阅读
  • JavaScript和HTML之间的交互是经由过程事宜完成的。事宜:文档或浏览器窗口中发作的一些特定的交互霎时。能够运用侦听器(或处置惩罚递次来预订事宜),以便事宜发作时实行相应的 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 随着前端技术的发展,越来越多的开发者开始使用react、vue等web框架,但很少有人深入理解这些框架的源码。然而,这些框架底层都是由原生的javascript构建而成。对于初学前端的人来说,可能会认为javascript很容易上手,但实际上只是因为它被高度封装了。与能够使用封装类的人相比,能够理解框架原理的人则处于另一个层面。本文将深入剖析jquery源码,探寻框架底层的原理,帮助读者更好地理解web框架的运行机制。 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • IjustinheritedsomewebpageswhichusesMooTools.IneverusedMooTools.NowIneedtoaddsomef ... [详细]
  • position属性absolute与relative的区别和用法详解
    本文详细解读了CSS中的position属性absolute和relative的区别和用法。通过解释绝对定位和相对定位的含义,以及配合TOP、RIGHT、BOTTOM、LEFT进行定位的方式,说明了它们的特性和能够实现的效果。同时指出了在网页居中时使用Absolute可能会出错的原因,即以浏览器左上角为原始点进行定位,不会随着分辨率的变化而变化位置。最后总结了一些使用这两个属性的技巧。 ... [详细]
  • 本文介绍了绕过WAF的XSS检测机制的方法,包括确定payload结构、测试和混淆。同时提出了一种构建XSS payload的方法,该payload与安全机制使用的正则表达式不匹配。通过清理用户输入、转义输出、使用文档对象模型(DOM)接收器和源、实施适当的跨域资源共享(CORS)策略和其他安全策略,可以有效阻止XSS漏洞。但是,WAF或自定义过滤器仍然被广泛使用来增加安全性。本文的方法可以绕过这种安全机制,构建与正则表达式不匹配的XSS payload。 ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • jQuery如何判断一个元素是否被点击?
    本文介绍了使用jQuery判断一个元素是否被点击的方法,并通过示例进行了具体说明。注意要指定父级,否则会执行多次。 ... [详细]
  • Jquery 跨域问题
    为什么80%的码农都做不了架构师?JQuery1.2后getJSON方法支持跨域读取json数据,原理是利用一个叫做jsonp的概念。当然 ... [详细]
  • 本文总结了在编写JS代码时,不同浏览器间的兼容性差异,并提供了相应的解决方法。其中包括阻止默认事件的代码示例和猎取兄弟节点的函数。这些方法可以帮助开发者在不同浏览器上实现一致的功能。 ... [详细]
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
  • ①页面初始化----------收到客户端的请求,产生相应页面的Page对象,通过Page_Init事件进行page对象及其控件的初始化.②加载视图状态-------ViewSta ... [详细]
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社区 版权所有