前端开发从低级到高级,能力的区别。(不论薪资,只论能力)

从事前端开发这个职业的人越来越多,在最近几年也非常火热,吸引了众多人才的加入,我是12年2月开始加入这个开发者行列。

目前,按照前端开发水平,分为3个阶段,“初级前端开发”、“中级前端开发”和“高级前端开发”。

初级前端开发:具备制作 “同步网页” 的能力。所谓的 “同步网页”,就是能按照设计,用html和css制作出网页来,并用javascript在网页中加上click、hover等事件,让用户可以点击、查看。例如:常见的企业网站就是我所说的 “同步网页”。

中级前端开发:具备制作 “异步网页” 的能力。“异步网页” 的能力是指,能用ajax、jsonp结合jquery、seajs等等去制作出具有“异步”特征的页面,比如图片按需加载、页面的按需加载、异步验证用户名、手机号等等,都是属于“异步页面”的范围。简单来说就是会ajax

高级前端开发:具备在“异步网页” 中开发“异步网页” 的能力, 也就是具备制作 “开发web应用” 的能力。具备的特殊是:页面异步加载子页面, 然后子页面异步加载子子页面。例如:一些招聘网站中,《填写简历》就具有这些特征,点击展开简历以后,出现填写详情,详情里面还有更小的细节。

其实说这么多,我是想推广下一个多叉树的节点js库,让你可以具备高级前端开发的能力。

原谅我没有写demo,也不知道怎样的demo可以表述出这个节点js库的能力,原谅我的年轻幼稚吧,用到了seajs、jquery、ejs 和节点js库

demo地址:http://php_game.jd-app.com/CCNode.js/test.html

http://php_game.jd-app.com/CCNode.js/index.html?file=bindlogin/bindlogin1

<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <title></title>
    <!-- 界面css  -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/flat-ui.css" rel="stylesheet">

    <link href="assets/css/main.css" rel="stylesheet">
    <!-- 界面js  -->
    <script src="modules/jquery.min.js"></script>
    <script src="modules/sea.js"></script>
    <script src="init.js"></script>

</head>
<body>
<script>

seajs.use(seajs.data.base+"../assets/index/index.js",function(back){
        var scene=new back()
        scene.body="body"
        scene.init()
        cc.Director.addChild(scene)
    })

</script>
</body>

</html>
时间: 2024-10-08 10:55:19

前端开发从低级到高级,能力的区别。(不论薪资,只论能力)的相关文章

web前端开发与页面设计的协作、区别与发展

web前端开发与页面设计的协作.区别与发展,布布扣,bubuko.com

前端开发工程师和美工 知识需求的区别

摘要:很多公司甚至是多数以互联网网站为主要业务的公司都会把“美工”的概念搞混淆,通常这些公司都会把网页设计+网页制作的人员统称为“美工”.而一家成熟的互联网公司则会把网站方面的人才规划的比较详细,如UED团队(用户体验设计,英文User Experience Design的缩写),其中详细划分成了“交互设计”.“视觉设计”.“前端开发”.“用户研究”.“文案”等职位.今天主要就为了这个话题,与大家分享一下“美工”与“前端”之间的职能区别… 一. 什么是美工? 美工:意为美术工程师(Art Eng

JS高级前端开发群加群说明

JS高级前端开发群加群说明 一.文章背景: 二. 高级群: 三. 加入方式: 四. 说明: 一.文章背景: 去年年初建了几个群,在不经意间火了,一直排在“前端开发”关键字搜索结果第一名.当然取得这样的成绩或这样一个结果也是情理之中,一方面来说,提倡的各种交流沟通方法大部分是正确有效或被大家认可的,另外一方面说,这么多人聚在一起,跟大伙的参与分享是分不开的,尤其是各群的管理,是我们的灵魂精神的支柱.另外在国内行业前进的道路上,尽自己的绵薄之力帮助他人,引领氛围,进而影响行业,也是略感欣慰.有时候精

什么是HTML5前端开发?HTML5前端要学哪些技术?

什么是HTML5前端开发?前端开发一般指网页开发,前端开发是从网页制作上演变过来的,网页上软件化的交互形式都是基于前段技术实现的.程序员指从事程序开发.维护的专业人员,其中程序员可以分为设计和编码两个部分. HTML5前端的发展前景可观,可以从事的工作也很多,比如:web前端开发工程师.HTML5开发工程师.web APP开发工程师.Java开发工程师等. 那么想要学好HTML5前端开发,那么需要掌握的专业技术有哪些? 第1阶段:前端页面重构:PC端网站布局.HTML5+CSS3基础项目.Web

[转载]Web前端开发工程师编程能力飞升之路

[背景] 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧:如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧:如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧: web前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间.这个领域没有学校的正规教育,没有行内成体 系的理论指引,几乎所有从事这个职业的人都是靠自己自学成才.自学成才,一条艰辛的坎坷路,我也是这样一路走来.从2002年开始接触web

Web前端开发工程师编程能力飞升之路

[背景] 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧:如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧:如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧: web前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间.这个领域没有学校的正规教育,没有行内成体 系的理论指引,几乎所有从事这个职业的人都是靠自己自学成才.自学成才,一条艰辛的坎坷路,我也是这样一路走来.从2002年开始接触web

高级前端开发不可或缺的知识

单页应用现在很流行,特别是移动前端开发方面,用web页面做出来的应用,几乎可以达到java,C++等开发的用程序一样的效果.基于web天生就有跨平台的优势,使得前端开发也越来越受重视了.要想在移动端做出原生应用的效果,单页应用首当其冲,但是呢,单页应用有一个重要的知识点,那就是异步过程太明显,你想,大量的样式操作,事件邦定,都要在dom节点绘制完成之后才能进行.怎样确定我们在操作某个dom节点的时候,它已经在页面上存在了呢.以前呢,我们都是用定时器设一个时间来保证的.例如: var elemen

极客学院Web前端开发技术实战视频教程 初级入门+高级实战++专家课程+面试指导

===============课程目录=============== ├<初级中级>│  ├<1. HTML5开发前准备>│  │  ├1.HTML5开发前准备.mp4│  │  └2.开发前的准备-快捷键.mp4│  ├<10. React.js>│  │  ├React.js简介.txt│  │  ├<1.React 概述>│  │  │  ├React 开发环境搭建.mp4│  │  │  ├编写第一个 React 程序.mp4│  │  │  └什么

Web前端开发(高级)下册-目录

多媒体与绘图 多媒体 音频格式 视频格式 HTML5多媒体支持 <audio>和<video> htmlaudioElement和htmlVideoElement <audio>和<video>的事件 html5的绘图支持 <canvas>元素 绘制图形 绘制几何图形 绘制路径 绘制字符串 清除绘制内容 绘制阴影 绘制位图 变形 svg HTML5中使用svg svg的基本语法 svg内部标签 几何图形标签 路径标签 文字标签 HTML5新特性