https://github.com/jimthedev/io-bootstrap
https://github.com/jimthedev/io-bootstrap
bootstrap
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jimthedev/io-bootstrap
- Owner: jimthedev
- Created: 2017-02-01T17:28:29.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-05-12T10:35:52.000Z (about 8 years ago)
- Last Synced: 2025-01-17T03:43:07.184Z (4 months ago)
- Topics: bootstrap
- Language: HTML
- Size: 2.93 KB
- Stars: 0
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Create and run a basic HTML/CSS/Javascript page in a webserver
## Create the project
1. Open a terminal window.
2. Change directories to your projects directory (for example `cd ~/projects`).
3. Create a new project with `mkdir my-sweet-project`.
4. Change directory into the project directory you just created `cd my-sweet-project`.
5. Create an html, a css, and a Javascript file with `touch index.html index.css index.js`
6. Open this folder in your editor.
### Run the project in a web server
1. Go back to your terminal, make sure you're still in your `my-sweet-project` directory (or whatever you called it).
2. Serve up the files using `python -m SimpleHTTPServer`
3. Go to http://localhost:8000 in your web browser.
4. It will be empty, but when you add some html to your page and refresh the page with `Command+R` it should show up.
## Resources
### Bootstrap / CSS resources
1. [Bootstrap 4 Cheat Sheet](https://hackerthemes.com/bootstrap-cheatsheet/) - USE THIS
1. [Figma](http://figma.com) - currently free design tool that is helpful with mockups
2. [Mozilla Developer Network's Full CSS Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference)
3. [MDN CSS Homepage](https://developer.mozilla.org/en-US/docs/Learn/CSS)
4. [Gradient generator](http://www.colorzilla.com/gradient-editor/)
### Unrelated resources for folks who asked :)
1. [Create React App](https://github.com/facebookincubator/create-react-app#getting-started)
2. [Node.js, needed for working with React & React Native](https://nodejs.org/en/)
3. [React Cheat Sheet](https://ihatetomatoes.net/wp-content/uploads/2017/01/react-cheat-sheet.pdf)
4. [React Native Getting Started](https://facebook.github.io/react-native/docs/getting-started.html)
5. [React Native Tutorial](https://facebook.github.io/react-native/docs/tutorial.html)