# HeadFirstWeb

**Repository Path**: temporary-sharing/HeadFirstWeb

## Basic Information

- **Project Name**: HeadFirstWeb
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-26
- **Last Updated**: 2021-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 学习下 Web


## books

books 目录下面是书籍里的代码。

- jsyyjc ：《JavaScript 语言精粹》
- es6rm ：《ECMAScript 6 入门》
- srreactjsz：《深入 React 技术栈》
- reactjjzl: 《React 进阶之路》，
- srqc-react-and-redux：《深入浅出React和Redux》，用 create-react-app 创建的
- jsgjcxsj：《JavaScript 高级程序设计》第三版，mkdir 创建

## jsjc

JavaScript 教程，的练习代码

教程地址：https://wangdoc.com/javascript/stdlib/attributes.html


## react

学 react 的，代码都写在 html 的 script 标签里。

由于没有 webpack 配置，只能写简单的 react。

## react-demo

学 react 的，但是是通过 create-react-app 创建的工程，拥有配套的环境，更加推荐。

## react-tutorial

是用 create-react-app 创建的项目工程，方便用来学 react 官方教程的。

cd 到目录执行 npm start 可以查看效果。

教程地址：https://zh-hans.reactjs.org/tutorial/tutorial.html#setup-for-the-tutorial

官方 codepen ：https://codepen.io/gaearon/pen/gWWZgR?editors=0010

## react-router-demo

是用 create-react-app 创建的项目工程，用来学 react-router 的。

cd react-router-demo
npm install react-router-dom

## projects 

projects 打算放仿写的项目

TODO

## ts

学习 ts 用的。

TODO

## 其他

其他目录比较杂

index.html ：这个文件通常将包括你的主页内容，也就是说，人们第一次进入你的网页看到的文本和图像。
images 文件夹 ：这个文件夹包含你网页上所有使用的图像。在 test-site 文件夹内创建一个 images 文件夹。
styles 文件夹 ：这个文件夹包含了为你的内容添加样式的样式表（比如，设置文本颜色和背景颜色）。
scripts 文件夹 ：这个文件夹包含了所有为你网页添加交互功能的 JavaScript 代码（比如点击时读取数据的按钮）。