名牌前端知识连串

远近驰名前端知识系统

从招聘消息看

CoffeeScript 1

  1. 精通Javascript

    • 操纵js宗旨技术DOM,BOM,Ajax,JSON
    • 深谙js面向对象机制,能用原生js举行DOM编制程序
    • 有千头万绪js开发经历
    • 熟识各类js框架(jQuery/Backbone/Angular/ext/Dojo/Prototype等)
  2. 精通html+css,包括html5+css3
    快速 体验一致 无差异化

    • 领悟DIV+CSS网页布局
    • 能够遵照需要飞快提供基于HTML伍的技艺的缓解方案
    • 熟习手机浏览器中HTML5中的包容性
  3. 怀有缓解多浏览器,多终端包容性难点的阅历

    • 多浏览器包容性难题
    • 深谙手机浏览器h伍的包容性难题
    • 全体调节各浏览器包容性经验
    • 熟习IE各版本开发特色,保持浏览器体验1致
    • 对浏览器差距有永不忘记摸底,谙习浏览器原理,能遵照供给提供包容方案
  4. 明白各类web标准

    • 熟谙W3C标准,对表现和组织分离、HTML语言化等有深入明白
    • 熟悉es5,es6规范
  5. 架构能力

    • 对符合web标准的网站重构有经历
    • 组件化,模块化,能独立完结复杂前端模块设计和达成的经历
    • 打听模块化开发及工具使用
    • 有早晚的统一筹划能力
  6. 刺探PHP/Python/Ruby等一种大概种种服务端语言

  7. 熟知大型网址架构和总体性优化,纯熟各个Web缓存技术

文化种类

基础

![前者知识种类-基础](web-base-skill.png =600×600)

  1. 电脑知识储备
    优化合作,深化端对端通讯,程序运维内部流程的明白,选取更加好的算法达成
  2. 编程语言 \**

    • JavaScript/Node.js
    • CoffeeScript
    • TypeScript
  3. 前端标准/规范
    编辑高质量的代码,升高代码的可读性,可访问性和可维护性,对用户本身,

    • HTTP/1.1
      (URI链接、Session会话、Authentication授权、请求Request、
      响应Response)
    • HTTP/2 (压缩Compression、打包minification、推送Server push)
    • W3C标准 (DOM,BOM,XHTML,JSON,JSONP,HTML,CSS,XML)
    • ECMAScript规范 (3~6)
    • JS宗旨知识 (DOM,原型,原型链,闭包,css优先级,css盒模型)
  4. 编制程序知识储备/宗旨概念 (DOM,原型,原型链,闭包,css优先级,css盒模型)

  5. 支出工具 赞助火速定位难点,消除难点,提升级工程师作效能和公司合营成效

    • 编辑器 (sublime Text,webStorm,Atom,Vim,Emacs,Eclipse)
    • 调剂工具 (Developer Tools, Firebug, IETest, Chrome Dev Tools)
    • 本子管理 (Git,SVN,GitHub,SourceForge等)
  6. 框架
    (UI:bootstrap等,基础库:JQuery/Prototype/zepto/MooTool,框架:AngularJS,Backbone,React,knockout等)
    取其精华,不重复造轮子, 设计情势的执行

  7. 浏览器
    升高可访问性,对用户自身,保持壹致性。掌握各浏览器的异样,才能求“最大公约数”

    • 渲染引擎 (Trident=IE,Blink/prev.
      Webkit=Chrome,Gecko=Firefox,WebKit=Safari,Blink/Pre.
      Presto=Opera,EdgeHTML=Edge)
    • 剧本引擎
      (JScript=IE8-/Asp,Chakra=IE9/Edge,V8=Chrome/Opera/Nodejs/MongoDb,SpoderMonkey=firefox,Nitro=safari)
  8. 移动使用开发 趋势

    • Hybrid App
    • PhoneGap /Cordova
    • MUI
    • React Native
    • Ionic
    • HTML5/CSS3
    • Zepto
    • 响应式设计 (bootstrap,css媒体询问)

进阶

CoffeeScript 2

  1. 模块化/代码组织

    模块化是复用的底蕴,合营的底蕴,分层的基础

    • EMCAScript6 (EC6 Module)
    • Commonjs (webpack,browserify)
    • AMD (RequireJs)
    • CMD (Seajs)
    • UMD (UMD)
  2. 代码品质/质控
    品质相对会潜移默化代码的周转速度,能够使得的拉长我们的开发效用和代码品质

    • 编码规范 (JSlint,JSHint,jscs,Csslint)
    • 单元测试 (Qunit/Jasmine,UnitJs,Mocha/Should/Chai/Expect)

    单元用于测试一个模块或接口是还是不是能达到规定的标准预期结果的代码,快速查看有些模块或接口可用

  3. CoffeeScript,自动化测试
    (phantomjs-页面监察和控制,模拟点击等,Karma+jasmine-单元测试自动化,webDriver+贾斯敏,protractor-端对端测试等)

  4. 品质优化
    • 高性能JavaScript
    • dynaRrace Ajax
      (Js执行时间,网络请求时间,服务器消耗费时间间,哪些地点下落了质量)
    • HTTPWatch **
    • YSlow 34 (Best Practices for Speeding Up Your Web Site)
    • PageSpeed (网页载入速度检查实验工具,优化缓存,减弱请求大小)
    • JsPerf (比较分化算法的履行进程,各浏览器运营的构造)
  5. 安全
    • Adsafe/caja/sandbox (防止不法代码)
    • 同源策略 浏览器最大旨最中央安全
    • CSP 剧情安全策略,白名单的建制对网址加载或施行的资源起功用
    • CSRF/XSS 跨站请求伪造/跨站脚本攻击
  6. 配备流程
    • 花色营造 (grunt,Yeoman,Gulp,Grunt,Ant)
    • 文书档案输出 (Dox,Doxmate,grunt-doxmate)
    • 减掉合并 CleanCss,UglifyJS,Google Clousure Complier,YUI
      Compressor

软实力

CoffeeScript 3

相关链接

文化种类壹

文化种类贰-含知识点链接

文化种类-大家意见

文化连串-github

文化体系-思维导图

前端自动化测试利器-phantomjs

Karma+Jasmine完结自动化测试

dynaTrace
Ajax:前端品质分析利器

YSlow的使用情势

GooglePageSpeed使用教程