# Progate学習記録

###### tags: `programmming` 'Progate'

プログラミング学習サイト[Progate](https://prog-8.com/)の学習記録を記す。

更新日時：2019/12/04

---
### 目的

サーバ側の言語を学び、現在Vue.jsで作成されている
Cuboidくんホームページを作れるようになる。
まず**HTML, CSS, Javascript, jQuery**の基礎を勉強する。
(+α Ruby, SQL, Sass, Reactの基礎を知る)

---

### 学習状況

11月5日に開始してから週２、３回１時間ずつ学習中
11月はHTML&CSS学習コースを完了させた。

#### 完了したコース
##### HTML & CSS
- HTML&CSS初級
- HTML&CSS初級テスト
- HTML&CSS中級
- HTML&CSS上級
- HTML&CSS上級テスト
- FlexBox編
##### Javascript
- Javascript I

#### 途中のコース
- HTML&CSS中級テスト(途中)

#### 学習中のコース
- Javascript学習コース

---
### HTML & CSSコースの説明
このコースは目標とするページを１つ作成する。
初～上級コースにそれぞれ**学習/道場コース**がある。
**学習コース**ではスライドをみながら作成し、
**道場コース**では仕様書と完成物から作成する。

- **HTML&CSS初級**
    HTMLでのリンク、画像、リストの書き方や
    CSSの役割を学習する。
    レイアウトを考える。ヘッダーフッターを作成し
    お問い合わせフォームを作る。

- **HTML&CSS中級**
    ランディングページと呼ばれる、サイトを訪問した
ユーザーが一番最初に目にするWEBページを作る。
    透明度の設定、ボタンの作成、アイコンを利用する。
    ボタンを押したときにアニメーションさせる。

- **HTML&CSS上級**
    レスポンシブデザインを学ぶ。PC、タブレット、
スマホのサイズごとにコンテンツのサイズや表示の
有無を変更する。

- **FlexBox編**
    CSSを使ったレイアウトFlexBoxの基礎を学ぶ。

### Javascriptコースの説明

- **JavascriptI**
    Javascriptの基礎について、標準出力・変数
・条件文・ループ処理・スイッチ・配列を学ぶ
- **JavascriptII**
    Javascriptの基礎について

#### メモなど

- 忘れた部分はスライド検索機能があって使いやすい
- 講座をやることでレベル上がる