平等、 语言基础(以开和网站为主)

1.HTML&CSS:
(1)入门:

  • Codecademy上的html&css课程——在线交互式编程平台,弄明白基本概念和中坚语法
  • w3school上的HTML/CSS教程——技术手册式的教程,比较完美,照在实例敲一全

(2)进阶:

  • 《精通CSS·高级Web标准解决方案》——对CSS有一个于尖锐之就学,对核心技术了解
  • 《HTML5尊贵指南》——非常健全的书写,内容吧非常新,包含了HTML5+CSS3+JS
    DOM

(3)实战:

  • bootstrap框架:
    bootstrap中文网/《bootstrap实战》——流行的前端框架,注重实用即可
  • Codeademy上的Web Developer
    Skills+Projects——通过友好做小页面/小网站来使用所模拟

(4)提高:

  • 《CSS禅意花园》——提高协调的艺术设计能力,通过实例来读如何用CSS设计来美的页面

2.Javascript:
(1)入门:

  • Codeademy上的javascript教程——实例比较多,比较浅,算是基本了解JS
  • w3school上的JS教程——比较详细的垂询下JS的特征
  • 《JavaScript
    DOM编程艺术》——讲js和DOM的基本知识和采取,了解JS和DOM可以举行什么

(2)进阶:

  • 《JavaScript高级程序设计》——JS圣经,比较完善,非常好之均等本书,比犀牛书而阅读性强
  • 《JavaScript权威指南》——传说被之犀牛书,好重好厚的同一本书,不称入门,适合当工具书看
  • 《JavaScript语言精粹》——很薄的等同本书,但是足以拉而快了解JS的精华部分

(3)实战:

  • jQuery框架:
    w3school上的jQuery教程/Codeademy上的jQuery教程
    ——了解Jquery
  • 《jQuery基础教程》——流行的前端框架,注重实用

(4)提高:

  • 《高性能JavaScript》——讲哪些加强js性能,以及构建和配备文件及生产条件之顶尖实践
  • 《Secrets of the JavaScript
    Ninja》——jQuery作者写的写,如果你觉得会JS了再次看就按照开

附录:前端网站很汇总
1、前端知识系统:

  • 前端知识系统和修炼攻略:前者知识系统与修炼攻略——对前者知识系统剖析的生好,尤其是终极对前者的阶段性分,对前者学习特别有指导意义,推荐!
  • 前端开发知识结构:JacksonTian/fks ·
    GitHub——有个前端知识框架的思想导图,给了成百上千链接和好题,推荐!

2、技术资讯类

  • W3Cfuns :
    前端网(W3Cfuns)——国内极深的前端站,比较全
  • 大前端:大前端_关爱前端开发和wordpress主题的博客——没有W3Cfuns那么杂,有些wodpress的主题,“前端导航”也于好用
  • W3Cplus:W3CPlus |
    css3教程-css3实例-css3动画——也是比较咸,有只“国外优秀译文”,非常欣赏
  • 前者观察
    :前者观察——专注于前者设计与出的博客,比较起深度,排版干净,推荐!
  • 前端乱炖 :前端乱烧,
    最标准的前端技术内容社区——有接触像前端的知乎,有问答平台与专辑啥的

3、技术教程、文档类

  • 慕课网:慕课网-学习计划
    ——超级实用的视频教程类网站,各种小实例,非常适合照在“前端学习计划”计划上
  • codecademy :http://www.codecademy.com/——英文,简单有趣的竞相编程学习网站,非常适合入门,中文版是http://www.fenby.com/
  • W3schoo在线教程l: w3school
    在线教程——中文,适合入门,教程相当全,在线实例可以敲,可惜较肤浅,有些地方不顶准确和深刻
  • 火狐开发者网络MDN:Mozilla
    开发者网络——中文,不仅出技巧文档,而且发生相当多的参考资料和资源、工具,推荐!
  • W3C标准:Standards –
    W3C
    ——英文,不讲,官方文档,真前端和伪前端就在于这个。可惜英文的,而且可读性差。极不相符入门,适合提高。
  • Web平台文档:Your Web, documented ·
    WebPlatform.org——英文,权威性仅次于W3C标准,可读性高于W3C标准,W3C官方认可,高质量。

相关文章

网站地图xml地图