Welcome to the Codess 2018 workshop on React web apps! Here you will find a template project that you can use to get a basic site up and running quickly.
Here is a little bit more about this event!
Required:
Optional:
- Install Visual Studio Code
- Install Git
From the command line:
- Clone this repository:
git clone https://github.com/azulad7/codess18-react-webapp - Switch to the project directory you just cloned:
cd codess18-react-webapp - Run
yarn. This will build your application in development mode. - Run
yarn start. This should start your default web browser, and navigate to http://localhost:3000 where you can see your sweet new site!
- Change the atom icon to a picture of your face (or any face really)
- Change the top banner to a different color
- Add some content to your page (this is where the fun really begins)
- Do a barrel roll
- ???
- Profit! As in, learn!
React Documentation -- this has some useful snippets of code, explanations about what components are, how to make them stateful, and much MUCH more. Don't be too overwhelmed, ask questions if anything here is confusing!
W3 Schools HTML -- this site has lots of good information on web development, including HTML, CSS, JavaScript, Bootstrap, etc. I'd recommend bookmarking it, even if to just check back and look at it some other time!
Codess is a community for female coders initiated by Microsoft, established to explore ways to promote gender diversity in the engineering field. Engineering has historically been a male dominated industry and it is part of our mission to help change the future of this profession.