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


推荐阅读
  • WebSocket与Socket.io的理解
    WebSocketprotocol是HTML5一种新的协议。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送 ... [详细]
  • HTML5大文件传输技术深度解析与实践分享
    本文深入探讨了HTML5在Web前端开发中实现大文件上传的技术细节与实践方法。通过实例分析,详细讲解了如何利用HTML5的相关特性高效、稳定地处理大文件传输问题,并提供了可供参考的代码示例和解决方案。此外,文章还讨论了常见的技术挑战及优化策略,旨在帮助开发者更好地理解和应用HTML5大文件上传技术。 ... [详细]
  • 吐槽:团队遣散,我们该何去何从?
    写在最前:纯属吐槽,漫笔,勿喷!就在前些天,放工回家的路上,看到群信息,说:据说京东裁人了~,也是在上上月,也一度被传的沸沸扬扬的:阿里、京东、华为接踵被曝住手社招,音讯也是满天飘 ... [详细]
  • 媒介这里大部份是本身碰到过的状况,另有一部份自创了偕行的文章,假如人人有碰到别的坑,迎接提出来一同研讨。学问要点1.Meta标签1.制止用户缩放页面,页面强迫让文档的宽度与装备的宽 ... [详细]
  • React图片输入框移动端网页_018
    React-图片输入框-移动端网页gitHub地址觉得有参考价值,点个赞https:github.comxiaopingzh…目录结构.├──README.md├──dist│├─ ... [详细]
  • javascript – 关于微信浏览器的疑问
    后端开发|php教程php,javascript,html5后端开发-php教程现在正在开发移动端webapp,遇到了比较麻烦的问题:用户输入帐号密码登陆后,自动跳转到首页,,QQ ... [详细]
  • 利用Selenium与ChromeDriver实现豆瓣网页全屏截图
    本文介绍了一种使用Selenium和ChromeDriver结合Python代码,轻松实现对豆瓣网站进行完整页面截图的方法。该方法不仅简单易行,而且解决了新版Selenium不再支持PhantomJS的问题。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • 历经三十年的开发,Mathematica 已成为技术计算领域的标杆,为全球的技术创新者、教育工作者、学生及其他用户提供了一个领先的计算平台。最新版本 Mathematica 12.3.1 增加了多项核心语言、数学计算、可视化和图形处理的新功能。 ... [详细]
  • 鼠标悬停出现提示信息怎么做
    概述–提示:指启示,提起注意或给予提醒和解释。在excel中会经常用到给某个格子增加提醒信息,比如金额提示输入数值或最大长度值等等。设置方式也有多种,简单的,仅为单元格插入批注就可 ... [详细]
  • 本文详细介绍了如何解决 Microsoft SQL Server 中用户 'sa' 登录失败的问题。错误代码为 18470,提示该帐户已被禁用。我们将通过 Windows 身份验证方式登录,并启用 'sa' 帐户以恢复其访问权限。 ... [详细]
  • 本文介绍了如何利用摄像头捕捉图像,并将捕获的图像数据保存为文件。通过详细的代码示例,展示了摄像头调用的具体实现方法,适用于多种应用场景,如安全监控、图像处理等。 ... [详细]
  • HTML5 sever-sent onmessage方法不执行,怎么回事,求大神指点!做服务器广播,页面接收!
    我想实现HTML5sever-sent实现服务器发送消息,然后页面来获取消息,网上找了好多方法,最终找到了一个能用的,但是消息获取页面不执行onmessage方法,求大神指点!本人用.net写的,代 ... [详细]
  • 绑定完成的汗青绑定的基础是propertyChange事宜。怎样得知viewModel成员值的转变一直是开辟MVVM框架的主要题目。主流框架的处置惩罚有一下三大类:别的开辟一套AP ... [详细]
  • a web-based music player(GO + html5)
    github地址:https:github.comcoderchengmusic-player后台是用GO(windowslinux都可以),前端是HTML5推荐 ... [详细]
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社区 版权所有