当前位置:主页 > 网站优化 >

前端进阶学习路线(完整版)

作者: 采集侠 分类: 网站优化 发布时间: 2019-08-16 07:10 阅读量:

前端进阶学习路线(完整版)

<code>初级阶段 </code>

阿里矢量图标库:

ps使用教程:

JavaScript教程:

css教程:

css3教程:

HTML教程:

HTML5教程:

jQuery 教程:

Ajax教程:

HTTP1教程:

HTTP 2教程:

jQuery EasyUI教程:

W3C标准教程:

HTML5Web 存储:

JSON教程:

canvas教程:

CSS 预处理语言:

Css类库Sass工具教程:

众所周知css并不能算是一们真正意义上的“编程”语言,它本身无法未完成像其它编程语言一样的嵌套、继承、设置变量等工作。为了解决css的不足,开发者们想到了编写一种对css进行预处理的“中间语言”,可以实现一些“编程”语言才有的功能,然后自动编译成css供浏览识别,这样既一定程度上弥补了css的不足,也无需一种新的语言来代替css以供浏览器识别。于是css预处理语言SASS就应运而生了。

<code>进阶阶段 </code>

互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程师更是稀缺,学完以上的基础,做完项目,差不多就可以了吗?答案是No,想要成为一个更加优秀的工程师,进阶阶段攻略必不可少。

快速开发框架和基础库

Express简介:

MVC简介:

jQuery :

Zepto教程:

Swiper 教程:

iScroll教程:

Sea.js 手册与文档:

MooTool 中文手册:

模块化

ES6 Module整理:https://segmentfault.com/a/1190000007499196

CommonJS中文网:

webpack 教程:

browserify 教程:

JS模块化工具requirejs教程:

ECMAScript 语法 :

Gulp构建化工具官网:https://gulpjs.com/

SuperSlide.js教程:

zoom.js教程:

Node.js教程:

UI框架:这里就不一一介绍了,参考上一篇文章:《前端最全的框架总结》

WeUI:

Highcharts 图表教程:

ionic 教程:

Framework教程 :

NPM 使用介绍:

Framework即架构,它是一个语言开发软件,提供了软件开发的框架,使开发更具工程性、简便性和稳定性。NET Framework通过COM Interop(COM互操作)技术支持COM+和MTS。一个传统的COM应用程序能够调用一个.NET组件,同时.NET组件(在.NET中称为.NET Assembly)也能够调用一个COM组件。这一非常强大的双向互操作特性使你可以在应用程序中混合使用两类技术。

<code>高级阶段 </code>

在前端这个行业摸爬滚打久了,自然学到的东西会越来越多,在大多数人眼里,互联网前端开发是一个有着高薪水、高职业荣誉感的行业。没错,随着互联网大环境的快速崛起,HTML5的发展,绝对属于既有“钱景”还有前景的的朝阳行业。高收入、前景光明,即使对前端开发的要求越来越高,也还是有许多新人愿意来一试身手,纷纷打破头往这个行业里面涌。从小白到前端大神的华丽转身就在此咯

PHP教程:

Ruby教程:

MySQL教程:

Redis 教程:

MongoDB 教程:

Hybrid混合式开发:

Linux教程:

Vue.js 入门教程:

AngularJS教程:

React.js 教程:

Require.js 教程:

BackBone中文文档:

Knockout.js 教程:

Ember.js教程:https://emberjs.com/

ECMAScript6:

微信小程序开发资源汇:

移动端教程:

完整线路图:

polymer中文网:https://polymer-zh.cn/

Deft.js官网:

ASP.NET MVC教程:

<code>拓展技能 </code>

前端的技术多到学不完,所以,对于开发中常用的,一定要多看多练,做到对某一项精通,其余的都是换汤不换药,再辅助性道德进行学习,可以不断拓展自己的知识面,下面是一些拓展技能,虽不涉及技术,但一定可以提高自身的竞争力。花瓣,必应,千图本是设计师的网站,作为前端工程师,有时也会充当UI的角色

SEO优化:

站长之家:

Python基础教程:

必应网:https://cn.bing.com/

花瓣网:https://huaban.com/

千图网:

<code>开发工具 </code>

Web市场上有很多Web前端开发工具,有的是开源的,可以免费的使用它们用来教学或调试程序,有的使用方便,有的拥有强大的功能等,每一种都有不同的优势。我们可以从中学习适合自己是工具。Web前端开发工具种类很多,所以极大地满足了不同需求的开发人员的不同需求等等。这些平台很有趣,交互性强,特别适用于初学者。

Markdown菜鸟教程网:

Eclipse 教程:

ps使用教程:

HBuilder 使用教程:

WebStorm使用教程:https://www.jetbrains.com/webstorm/

Dreamweaver:?sysref=dreamweaver

Github 简明教程:

SVN 教程:

Google使用全攻略:https://www.w3cschool.cn/googlesyqgl/

nodepad++:


本文链接地址:http://www.seohuizhou.com/webyouhua/1447.html
上一篇:<<总结12 个 CSS 高级技巧汇总
下一篇:玉伯:如何从前端技术进化到体验科技?>>