GitHub篇

作者:ca88编程

开源前端E-BOOK《笔者的饭碗是前面叁个技术员》;web 技师进级之路;开源E-BOOK《笔者的专业是前面贰个程序员》;Nodejs进级:MD5入门介绍及crypto模块的施用;前端之HTML学习;nodejs异步编制程序精解;关于 ios HTTP 2.0 的二回学习实行;F :别忽视前端工程化的配置与测量检验

学学材质篇

自然语言处理NLP推荐学习路径及参谋资料

1.Awesome:平台,语言,五颜六色的本事合集,2.lists,3.各种Awesome

awesom-python

Awesome Swift

Awesome Nodejs(学习nodejs的材质够全了卡塔尔

Awesome Javascript

Awesome R

Awesome Scala

awesome-java

awesome-go

awesome-react

awesome-sysadmin

awesome-ios

awesome-ios-ui

awesome-android-ui

Awesome-MaterialDesign

awesome-public-datasets

awesome-AppSec(系统安全卡塔尔(英语:State of Qatar)

awesome-datascience

React-Native学习指南

GoBooks

Papers we love

stackoverflow_scala_info

Scala Tour

Bast-App

Enclave的极客理想类别作品

Nodejs学习路线图

何以学习nodejs

超级屌的机器学习资料(框架,库,软件),汉语翻译版

机器学习(Machine Learning卡塔尔(英语:State of Qatar)&深切学习(Deep Learning卡塔尔(قطر‎资料

这个不利的语言类学习资料群集:Awesomeness

free-programming-books中文版

无偿的编程中文图书目录

《程序猿编程艺术 — 面试和算法心得》

前端技术汇总

后边二个能源大导航

搜集前端方面包车型地铁书籍

享受温馨长时间关心的前端开垦相关的优良网址、博客、以致活跃开拓者

2014年最新前端开垦面试题

简言之清晰的JavaScript语言教程,代码示例

JavaScript编制程序标准

JavaScript必供给看录制

JavaScript标准参照教程(阮生龙活虎峰的,收拾的科学)

JS必看

《斯威夫特编制程序语言》普通话版

AngularJS Guide的中文分支

Angular2学习资料

AngularJS应用的顶级实行清劲风骨指南

一周学会NodeJS

node.js中文资料导航

Nginx开辟从入门到通晓

一起写Python文章,一起看Python文章

Android Code Path

PHP 类库框架,资料集结

Docker资料合集

学习使用Strom

Hadoop Internals

Spark Internals

大数据时期的多少剖判与数量开采 – 基于Hadoop完结

哪些创建操作系统

信任开源项目学习软件开荒

几个科学的开源游戏引擎

最值得关心的13个C语言开源项目

15款值得学习的微型开源项目

iOS-玖21个开源组件

十大Material Design开源项目

GitHub秘籍

Git风格指南

后边叁个财富

前端开垦指南

HTTP接口设计指南

Readings in Databases

Data Science blogs

日记:每一种软件程序猿都应该明了的关于实时数据的统一定义

Swift相关

斯威夫特精选资料

肆14个优异的开源项目

理想的web前端工程师之所以能够,不是因为做事的期限有多长期,而是有着神速学习的力量。web前端开垦是二个特殊的行事,包含的知识面特别广,并且网络行业才具的翻新速度是异常的快的,若无快速学习的本领,就很难跟上风华正茂世的步子。所以,作为web前端程序猿必须求不断的求学,进步技艺。

21. vue

  • Vue
  • Vue 论坛
  • Vue 入门指南
  • Vue 的一些能源索引

图片 1

美好项目篇

Android开源项目分类聚集

一名佳绩的 程序猿 ,不止是 技术员 。

十. 性格优化

  • 健康优化
    • Javascript高质量动画与页面渲染
    • 移步H5前端品质优化指南
    • 5173首页前端质量优化实行
    • 给网页设计师和前端开采者看的前端质量优化
    • 复杂应用的 CSS 品质解析和优化提出
    • 张鑫旭——前端质量
    • 前端质量监察和控制总括
    • 网站质量优化之CSS无图片本事
    • web前端品质优化升级路
    • 后面一个手艺:网址品质优化之CSS无图片手艺
    • 浏览器的加载与页面质量优化
    • 页面加载中的图片质量优化
    • Hey——前端质量
    • html优化
    • 99css——性能
    • Yslow——质量优化
    • YSLOW华语介绍
    • 转大器晚成篇Yahoo关于网址品质优化的稿子,兼谈本站要做的优化
    • Yahoo!团队实施分享:网址质量
    • 网址品质优化指南:什么使大家的网址变慢?
    • 网址品质优化实行,裁减加载时间,提升顾客体验
    • 浅谈网址质量优化 前端篇
    • 前端重构实施之怎么样对网站质量优化?
    • 前端质量优化:使用媒体询问加载钦赐大小的背景图片
    • 网址品质类别博文
    • 加载,不只是少一丝丝
    • 前者质量的测量检验与优化
    • 分享网页加载速度优化的片段本领?
    • 页面加载中的图片品质优化
    • web前端优化(基于Yslow卡塔尔(英语:State of Qatar)
    • 网址品质优化学工业具大全
    • 【高品质前端1】高品质HTML
    • 【高质量前端2】高品质CSS
    • 由12306谈谈网址前端质量和后端质量优化
    • AlloyTeam——前端优化
    • 微秒必争,前端网页质量最棒实施
    • 网址质量工具Yslow的利用办法
    • 前端工程与天性优化(上):静态能源版本更新与缓存
    • 前端工程与天性优化(下):静态财富管理与模板框架
    • HTTPS连接的前几微秒发生了如何
    • Yslow
    • Essential Web Performance Metrics — A Primer, Part 1
    • Essential Web Performance Metrics — Part 2
    • YUISlide,针对移动设备的卡通片质量优化
    • Improving Site Performance
    • 让网址提速的特等前端实行
    • Why Website Speed is Important
    • Need for Speed – How to Improve your Website Performance
    • Ali有线前端质量优化指南 (Pt.1 加载期优化卡塔尔国
  • 优化学工业具
    • JavaScript 品质解析新工具 OneProfile
    • JavaScript 堆内部存款和储蓄器深入分析新工具 OneHeap
  • 在线工具
    • google在线工具
    • 阿里测
    • Ali-无偿测量试验服务
    • Ali-F2etest多浏览器包容性测量试验技术方案
    • js质量测量试验
    • 轻便玩转PDF

开源前端E-BOOK《小编的生意是前者程序猿》 2017 年 7月份,看完村上春树的新书《小编的差事是二个小说家》,笔者便萌生了写一个《作者的专门的工作是前面一个程序猿》种类小说的主见——以私家见解来看前端领域的种种本领。整个体系的稿子大概有 15 篇左右,从自个儿是怎么样成为贰个前端程序员,到种种前端框架的文化。 在线阅读地址: 下载地址 1: 技士进级之路 简要商议:这份图纸由 Github 客商Kamranahmedse 创设,纵然并不完全赞同他的见识,但那份图纸对于 Web 工程师的自己发展还是大有益处的。 概略 Front-end 路径图 Back-end 路径图 DevOps 路径图 当然那一个只是工具,事实上,要是一个人能在某多少个世界有极其通晓的技艺...开源电子书《小编的饭碗是前面四个工程师》 2017 年 十11月份,看完村上春树的新书《作者的专门的学业是八个诗人》,小编便萌发了写二个《作者的职业是后边四个程序员》类别小说的主见——以个体观点来看前端领域的各类技术。整个连串的稿子大约有 15 篇左右,从自己是何等变成一个前端程序员,到各样前端框架的学识。 —— 由Phodal共享Nodejs升级:MD5入门介绍及crypto模块的选取本文章摘要录自《Nodejs学习笔记》,越来越多章节及更新,请访谈github主页地址。款待加群交换,群号 一九七一39705。 简单介绍MD5是Computer安全领域大范围利用的散列函数,首要用于前端之HTML学习HTML学习 请带着以下多少个难题开展学习: 什么是HTML、HTML文档类型起到何等意义、HTML5和HTML4有啥样区别、pc端和移动端页面有怎么着分别、什么是块级成分什么是内联成分、块级成分和内联成分的区分、什么是HTML标...nodejs异步编制程序详整一、从叁个差不离的案例开端{代码...} nodejs 特点是单线程、异步、非堵塞,借使代码逻辑关系到两个回调,就会面世非常骇人听闻的代码,不便利中期的掩护。 二、 nodejs为啥会统筹成异步编程? 异步编制程序是随着ajax才...关于 iOS HTTP 2.0 的二遍学习推行后面包车型客车文章也涉嫌了脚下的移位端网络不认为奇品质难点,以至对应的优化计策,假如把HTTP1.1 替换为 HTTP2.0,能够说是互连网质量优化的一步大棋。如今对 iOS HTTP2.0 进行了大致的调查商量、测量检验,在那做个大约的计算 本文的光景思路是介绍 HTTP1.1 的流弊、HTTP2.0 的优势、HTTP2.0 的磋商机制、iOS 顾客端怎么着对接 HTTP2.0,以...F :别忽视前端工程化的布署与测量试验写在头里 悄然无息时间已到来二零一七年的5月,不亮堂2015年的前端技艺概念爆炸,是吓走了工夫小白,依旧让技艺大拿多加几天班呢。However,Web前端这么些领域还未有热度退减,从全校结业走进这一个行业的人连串,后端...订阅发布和vue双向绑定引言 近期在看Vue的源码,有些动容,下边解说一些私家了然。在此之前写过生机勃勃篇小说,是陈说关于观看者方式的,与本文宗旨有关,要求的敌人能够看一下。 vue的中坚是mvvm,vue2又追加了虚构dom。作者的讨论方向也是以那四个为主...Vue全家桶完成还原豆瓣电影wap版 douban-movie(豆瓣电影wap版卡塔尔 用vue全家桶仿写豆瓣电影wap版。 近期在信用合作社项目中尝试采用vue,但奈何自个儿初学水平有限,上了vue未有上vuex,开采进度极其悲哀。 于是玩生龙活虎玩本项目,算是对相关技巧尤其熟知了。 原安顿仿写完全部页面,碍于豆Angular 4.x 事件微电脑及自定义EventManagerPlugin 在 Angular 中什么为同三个表达式绑定多个事件吧?就算我们那样做只怕会是如此的: div button (click, mouseover卡塔尔国="onClick(卡塔尔国"Click me/button l《测试你的前端代码 – part1》如今本身的三个正好接触前端开垦的心上人,问作者怎么测量试验他的 app。那时是电话调换的,大家都领悟测验是三个零乱的文化种类,不容许通过电话说通晓,然则自身也跟他保障了要给他发意气风发份“测量检验教导”。 ​​​#前端开荒那三个事#详见: 在《锋利的 jQuery》书中整理的多少个现行反革命还常用的 jQuery 代码片段。#JavaScript#1.什么是内部存款和储蓄器泄漏?内部存款和储蓄器泄漏是指分配给选拔的内部存款和储蓄器无法被重新分配,即便在内部存款和储蓄器已经不被运用的时候。通常境况下,垃圾回笼器在DOM成分和event微型机不被援引或访谈的时候回收它们。...请戳→ #前端开拓博客# ​​​#前面一个头条#2个空格缩进换行解除尾随空格使用分号每行节制 78个字符使用单引号 #前端开辟博客# ​​​

客户端

囧事百科 斯维夫特

HackerNews Swift

微博晚报app

Framework

Twitter框架

Mac下简单HTTP Server Swifter

小工具

Swift Alarm

Swift Note

Swift RSS Reader

Swift-PM2.5查询app

游戏

Flappy Swift

FanFan Swift

工作、工具篇

系统管理职员和工人具集合

Pro Git

Google 全球 IP 地址库

收罗收拾远程专门的学业不非亲非故系的资料

Color schemes for hackers

娱乐开辟工具集,MagicTools

开采者工具箱, free-for-dev

  1. ECMAScript 6

工具类

工具类 地址
前端人的俱乐部 http://f2er.club/ 真可以解放你的收藏夹
如何优雅地使用Sublime Text http://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/#
新编码神器Atom使用纪要 http://www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/
css sprite 雪碧图制作 http://www.imooc.com/learn/93
版本控制入门 – 搬进 Github http://www.imooc.com/learn/390
Grunt-beginner前端自动化工具 http://www.imooc.com/learn/30
IntelliJ IDEA 简体中文专题教程 https://github.com/judasn/IntelliJ-IDEA-Tutorial
SublimeText https://github.com/jikeytang/sublime-text
Atom https://atom.io
visual studio code https://code.visualstudio.com
  1. 此外后端编制程序语言

三、前端本事分类归结

  • 大前端综合
  • Tools
  • Vue
  • React
  • Angular
  • Chrome
  • Nodejs
  • Css3
  • Pwa
  • Webpack
  • Gulp
  • Git
  • Mongodb
  • Markdown
  1. 其他常用工具

其它API

其它API 地址
HTTP API 设计指南 http://segmentfault.com/bookmark/1230000002521721
javascript流行库汇总 javascriptoo
验证api http://niceue.com/validator/demo/index.php
underscore 中文手册 http://www.css88.com/doc/underscore
underscore源码分析 http://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis 3031
underscore源码分析-亚里士朱德的博客 http://yalishizhude.github.io/tags/underscore
underscrejs en api http://underscorejs.org
lodash - underscore的代替品 https://lodash.com
ext4api http://extjs-doc-cn.github.io/ext4api
qwrap手册 http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm
缓动函数 http://easings.net/zh-cn
svg 中文参考 http://www.w3school.com.cn/svg/svg_reference.asp
svg mdn参考 https://developer.mozilla.org/en-US/docs/Web/SVG
svg 导出 canvas https://github.com/gabelerner/canvg
svg 导出 png https://github.com/exupero/saveSvgAsPng
ai-to-svg http://www.zamzar.com/convert/ai-to-svg
localStorage 库 https://github.com/machao/localStorage
  1. HTML5 CSS3 JavaScript

Date library

Date library 地址
Datejs https://github.com/datejs/Datejs
sugarjs http://sugarjs.com/api/Date
  1. Nodejs Mysql /MongoDB(可选)

5. 弹出层

  • artDialog 最新版
  • artDialog 文档
  • google code 下载地址
  • 贤心弹出层
  • 响应式顾客交互作用组件库
  • sweetalert-有css3动漫弹出层

现阶段市情对前面二个基本都务求会一门后端语言, PHP / JAVA / Nodejs / Python 等。

面试题

面试题 地址
那几个月在找工作(百度,网易游戏) http://www.nowcoder.com/discuss/3196
2014最新面试题 http://www.html-js.com/article/1743
2016校招内推 – 阿里巴巴前端 – 三面面试经历 http://www.cnblogs.com/imwtr/p/4685546.html
年后跳槽那点事:乐视 金山 360面试之行 http://www.cnblogs.com/lvdabao/p/3660707.html
Interviewing a front-end developer http://blog.sourcing.io/interview-questions
拉勾网js面试题 http://www.cnblogs.com/52cik/p/js-question-lg.html
前端面试 http://www.cnblogs.com/allenxing/p/3724382.html
Web开发笔试面试题 大全 http://mianshiti.diandian.com
前端开发面试题 http://segmentfault.com/a/1190000000465431
2014最新前端面试题 https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions
百度面试 https://github.com/fex-team/interview-questions
前端工作面试问题 https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese
前端开发面试题 http://segmentfault.com/a/1190000000465431
5个经典的前端面试问题 5个经典的前端面试问题
最全前端面试问题及答案总结 http://segmentfault.com/a/1190000002562454
如何面试一名前端开发工程师? http://www.html-js.com/article/Large-search-front-team-column 2961
史上最全 前端开发面试问题及答案整理 https://github.com/hawx1993/Front-end-Interview-questions
前端实习生面试总结 http://www.cnblogs.com/xiaoruo/p/4665163.html
史上最全 前端开发面试问题及答案整理 https://github.com/hawx1993/Front-end-Interview-questions
BAT及各大互联网公司2014前端笔试面试题:JavaScript篇 http://blog.jobbole.com/78738
前端开发面试题大收集 https://github.com/paddingme/Front-end-Web-Development-Interview-Question
收集的前端面试题和答案 https://github.com/qiu-deqing/FE-interview
如何面试前端工程师 http://www.zhihu.com/question/19568008
前端开发面试题 https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md
牛客网-笔试面经 http://www.nowcoder.com/discuss?type=2
  1. JQuery BootStrap Ajax Json

前端标准

前端规范 地址
通过分析github代码库总结出来的工程师代码书写习惯 http://alloyteam.github.io/CodeGuide
HTML&CSS编码规范 by @mdo http://codeguide.bootcss.com
团队合作的css命名规范-腾讯AlloyTeam前端团队 http://www.alloyteam.com/2011/10/css-on-team-naming/
前端编码规范之js - by yuwenhui http://yuwenhui.github.io
前端编码规范之js - by 李靖 http://www.cnblogs.com/hustskyking/p/javascript-spec.html
前端开发规范手册 http://zhibimo.com/read/Ashu/front-end-style-guide
Airbnb JavaScript 编码规范(简体中文版) https://github.com/yuche/javascript#table-of-contents
AMD与CMD规范的区别 http://www.zhihu.com/question/20351507
AMD与CMD规范的区别 http://www.cnblogs.com/tugenhua0707/p/3507957.html
KISSY 源码规范 http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html
bt编码规范 http://codeguide.bootcss.com
规范加强版 https://github.com/Suxiaogang/Code_Guide
前端代码规范 及 最佳实践 http://blog.jobbole.com/79075
百度前端规范 http://coderlmn.github.io/code-standards
百度前端规范 http://isobar-idev.github.io/code-standards
百度前端规范 http://zhuanlan.zhihu.com/fuyun/19884834
ECMAScript6 编码规范–广发证券前端团队 https://github.com/gf-rd/es6-coding-style
JavaScript 风格指南/编码规范(Airbnb公司版) http://blog.jobbole.com/79484
网易前端开发规范 http://nec.netease.com/standard
css模块 http://www.75team.com/archives/1049
前端规范资源列表 https://github.com/ecomfe/spec

其意气风发一样是基于供给自动采用学习。相比较常用的前不久有 Web pack,能够将七个不等编制程序风格的公文打包,举例ES6/AMD/CMD之类的模块化都能鉴定区别并编写翻译成 浏览器 能运维的文书。Sass/Less,CSS预编写翻译框架,能够用含有逻辑性的办法编写CSS代码。Gulp/Grunt塑造筑工程具,能够自动化对代码进行裁减归拢等职业。

剪贴板

剪贴板 地址
剪贴板 https://github.com/zeroclipboard/zeroclipboard
clipboard 最新的剪切方案 http://zenorocha.github.io/clipboard.js
不是Flash的剪贴板 https://github.com/zenorocha/clipboard.js
  1. Angular/React/Vue

6. Ext, EasyUI, J-UI 及别的种种UI方案

  • Ext
    • extjs
    • ext4英文api
    • ext4中文api
  • EasyUI
    • jquery easyui 未压缩源代码
  • J-UI
    • J-UI
  • Other
    • MUI-最周边原生APP体验的高品质前端框架
    • Amaze UI | 中夏族民共和国首个开源 HTML5 跨屏前端框架
    • 天猫商城 HTML5 前端框架
    • KISSY - Ali前端JavaScript库
    • 网易Nej - Nice Easy Javascript
    • Kendo UI MVVM Demo
    • Bootstrap
    • Smart UI
    • 雅虎UI - CSS UI

乘势web前端的飞快发展,学习web前端的人士也是更为多,在运动 互连网时期,相信大家种种人的无绳电电话机上都装有数13个应用软件,那个应用软件的支付其实也和即时销路好的 Web 前端开采休戚相关。

富文本编辑器

富文本编辑器 地址
功能齐全 tinymce https://www.tinymce.com
百度 ueditor http://ueditor.baidu.com/website
经典的ckeditor http://ckeditor.com
经典的kindeditor http://kindeditor.net
wysiwyg http://www.bootcss.com/p/bootstrap-wysiwyg
一个有情怀的编辑器。Bach’s Editor http://integ.github.io/BachEditor
tower用的编辑器 https://github.com/mycolorway/simditor
summernote 编辑器 https://github.com/summernote/summernote
html5编辑器 http://neilj.github.io/Squire
Quilljs编辑器 http://quilljs.com
wangEditor https://github.com/wangfupeng1988/wangEditor

意气风发 明日首要讲一下Web前端开辟所急需的文化技能及学习路线

12. Seajs

  • seajs
  • seajs 国语手册

前面八个学习注意事项

Less,sass

Less,sass 地址
sass http://www.w3cplus.com/sassguide
sass教程-sass中国 http://www.sass.hk
Sass 中文文档 http://sass.bootcss.com
less http://less.bootcss.com

运行在服务器端的JavaScript。Express是其进展MVC框架。此中nodejs最常用到的正是npm包微处理机,不用到种种网址去下载财富包。 数据库 的学习可以选拔MongoDB或然MySQL,前者与Nodejs的相符度越来越好,可是现在大多数网址都以PHP Mysql的整合,借使有学PHP的准备的话,能够先读书 Mysql 。

十二. 付出工具类

  • 前端开采工具
    • 英特尔liJ IDEA 简体中文专项论题教程
    • Webstorm,InterllIdea,Phpstorm
    • SublimeText
    • Atom
    • visual studio code
  • Chrome, Firebug, Filddle 调试
  • Fiddler
    • Fiddler调式使用知多少(风姿罗曼蒂克卡塔尔国深刻钻研
    • 微信fiddle
    • 微信fiddle
  • Chrome
    • Google Chrome 官方
    • Chrome - 基础
    • Chrome - 进阶
    • Chrome - 性能
    • Chrome - 品质进级
    • Chrome - 移动
    • Chrome - 使用手艺
    • Chrome - Console调整台不完全指南
    • Chrome - Workspace使浏览器产生IDE
    • network面板
    • chrome开垦工具急忙键
    • chrome调节和测量试验工具常用成效收拾
    • Chrome 开辟工具 Workspace 使用
    • Chrome神器Vimium快速键学习记录
    • sass调试-w3cplus
    • 哪些更标准的选用Chrome开采者工具-w3cplus
    • chrome调试canvas
    • chrome profiles1
    • chrome profiles2
    • chrome profiles3
    • chrome移动版调节和测量试验
    • chrome调试
    • chrome的调试
    • chrome console 命令详细解释
    • 查阅事件绑定1
    • 翻开事件绑定2
    • 神器——Chrome开荒者工具(黄金时代卡塔尔
    • 奇趣百科品质优化(Chrome DevTools 中的 提姆eline Profils 等工具使用介绍卡塔尔(英语:State of Qatar)
    • chrome 开拓者工具的 十七个小技艺
    • Chrome开拓者工具不完全指南
    • Chrome 开辟者工具使用技能
  • Firebug

    • firebug录像教程
    • firefox 模拟器
    • console.log 命令精解
    • Firebug入门指南
    • Firebug调控台安详严整
  • 活动,Wechat调节和测量检验

    • Wechat调节和测试的那贰个事
    • 微信调节和测量试验官网
    • Wechat公众号本地调节和测量检验
    • Wechat、手Q、Qzone之x5内核inspect调节和测验技术方案
    • 浏览器端调节和测量检验安卓
    • 移动端前端开辟调节和测量检验
    • 接纳 Chrome 远程调节和测量试验 Android 设备
    • mac移动端调试
    • mac移动端调节和测量检验
    • 有线调试计策
    • 有线调试战略
    • 屌爆了,完美调试Wechatwebview(x5卡塔尔(英语:State of Qatar)
    • 远程console
    • Wechat调节和测量试验工具
    • 各类真机远程调节和测量检验方法汇总
    • 手提式无线话机测验本人写的web页面
  • iOS Simulator
    • Simulator
    • Xcode中的iOS模拟器(iOS Simulator卡塔尔的介绍和动用体验
  • img
    • loading img
    • 智图-图片优化平台
    • 在线png优化
  • 生成二维码
    • 生成二维码
  • 浏览器联合
    • puer
    • liveReload
    • f5
    • File Watchers
  • 在线PPT制作
    • nodePPT
    • PPT
    • reveal
    • slippy

Web开荒基本功中的幼功,HTML是背负网页结构,CSS担当网页样式,JS则担任逻辑交互。前两个更疑似标识语言,未有啥逻辑,JS才是后面一个的重视。 HTML5 新增添的能力当先52%急需结合JS学习。

Git

Git 地址
git-scm http://git-scm.com
廖雪峰-Git教程 廖雪峰-Git教程
git-for-windows https://git-for-windows.github.io
GitHub 添加 SSH keys http://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github
gogithub http://www.worldhello.net/gotgithub/index.html
git常规命令练习 http://pcottle.github.io/learnGitBranching
git的资料整理 https://github.com/xirong/my-git
我所记录的git命令(非常实用) http://www.cnblogs.com/fanfan259/p/4810517.html
企业开发git工作流模式探索部分休整 https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md
GitHub 漫游指南 https://github.com/phodal/github-roam
GitHub秘籍 https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md
使用git和github进行协同开发流程 http://livoras.com/post/28
动画方式练习git http://onlywei.github.io/explain-git-with-d3

jQuery 和 bootstrap 会简化超多编制的代码量,用着兴趣盎然,但对此基本功还不是很踏实的人提议还是少用。 Ajax 和 json 经常用于和后端交互作用,在事实上业务中也时临时用到。

Seajs

Seajs 地址
seajs http://seajs.org
seajs 中文手册 http://cyj.me/why-seajs/zh

前端三大框架,各自也保有各自的生态系统,依照需要自动接收学习。前段时间厂家须要量最大的仍是Angular,但多年来趋平素看react和vue则更受款待。因为以后前端本领发展太过分蒸蒸日上,工具和框架的翻新比翻书还快,提议学习可能看文书档案相比好。学习进程中也会遇见不菲用到各类创设筑工程具的时候。

5. jQuery

  • 焦点图
    • myfocus
    • myfocus-官方演示站
    • SuperSlidev2.1 -- 大话主席
    • soChange

JavaScript 的言语专门的学问。ES6中投入了累累新的定义,也弥补了事情发生前版本中JS的多多欠缺,越多的品种开首运用ES6开展付出。学在此之前最棒把ES5先搞懂了,近来实际上项目初级中学结束学业生升学考试虑到包容性,ES6是内需通过贝布el将其编译为ES5来构造的。

兼容性

兼容性 地址
esma 兼容列表 http://kangax.github.io/compat-table/es6
W3C CSS验证服务 http://jigsaw.w3.org/css-validator/validator.html.zh-cn
caniuse http://caniuse.com/#index
csscreator http://csscreator.com/properties
microsoft https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx
在线测兼容-移动端 http://www.responsinator.com
emulators https://www.manymo.com/emulators

种种人读书过程或许两样,那一个阶段重假诺多仿站,熟稔底子,试试用CSS写响应式页面,理解JS深切性的学问,比如原型链、闭包、 设计格局 等要求更加多的积淀,逐步领会并进行精晓。

简繁调换

简繁转换 地址
简繁转换 https://github.com/BYVoid/OpenCC

任由做什么样都一定要有实干的根基,参预web前端培养练习也不例外,只有根底稳定,才具更通透到底的求学新工夫。作为一名初级的web前端技术员,你一定要要有所最基本功的本领因素:HTML,CSS和JavaScript。那是作为web前端工程师所不可不要精晓的。Web前端的入门门槛其实异常低的,与任何语言先慢后快的学习节奏相比较,他是八个先快后慢的进程。所以在开始时代的上学进程中,你会比较轻便的牵线其底工的本领。而随着HTML5本事的布满应用,web前端的学习也会变得尤为简约。

iconfont

iconfont 地址
中文字体 http://www.zhihu.com/question/21253343
淘宝字库 http://iconfont.cn
字体 http://mux.alimama.com/fonts
制作教程 http://iconfont.cn/help/platform.html
zhangxinxu-icommon http://www.zhangxinxu.com/wordpress/?s=icomoon
icommon https://icomoon.io/app
用字体在网页中画ICON图标(推荐教程 http://imooc.com/learn/243
字体压缩工具 http://font-spider.org
  1. Git/SVN

入门类

入门类 地址
前端入门教程 http://www.cnblogs.com/jikey/p/3613082.html
瘳雪峰的Javascript教程 http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
前端工程师必备的PS技能——切图篇 http://www.imooc.com/view/506
结合个人经历总结的前端入门方法 https://github.com/qiu-deqing/FE-learning

图片 2

6. CSS

  • CSS 语法参谋
  • CSS3动漫手册
  • Tencentcss3动漫制作工具
  • 志爷css小工具集结
  • css3 js 移动大杂烩
  • bouncejs 触摸库
  • css3 开关动画
  • animate.css
  • 全局CSS的终结(狗带) [译]

本子管理工科具,首要用以组织花费时幸免文件冲突,也可回档。前端推荐学习Git。

iOS Simulator

iOS Simulator 地址
Simulator iOS_Simulator_Guide-Introduction
iOS Simulator的介绍和使用心得 http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary

图片 3

在线PPT制作

在线PPT制作 地址
nodePPT nodePPT
Cleaver快速制作网页PPT http://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/
impress.js http://www.cnblogs.com/Darren_code/archive/2013/01/04/impressjs.html
PPT https://github.com/ksky521/nodePPT
reveal https://github.com/hakimel/reveal.js
bespoke-fx https://github.com/ebow/bespoke-fx
slippy https://github.com/Seldaek/slippy

其次,重视细节

14. Markdown

  • Markdown 语法表达 (简体普通话版卡塔尔(قطر‎
  • markdown入门仿效
  • gitbook 国外的在线markdown可编写制定作而成书
  • mdeditor 后生可畏款本国的在线markdown编辑器
  • stackedit 外国的在线markdown编辑器,作用强大,同步云盘
  • mditor 黄金时代款轻量级的markdown编辑器
  • lepture-editor
  • markdown-editor

读书编制程序主要的或许实行,多敲代码,多去尝试。独立清除难点的力量、商讨钻研的旺盛是少不了的。有意思味的话也足以友善搭建二个本事博客 ,往 github 上传多少个 开源 项目,那一个都以不错的加分点。

Markdown

Markdown 地址
Markdown 语法说明 (简体中文版 http://wowubuntu.com/markdown
markdown入门参考 https://github.com/LearnShare/Learning-Markdown/blob/master/README.md
gitbook https://www.gitbook.com 国外的在线markdown可编辑成书
mdeditor https://www.zybuluo.com/mdeditor 一款国内的在线markdown编辑器
stackedit https://stackedit.io 国外的在线markdown编辑器,功能强大,同步云盘
mditor http://bh-lay.github.io/mditor 一款轻量级的markdown编辑器
lepture-editor https://github.com/lepture/editor
markdown-editor https://github.com/jbt/markdown-editor
作业部落 https://www.zybuluo.com 功能强大,速度流畅,全平台同步

jQuery是JS的三个应用库,能够进级原生JS开荒功效。Bootstrap则是响应式框架,更轻便的贯彻手机/平板/PC多少个器具的页面扶持。Ajax手艺用于异步交互作用,不刷新页面就会更新数据,例如地图 应用等。Json是黄金年代种多少格式,被分布应用在各大编制程序语言中。

六. API(应用程序接口卡塔尔(قطر‎

有句民间语是这么说的:“细节决定成败”,超级多web前端开荒者在工作历程中为了追求速度,而忽略了有的细节性的事物。比如:给代码加备注,代码的命名标准,代码的精简等。全数的这一个看似不重大,其实却严重影响了品种的速度以致自身力量的提高。在付出进度中,适当的丰硕备注,能够深化对本领点的纪念,也许有辅助现在在改良的历程中快速检索;标准的代码命名能够有扶植团队之间的交流,进步级程序猿作功效;而轻松的代码能够直观的显现某一块代码的效果。

Vue

Vue.js 地址
Vue2.0 https://vuefe.cn/
Vue http://cn.vuejs.org
Vue Router https://router.vuejs.org/
Vuex https://vuex.vuejs.org/
Vue-Cli https://github.com/vuejs/vue-cli
Vue 论坛 http://forum.vuejs.org
Vue 聊天室 https://gitter.im/vuejs/vue
Vue 入门指南 http://www.cnblogs.com/aaronjs/p/3660102.html
Vue 的一些资源索引 http://segmentfault.com/a/1190000000411057
awesome-vue https://github.com/vuejs/awesome-vue
vue-syntax-highlight https://github.com/vuejs/vue-syntax-highlight
如何写一手漂亮的 Vue https://jeffjade.com/2017/03/11/120-how-to-write-vue-better/?me

实际,近期50%之上的APP都以接纳Hybrid混合方式开拓,即构成安卓和Web端才具开荒。而纯 Web开垦 的应用软件也比超多,例如我们刚毅的 QQ 空间正是行使 Web前端 的React Native技巧开荒。除了应用软件,大家在四哥大端常看见的H5页面,也是非同一般使用了Web端的 HTML5 技巧开拓。 当然,Web前端现在也不光局限于前面叁个网页和应用程式,服务器端、桌面级应用以至是V奥德赛都有提到。

pc图轮

pc图轮 地址
Vue 的图片轮播组件:vue-slider https://github.com/qusiba/vue-slider
左右按钮多图切换 http://bxslider.com/examples/carousel-demystified
fullpage全屏轮播 https://github.com/alvarotrigo/fullPage.js

其三: 不断加强学习

十三. 个体创作

率先,打好幼功

23. 其它

  • Mock.js 是生机勃勃款仿照数据生成器

在这里边自个儿要么要引入下自个儿自身的前端学习群:731669587,不管你是小白依旧大拿,作者小编都挺接待,不定时分享干货,满含作者自身收拾的风流倜傥份2017最新的前端资料和零根底入门教程,送给大家,迎接初学和进级中的小同伙

13. Less,sass

  • sass
  • sass教程-sass中国
  • Sass 国语文书档案
  • less

2.具体情形

十豆蔻梢头. 前端结构

  • 本事布局
  • 前面四个布局
  • 哪些成为前端构造师
  • 有关前端构造-张克罗地亚军队
  • 百度Tencentoffer比较(Tencent娱乐VS百度功底结构)

2. Javascript

  • 常用
    • ieBetter.js-让IE6-IE8具有IE9 ,Chrome等浏览器性情
    • 模仿键盘
    • 拼音
    • 中原私有身份ID号验证
  • 算法
    • 数据布局与算法 JavaScript 描述. 章节演练
    • 科学普及排序算法(JS版)
    • 经文排序
    • 广泛排序算法-js版本
    • JavaScript 算法与数据布局精髓集
    • 面试常考算法题精讲
  • 移动端
    • fastclick
    • no-click-delay
  • JSON
    • 宪章生成JSON数据
    • 归来跨域JSONAPI

21. 播放器

  • Html5 VideoPlayer

16. 兼容性

  • esma 宽容列表
  • W3C CSS验证服务
  • caniuse
  • csscreator
  • microsoft.aspx)
  • 在线测包容-移动端
  • emulators

本文由ca88发布,转载请注明来源

关键词: 让前端飞 测试 进阶 工程师 职业