---
# System prepended metadata

title: Untitled

---

### フロントエンド
- [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からめる
    - 
  - 