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

2019独角兽企业重金招聘Python工程师标准>>>

　　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移动设备

转载于:https://my.oschina.net/proginn/blog/685949

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

面试宝典（一）之程序员必备面试软技能
面试宝典(一)之程序员必备面试软技能说在前面:虽然说前程堪忧,失联招聘,BOSS直拒,58不成,拉钩上吊,一百年不匹配已然成为广大打工人饭后的谈资,但是对于待业或者准备跳槽的程序员,他们却笑不起 ...
不管计算机专业大学生还是职场老手，除了代码之外程序员必备的软技能有哪些？
不想去成为一个伟大的程序员,只想成为一个具有良好习惯的优秀程序员. 前言之前看了本<软技能:代码之外的生存指南>,虽然书中的内容提到的点到现在很多都有坚持在做,不过书中对程序员必备的软技 ...
优秀的web前端工程师需要哪些软技能
做为一名web前端工程师(http://www.maiziedu.com/course/web-px/),往往我们可能只专注于修炼自己的内功,而忽视了软技能.硬技能决定你是否能得到工作,而软技能能够表 ...
九个Web开发者必备的软技能
对于一份工作,你可能专注于修炼自己的内功,会在不自觉中忽视软技能.硬技能决定你是否能得到工作,而软技能能够表明你是否适合这份工作和适应工作环境等.所有的公司都有属于自己的文化,并努力将这些文化传承下去 ...
项目经理必备的软技能，你有吗？
项目经理不仅需要拥有专业技术.项目管理技能,而且需要掌握软技能,尤其对于职能式或弱矩阵情况下的项目组织模式来说,这样才能形成强大的战斗力. 01善于倾听,主动听取团队成员意见既然是团队合作,项目的工 ...
程序员必备的软技能-金字塔原理拆解（下）
原书 290千字,本文预计 14千字,拆解比 20:1,预计阅读时长 15分钟第 4 章序言的具体写法文章的序言(前言.引言.导言)概述读者已知的信息,并将这些信息与文章将要回答的疑问建立联系, ...
程序员必备的软技能-金字塔原理拆解（上）
原书 290千字,本文预计 14千字,拆解比 20:1,预计阅读时长 15分钟序言日常工作中,常常因为思维.表达方式不对产生不想要的结果: 写了一个小时的周报,领导却不满意? 跟团队讲了半天自己的 ...
Web前端工程师必备的PS技能之切图
1. PS中我的标尺的参考线为什么不能自动吸附图层或画布中间了?有个选项没有选择"菜单栏-视图-对齐",勾选下,里面的选项你可以看着勾选.还有一点要注意,你想吸附到图 ...
前端工程师必备的PS技能——切图篇
Photoshop界面设置移动工具快捷键--v 注意自动选择选项智能参考线--视图->显示标尺--Ctrl+R 窗口->信息(面板选项中,第二种颜色信息模式为RGB颜色,标尺单位为像 ...

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

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

最新文章

热门文章