前端体系必备的软技能和知识点

  1.软技能

  • 起码一种前端框架

    • Bootstrap
    • ...
  • 起码一门后端语言
    • php
    • node.js
    • ...
  • 起码一种CSS预处理器Les或者Sass。
  • 学会使用SVN或Git来管理程序版本。
  • 做个自己的个人网站,用于前端圈技术交流,并好好运营。
  • 用熟一种程序员的编辑器,学会如何配置代码补全、外观、外部命令等,使用这些东西不是为了Cool,而是这些编辑器在查看、修改代码、配置文章、日志会更快更有效率。
  • 做个大型的电商网站,并好好运营。
  • 发展前端之外的兴趣爱好,关注你感兴趣的行业,有机会的话用自己所学做些产品。
  • 前端有两个方向,一个是视觉,做更炫酷的网页,一个是功能,两手都要硬。
  • 熟悉Unix/Linux Shell和常见的命令行。
  • 学会一门脚本语言,如Python/Ruby。
  • 关注互联网行业的动态,平时常常收听IT播客,如喜马拉雅上的IT公论、内核恐慌、卓老板聊科技、Teahour.Fm、IT大字报、极客电台等。有好玩的记得留言哟。
  • 学会用Google(phrase\domain\use reader to follow tech blogs)
  • 该好好考虑让自己的所学往移动端靠了,比如Web app\响应式\html5\原生app\Hybrid App。
  • 熟练一种调试工具。
  • 英语熟练。很多的最新技术文档都是英文看的。
  • 最好懂UI设计,属于加分项。

  2.知识点

  • html基础

    • 页面头部(指定语言、文本显示方向、元信息meta、移动端适配)
    • 文本(h1~h6、p)
    • 图片
    • 超链接
    • 表格
    • 表单
    • 列表
    • frameset、iframe
    • 多媒体
  • html5
    • Canvas
    • SVG
    • GPS定位
    • ...
    • 标签语义化
    • 表单新属性
    • 多媒体新属性
  • CSS以及CSS3
    • CSS的三种使用方法。
    • CSS语法是什么?
    • 选择器
    • 布局(display、position、float、flex)
    • 变形
    • CSS动画(2D和3D)
    • CSS容易搞混的属性之深入了解(line-height、border-sizing、属性继承、绘制区域等)
  • Java基础
    • JS调试
    • 基础语法、数据类型、运算符
    • 内置对象(数值对象、Date对象、Math对象、正则对象等)
    • 数组
    • 函数、参数、构造函数
    • Json
    • 面向对象
    • 原型
    • 作用域
    • 闭包
  • DOM
    • DOM文档树是什么?
    • 节点操作、属性操作、样式操作、事件操作(包括获取、新建、插入、删除、替换。)
    • 数据通信和数据储存
    • 动画
    • 音频和视频
    • BOM
    • ...
  • 前端架构

    • DOM
    • 组件
    • 模板
    • 工具包
    • 路由
    • 通信
    • MV*
  • 安全方面

    • 同源策略
    • XXS原理及防御(跨站点攻击)
    • CSRF(跨站点请求伪造)
    • XSRF原理及防御
    • 点击劫持
    • 常见网络攻击类型
  • html协议(常见状态码(200/302/304/404/500)、缓存控制)。
  • 性能优化(Cookies、雅虎军规、内存溢出、事件绑定、事件代理)。
  • 浏览器兼容性
    • 如何判断当前浏览器内核
    • IE系列版本之间的差异以及Hack技巧
    • 常见浏览器内核
    • 盒模型
    • 手机、ipad移动设备
时间: 2024-10-25 22:11:21

前端体系必备的软技能和知识点的相关文章

成为顶尖自由职业者必备的7个软技能之一:沟通(转)

英文原文:7 Soft Skills Freelance Web Designer Must Have Pt1 自由职业,它是介于「打工」和「创业」之间的一种中间形态.如今随着远程工作条件的越来越成熟,越来越多的人选择将命运重新把握在自己的手里,但是如何真正成为行业内顶尖的自由职业者?如何有效地打造自己的个人品牌?除了你本身的硬功夫(专业技能)之外,你还需要培养 7 个软技能.本系列连载将逐一介绍它们,请保持关注.本文作者是自由职业资深网页设计师 Alex Devero. 每一位成功的网页设计师

前端工程师必备技能汇总

首先,看一张前端知识结构图:  (原文: ithomer) 图片的形式具有诸多的不便.缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目.我们可以通过协作的方式来共同维护这个项目.Git的历史记录也可以见证前端行业的一些变迁. 尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于DataV项目). 前端开发知识结构 前端工程师 浏览器 IE6/7/8/9/10/11 (Trident) Firefox (

web前端工程师应该会的9个软技能

做为一名web前端工程师(http://www.maiziedu.com/course/web-px/),往往我们可能只专注于修炼自己的内功,而忽视了软技能.硬技能决定你是否能得到工作,而软技能能够表明你是否适合这份工作和适应工作环境等.所有的公司都有属于自己的文化,并努力将这些文化传承下去,所以他们必须确保每一位新员工能够适应这个环境. 许多硬技能很容易获得并可很快的提高,而软技能由于和你性格等联系紧密,可想要改变他们是一件很困难和缓慢的事情.这里有七个核心的软技能,适用于大多数的企业,它们不

web前端工程师必备技能汇总

web前端知识结构图. 图片的形式具有诸多的不便.缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个github项目.我们可以通过协作的方式来共同维护这个项目.Git的历史记录也可以见证前端行业的一些变迁. 尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于DataV项目). 前端开发知识结构 前端工程师 SVG/Canvas/VML SVG: D3/Raphaël/Snap.svg/DataV Canvas: Cre

前端工程师必备技能

前端工程师必备技能 金刚 前端 前端工程师 今天在技术群里看到几张讲前端的图片,好棒,记录下.以后慢慢扩展相关领域. 前端技术汇总.jpg 前端工程师所需要掌握的技能.jpg 前端工程师所需要掌握的技能.jpg

前端工程师必备技能储备

前端开发知识结构 前端工程师 浏览器 IE6/7/8/9/10/11 (Trident) Firefox (Gecko) Chrome/Chromium (Blink) Safari (WebKit) Opera (Blink) 编程语言 JavaScript/Node.js CoffeeScript TypeScript 切页面 HTML/HTML5 CSS/CSS3 PhotoShop/Paint.net/Fireworks/GIMP 开发工具 编辑器和IDE VIM/Sublime Tex

每个Web开发者必备的9个软技能

每个Web开发者必备的9个软技能.对于一份工作,你可能专注于修炼自己的内功,会在不自觉中忽视软技能.硬技能决定你是否能得到工作,而软技能能够表明你是否适合这份工作和适应工作环境等.所有的公司都有属于自己的文化,并努力将这些文化传承下去,所以他们必须确保每一位新员工能够适应这个环境. 许多硬技能很容易获得并可很快的提高,而软技能由于和你性格等联系紧密,可想要改变他们是一件很困难和缓慢的事情.这里有七个核心的软技能,适用于大多数的企业,它们不分行业,但作为Web开发者不应该忽视其中的任何一个.但是,

献给那些前端学习迷茫的人 -----前端开发必备的11项技能!!!

你也许会觉得前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的.但当你深入其中时,一定会发现好像前端开发不是那么简单,光网站性能优化.响应式.框架就让你焦头烂额, 确实,做前端开发就是先易后难,想成为一个优秀的前端开发,没有那么简单. 不过,天下事难则不会,会则不难,你只需要掌握11项技能就可以成为前端"大拿",下面,就告诉你这11项技能是什么?以及每项技能的要点,最后是相关的专业图书. 入门必备的技能:   第1项技能:HTML超文本标记语言: 技能要点: HTML文件

【PS切图】前端工程师必备,但又无需精通的一项技能。

前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能. 前端切图四大面板:在“窗口”菜单下开启 1,信息(手动开启)2,字符(手动开启)3,历史记录(手动开启)4,图层(默认开启) PS首选项设置: 编辑->首选项->单位与标尺,选改为像素. PS 技能需求.工具需求: 常用快捷键 图片格式 ( PSD | JPG/GIF/PNG) JPG/GIF/PNG的应用 PSD测量注意事项: 文字右方和下方会有1像素的默认间隙: