前端训练营/在网上的日子
rotating_lightrotating_light这个项目正在进行中！鼓励提出问题和拉取请求。rotating_lightrotating_light欢迎
在为期两天的研讨会中，您将学习构建工作Web应用程序时前端开发的基础知识。第一天介绍了Web的基础知识：HTML，CSS和JavaScript。这是针对新的和经验丰富的开发人员。在第二天，我们将深入研究更高级的主题，如TypeScript，测试和状态管理。虽然任何人都可以访问这些示例，但如果您具有编程和Web技术的先前经验，则可以充分利用它们。
设置好
1.所需软件
在开始之前，请确保您的计算机具有以下安装的最新版本：
节点/ NPM（选择LTS选项，应该是版本10）
混帐
Visual Studio代码
如果使用Mac，请按照以下步骤安装codeterminal命令。
如果您已经安装了VS Code，请检查更新！
针对Chrome或Firefox的 React Developer Tools
2.安装并打开项目
打开VS Code，然后按ctrl + ~打开内置终端
使用cd（更改目录）命令查找代码的适当位置
键入git clone https://github.com/Microsoft/frontend-bootcamp.git到终端，这将拉低车间代码的副本
键入cd frontend-bootcamp以将当前目录更改为bootcamp文件夹
键入npm install以安装项目依赖项
键入code ./以在VS Code中打开bootcamp代码
如果在Mac上，请确保首先按照这些步骤使code命令可用。
3.运行“内循环”构建
现在我们已经使用bootcamp代码打开VS Code，再次打开终端ctrl + ~，你的项目应该是这样的
要为前3个课程类型运行dev“内部循环”：
npm run static
当我们进入第4课和React时，我们将停止静态内循环并开始：
按下ctrl + c以停止静态内循环
npm run start
以上两个命令都将加载以下站点：
您能期待什么
第一天
第一天将介绍HTML，CSS和JavaScript的基础知识，以及React和Typescript的介绍。
我们将如何工作
这一天的格式如下：
我将通过一些演示代码来教授有关该主题的一些核心概念。此时不要担心编写代码。请点击下面列出的自述文件。
在练习部分返回VS Code并打开给定练习的’exercise’文件夹。演示文件夹将包含一个README文件，其中包含说明和演示页面的链接。
课程资料
HTML，CSS和JavaScript简介
编写Todo应用程序：HTML和CSS
编写Todo应用程序：JavaScript
反应简介
构建静态页面
状态驱动的UI
类型和UI驱动状态
第二天
今天的演示和练习结合在一起。
TypeScript简介
UI Fabric组件库
主题和造型
用Jest测试
Redux：Reducers
Redux：调度操作和检查状态
Redux：商店和派遣
Redux：结合减速器
Redux：Thunk Middleware
其他资源
MDN Web Docs
反应文件
在React中思考
关注作者！
如果您对JavaScript，TypeScript，React，Redux或Design Systems感兴趣，请在Twitter上关注我们：
@kenneth_chau
@micahgodbolt
来自微软UI Fabric团队的其他项目
UI Fabric – github repo
Just：正常工作的任务库 – github repo
Rush：网络的可扩展monorepo管理器 – github repo
特约
该项目欢迎提供意见和建议。大多数贡献要求您同意授权许可协议（CLA），声明您有权并且实际上授予我们使用您的贡献的权利。有关详细信息，请访问https://cla.microsoft.com。
当您提交拉取请求时，CLA-bot将自动确定您是否需要提供CLA并适当地修饰PR（例如，标签，评论）。只需按照机器人提供的说明操作即可。您只需要使用我们的CLA在所有回购中执行此操作一次。
该项目采用了Microsoft开源行为准则。有关更多信息，请参阅行为准则常见问题解答或联系opencode@microsoft.com以及任何其他问题或意见。
法律声明
Microsoft和任何贡献者根据知识共享署名4.0国际公共许可授予您对此文档中的Microsoft文档和其他内容的许可，请参阅LICENSE文件，并根据MIT许可授予您对存储库中任何代码的许可，请参阅该 LICENSE-CODE文件。
本文档中引用的Microsoft，Windows，Microsoft Azure和/或其他Microsoft产品和服务可能是Microsoft在美国和/或其他国家/地区的商标或注册商标。此项目的许可证不授予您使用任何Microsoft名称，徽标或商标的权利。可以在http://go.microsoft.com/fwlink/?LinkID=254653上找到Microsoft的一般商标准则。
隐私信息可在https://privacy.microsoft.com/en-us/找到
Microsoft和任何贡献者保留所有其他权利，无论是通过其各自的版权，专利或商标，无论是暗示，禁止反言还是其他。
