饭叔的前端零基础入门教程 ( 序 )

• 面向读者
  有一定编程基础。学习过任意一种编程语言。如Java，C++等。

• 教学目标

  能够在一周内学会基本的React组件开发

• 学习路径
  在抵达目的地的途中，有许多岔路口，为了尽快抵达目的地，在每个岔路口，我将选择一种较为常用的路径走下去。这个路径可能并非最优，但可以减少初学者的徘徊。

  例如，在React里，有多种创建组件的方式：

  //早期的React组件创建方式
  const Contacts = React.createClass({  
    getInitialState () {
      return {
      };
    },
    render() {
      return (
        <div></div>
      );
    }
  });
  

  ​

  //es6语法的组件创建
  class Contacts extends React.Component {  
    constructor(props) {
      super(props);
      this.state = {
      };
    }
    render() {
      return (
        <div></div>
      );
    }
  }
  

  //无状态组件的创建
  const Contacts=(props)=><div></div>
  

本系列教学中将只用es6有状态组件的创建方式。

又例如，在CSS中有众多属性。本教程只介绍基本的绝对定位和相对定位。

​