博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
掌握11项技能,你就是优秀的前端开发工程师
阅读量:6035 次
发布时间:2019-06-20

本文共 1627 字,大约阅读时间需要 5 分钟。

hot3.png

导读:

       你也许会觉得前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的。但当你深入其中时,一定会发现好像前端开发不是那么简单,光网站性能优化、响应式、框架就让你焦头烂额,

       确实,做前端开发就是先易后难,想成为一个优秀的前端开发,没有那么简单。

       不过,天下事难则不会,会则不难,你只需要掌握11项技能就可以成为前端“大拿”,下面,就告诉你这11项技能是什么?以及每项技能的要点,最后是相关的专业图书。

 

入门必备的技能:

第1项技能:HTML超文本标记语言:

技能要点:

  • HTML文件的结构

  • HTML文件的编写方法 

  • HTML基本标记

  • 文字与段落标记 

  • 框架

  • 使用表单 

  • XHTML页面结构

  

第2项技能:JavaScript脚本

技能要点:

  • JavaScript基本语法

  • 流程控制

  • 函数

  • 对象与数组

  • 程序调试与错误处理

  • 事件处理

  • 处理文档对象

  • 文档对象模型

  • window窗口对象

 

第3项技能:CSS网页样式布局

技能要点:

  • CSS定位与div布局

  • div 标记与 span 标记

  • CSS+div美化与布局

  • CSSJavaScript的综合应用

  • CSSXML的综合运用

  • CSSAjax的综合应用

 

晋级提升必会的技能

第4项技能:HTML5开发技能

技能要点:

  • HTML5语法

  • 新增的input输入类型

  • 新增的form元素

  • HTML5音频与视频

  • HTML5多媒体技术

  • Web存储

  • WebSQL混合开发

  • Workers多线程处理

 

第5项技能:常用Javascript框架

技能要点:

  • jQuery框架

  • Prototype框架

  • YUI框架

  • ExtJS框架

  • Dojo框架

第6项技能:Javascript Ajax应用

技能要点:

  • JavaScript的常用对象

  • DOM文档对象模型

  • XML请求与响应

  • JSON

  • Post/Get请求

成为优秀的前端开发必会的技能

第7项技能:响应式Web设计

技能要点:

  • Range对象与Selection对象

  • 学会绘制图形

  • History API

  • CSS 3 模块与模块化结构

  • CSS3中的属性选择器

  • 使用选择器在页面中插入内容

  • 文字与字体相关样式

  • CSS 3中的变形处理

  • CSS 3中的动画功能

 

第8项技能:常用交互设计工具

技能要点:

  • 流程图工具

  • 导航设计工具

  • 思维导图

  • 原型设计工具

  • UML工具

  • 站点地图工具

第9项技能:Web交互设计

技能要点:

  • 指示牌和面包屑

  • 可用性测试

  • 可访问性/级联样式表

第10项技能:网站信息架构

技能要点:

  • 用户需求及其行为分析

  • 信息架构基本信息

  • 组织系统

  • 标签系统

  • 搜索系统

  • 叙词表、受控词表,以及元数据

  • 流程和方法论

  • 设计和文件说明

第11项技能:REST软件架构

技能要点:

  • 统一接口GET/POST/PUT/DELETE

  • 识别资源

  • 表述解析Json/XML/Html

  • 查询

  • Web缓存

  • 条件请求

  • 扩展性与版本控制

      好了,这下你可以有计划、分步骤的学习和掌握这些技能了,要是你不知道怎么去学,我可以负责任的告诉你,先去看书。

     这里,我可以再给你推荐一些图书,分属不同的出版社(这么说,是不希望你认为我在推销书),这些图书都是我认为很有用的书。

  1. HTML+CSS网页设计与布局从入门到精通

  2. JavaScript权威指南(第6版)

  3. CSS禅意花园(修订版)

  4. HTML5CSS3基础教程(第7版)

  5. 响应式Web设计:HTML5CSS3实战

  6. jQuery权威指南(第2版)

  7. 疯狂Ajax讲义(第3版)

  8. Axure RP 6原型设计精髓

  9. 交互设计沉思录

  10. 大型网站技术架构:核心原理与案例分析

  11. REST实战(中文版)

       现在,你是不是知道该对照一下自己,是否掌握了这篇文章中所说的11项技能。 然后——开始去学习!掌握它们!

       你打算去按此学习吗? 先别忙,请在下面留下你的评论吧。

     

转载于:https://my.oschina.net/u/1473671/blog/264640

你可能感兴趣的文章
LNAMP第二版(nginx 1.2.0+apache 2.4.2+php 5.4)
查看>>
基于用户投票的排名算法(二):Reddit
查看>>
css3中变形与动画(一)
查看>>
[实战]MVC5+EF6+MySql企业网盘实战(23)——文档列表
查看>>
[译] ES2018(ES9)的新特性
查看>>
正则与sed,grep,awk三剑客
查看>>
诊断一句SQL不走索引的原因
查看>>
Linux pipe函数
查看>>
图片标注工具LabelImg使用教程
查看>>
(原創) 如何設計一個數位相框? (SOC) (Quartus II) (SOPC Builder) (Nios II) (TRDB-LTM) (DE2-70)...
查看>>
/etc/profile文件内容
查看>>
一页纸IT项目管理:大道至简的实用管理沟通工具
查看>>
汽车知识:车内异味的清除方法
查看>>
IE6 7下绝对定位引发浮动元素神秘消失
查看>>
浏览器的回流和重绘及其优化方式
查看>>
2.4 salt grains与pillar jinja的模板
查看>>
VDI序曲二十 桌面虚拟化和RemoteApp集成到SharePoint 2010里
查看>>
Nginx下载服务生产服务器调优
查看>>
移动互联网,入口生死战
查看>>
nginx面试常问题目
查看>>