---
# System prepended metadata

title: Spider Groceries

---

# Spider Groceries
We have to complete _4_ steps until March.
It's not good script, so please ask me anything.

## :baby_chick:Step1　Learn about web-app
reference: https://www.sejuku.net/blog/5601
We have to learn about web and programming.
I'll show you brief of making web-application.
### What is web
Difference between web and internet
### How web works
- **front end**
*Used language : html,css,Javascript*
Front end means exterior of web page.
We custermise front end by using html,css,javascript,but I'll make this maybe.
- **back end**
*Used language : Ruby,PHP,Python*
Back end means backside of web page.
Users don't touch back end.
It includes database,server and so.
- **data base**
*Used language : SQL*
Data base means data base.
No more information.
### Programming language
There are 4 types of programming language.
**1.Mark up language**
It's for writting script like this note.
You don't have to learn it.
**2.Style sheet language**
It make web-page clear, like a CSS.
If you wanna learn, I reccomend it.
**3.front end language**
**4.back end language**
I just introduced.
### learn skills
- web framework
**I think to choose framework is most important. So let's discuss about it.**
### Let's begin making application!

## :hatched_chick:Step2 Choose Technology
I wanna use AWS. So if you don't mind, please get AWS account. 
It includes aerospace analytics tools.
Probably, I will make front end.I want you to make back end.
### Programming language
Front end : html,css,javascript
Back end  : C?
### Web framework
[**React**](https://reactjs.org/)
It's most popular in javascript framework.
[**Semantic UI React**](https://react.semantic-ui.com/introduction)
CSS framework. I don't know much about it.
### AWS
Stands for Amazon Web Servise.
frameworks that we can use for free.
↓ They are copy of other site. So never mind.
API GateWay(Cognito+Lambdaで使っていくらしい)
Amazon RDS (一番有名なmySQLでいいと思う)
Amazon S3　
Amazon Cognito (認証系)
AWS CodeCommit (githubみたいなもの)
[**AWS Amplify**](https://github.com/aws/aws-amplify)

## :hatching_chick:Step3 Make Folder and Share
Do you have github account?
You should prepare 2 applications.
- [ ][**Github**](https://github.co.jp/)
- [ ][**Visual Studio**](https://visualstudio.microsoft.com/)

I'll think how to share the folder later.Sorry.
## :chicken:Step4 Design and Deploy
Probably, We don't know much about making web application. 
So lets learn many things while making app.
Think later.
## :penguin:Step5 Release our application
Well done.