### フロントエンド
- [x] インターネット [paiza-Web技術入門編](https://paiza.jp/works/web_tech/primer)
- インターネットはどのように機能しているか
- HTTPとは
- ブラウザの動作
- DNSとは？どのように動くか？
- ドメイン名
- ホスティングとは
- [x] HTML
- [x] 基本 [CodeCamp教科書-HTML/CSS](https://codecamp.jp/students/textbooks), [paiza](https://paiza.jp/works/html/primer)
- HTMLとは (文書の構造化をする物)
- タグ
- h1~h6
- p
- a
- ul, ol, li
- table, th, tr, td
- div, span
- img
- form, input
- [x] フォームによるHTTPリクエスト
- [ ] バリデーション
- 文字数
- 数値
- 電話番号、メールアドレスなどのフォーマットのあるもの
- [ ] 慣例やベストプラクティス
- [x] セマンティックHTML
- どういうことか？　(意味で構造化)
- タグ
- section
- article
- nav
- aside
- header
- footer
- [ ] SEO対策
- CSS
- [x] 基本 [CodeCamp教科書-HTML/CSS](https://codecamp.jp/students/textbooks), [paiza](https://paiza.jp/works/html/primer)
- CSSの記述方法
- CSSセレクタ
- `*`
- タグ
- クラス
- id
- :not
- E F
- E > F
- E + F
- :first-child
- :last-child
- 属性セレクタ[]
- [x] レイアウトの作り方
- float
- position
- display
- ボックスモデル
- グリッドレイアウト
- Flexbox
- [ ] レスポンシブデザイン + メディアクエリ
- [ ] アーキテクチャ
- BEM
- OOCSS
- [ ] フレームワーク
- BootStrap
- [ ] Sass

### バックエンド
- [x] プログラミング言語
- [x] Python
- 基本文法 [paiza-Python3入門編](https://paiza.jp/works/python3/primer)
- 演算子
- 変数
- リスト
- 辞書
- 条件分岐
- 繰り返し
- 関数
- クラス
- 効率化
- フォーマッター
- コード補完
- デバッグ
- 机上テスト
- プリントデバッグ
- デバッガー
- コーディング規約 [pep8](https://pep8-ja.readthedocs.io/ja/latest/)
- パッケージ管理
- オブジェクト指向
- データフォーマット
- CSV
- JSON
- [x] データベース
- [x] リレーショナルDB [CodeCamp教科書-PHP/MySQL11~14章](https://codecamp.jp/students/textbooks)
- 基本 [paiza-DB/SQL入門編](https://paiza.jp/works/sql/primer), [スッキリわかるSQL入門 第2版 ドリル222問付き! (スッキリシリーズ)](https://www.amazon.co.jp/%E3%82%B9%E3%83%83%E3%82%AD%E3%83%AA%E3%82%8F%E3%81%8B%E3%82%8BSQL%E5%85%A5%E9%96%80-%E7%AC%AC2%E7%89%88-%E3%83%89%E3%83%AA%E3%83%AB222%E5%95%8F%E4%BB%98%E3%81%8D-%E3%82%B9%E3%83%83%E3%82%AD%E3%83%AA%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E4%B8%AD%E5%B1%B1%E6%B8%85%E5%96%AC/dp/4295005096)
- CREATE
- DROP
- SELECT
- エイリアス
- WHERE + 条件式
- UPDATE
- DELETE
- JOIN
- RDBMS
- PostgreSQL
- MySQL [CodeCamp教科書-PHP/MySQL12~15章](https://codecamp.jp/students/textbooks)
- Oracle
- その他
- ACID
- トランザクション
- [x] フレームワーク
- [x] 基本
- URLマッピング
- リクエスト、レスポンスの基本
- テンプレートの使い方
- DBアクセス(ORM)
- Cookie, Session
- アーキテクチャ
- [x] 選択
- [ ] Flask
- [x] Django
- [ ] API [paiza-Web技術入門編03:WebAPIを使ってみよう](https://paiza.jp/works/web_tech/primer/beginner-webtech3)
- HTTPメソッド
- RESTとは
- 設計
- 認証
- Basic認証
- Token認証
- OAuth
- [x] テスト + CI
- [ ] ベストプラクティス
- [ ] プログラミングの原則 [Qiita-新人プログラマが知るべきプログラミングの原則６選！](https://qiita.com/ryotanatsume/items/018cae5c5be8faba367a)
- SOLID
- KISS
- YAGNI
- DRY
- [ ] デザインパターン(Web)
- MVC [CodeCamp教科書-PHP/MySQL21章](https://codecamp.jp/students/textbooks)
- MVVM
- [ ] TDD

## Django詳細 [公式](https://docs.djangoproject.com/en/3.1/), [paiza](https://paiza.jp/works/django/primer)
- リクエスト、レスポンスの基本
- URLマッピング
- モデル、DBアクセス(ORM)
- データ型
- リレーション
- アドミンサイト
- テンプレートの使い方
- Cookie, Session
- ログイン機能(AbstractUser)
- アーキテクチャ

## 最終課題テーマ
### 必要な要素
- ログイン
- CRUD

### テーマ
- IoTからめる
-
-