株式会社TechBowl
| 講座ID | TEC003 |
|---|---|
| 講座名 | 未経験からITエンジニアを目指す |
| 講座受講費 | 100,000円（1人当たり） |
| 難易度 | 1
まったく知らない人でも大丈夫。基本的なことから始めます。 |
| 講座概要 この講座で学べる事 |
WEBプログラミング基礎講座：会社の魅力を発信しよう 本講座はプログラミング言語を利用した講座かつアウトプット中心の講座となります。 |
| 講座の到達目標 |
|
| 受講メインターゲット | 会社のHP制作や改修に取り組みたい方 |
| 受講時間（合計） | 30時間 |
| コマ数 | 所要時間 | 講座提供形態 | コマ名 | 学習内容詳細 |
|---|---|---|---|---|
| 1 | 60分 | その他（PCにて問題受講） | Tagを使い分けて見た目を作ろう！ | HTML：環境構築、div、p、span、imgのタグの使い方 |
| 2 | 60分 | その他（PCにて問題受講） | インデントを整えよう！ | HTML：インデントの整え方 |
| 3 | 60分 | その他（PCにて問題受講） | カードデザインからレイアウトの基礎を作ろう！ | CSS：レイアウトの基礎 |
| 4 | 60分 | その他（PCにて問題受講） | Tagを意味付けして使おう！ | HTML：Tagの使い方 |
| 5 | 60分 | その他（PCにて問題受講） | アクセシビリティ(a11y)を意識して書こう！ | HTML：altの使い方 |
| 6 | 60分 | その他（PCにて問題受講） | SEOを意識したHTMLを書いてみよう！ | HTML：metaタグについて |
| 7 | 60分 | その他（PCにて問題受講） | 使いまわせるようにスタイルを当てよう！ | HTML：カードコンポーネントを使い回せるようにスタイルを統一 |
| 8 | 60分 | その他（PCにて問題受講） | FlexBoxを使ってレイアウトを作ろう！ | CSS：flexboxを使った制御 |
| 9 | 60分 | その他（PCにて問題受講） | レスポンシブ対応をしてみよう！ | CSS：メディアクエリを使ったレスポンシブ対応 |
| 10 | 60分 | その他（PCにて問題受講） | 異なるブラウザで見た目が一致しているかを確認しよう！ | HTML：異なるブラウザで見た目が一致しているかを確認 |
| 11 | 60分 | その他（PCにて問題受講） | スプレッド構文を使ってみよう！ | JavaScript：スプレッド構文、関数の利用 |
| 12 | 60分 | その他（PCにて問題受講） | HTMLとJavaScriptを分割して使おう！ | JavaScript：getData関数の返り値 |
| 13 | 60分 | その他（PCにて問題受講） | アロー関数を使えるようになろう！ | JavaScript：アロー関数 |
| 14 | 60分 | その他（PCにて問題受講） | mapを使えるようになろう！ | JavaScript：Mapメソッド |
| 15 | 60分 | その他（PCにて問題受講） | Promiseを使ってみよう！ | JavaScript：Promise |
| 16 | 60分 | その他（PCにて問題受講） | リストを作ろう！ | HTML：ul,liを利用してリスト表示できている |
| 17 | 60分 | その他（PCにて問題受講） | floatを使ってレイアウトを作ろう！ | CSS：floatを使って配置 |
| 18 | 60分 | その他（PCにて問題受講） | 要素の重なりを扱えるようになろう！ | CSS：z-index,opacity |
| 19 | 60分 | その他（PCにて問題受講） | ブロック要素とインライン要素の違いが分かるようになろう！ | HTML：ブロック属性とインライン属性の違い |
| 20 | 60分 | その他（PCにて問題受講） | ローカルサーバで確認しよう！ | HTML：localhostにアクセスできるようになる |
| 21 | 60分 | その他（PCにて問題受講） | 標準仕様について知ろう！ | HTML：標準仕様に従ってarticleタグ、sectionタグを使って実装 |
| 22 | 60分 | その他（PCにて問題受講） | リンクタグを使いこなそう！ | HTML：リンクを作成、リンクホバー |
| 23 | 60分 | その他（PCにて問題受講） | GridLayoutを使えるようになろう！ | HTML：GridLayoutを用いて見た目を整える |
| 24 | 60分 | その他（PCにて問題受講） | CSSアニメーションを作ろう！ | CSS：フェードインの実装 |
| 25 | 60分 | その他（PCにて問題受講） | SVGについて知ろう！ | HTML：svgを利用して指定の色に変更 |
| 26 | 60分 | その他（PCにて問題受講） | バリデーションをしよう！ | HTML：フォームでのバリデーションチェック |
| 27 | 60分 | その他（PCにて問題受講） | DevToolsのNetworkパネルを使えるようになろう！ | HTML：ネットワークパネルからリクエスト内容を確認 |
| 28 | 60分 | その他（PCにて問題受講） | if文を使えるようになろう！ | JavaScript：JavaScript関数の処理をif文を使って実装 |
| 29 | 60分 | その他（PCにて問題受講） | ECMAScriptについて知ろう！ | JavaScript：ECMAScriptの確認・ブラウザ上でJavaScriptを実行 |
| 30 | 60分 | その他（PCにて問題受講） | DOM APIを使ってみよう！ | HTML：DOMの操作 |
| 31 | 60分 | その他（PCにて問題受講） | Node.jsについて知ろう！ | JavaScript：Node.jsでwebサーバーの立ち上げる |
| 32 | 60分 | その他（PCにて問題受講） | コンソールに表示されるエラーを読もう！ | JavaScript：Consoleからエラーを確認してプログラムを正しく動作 |
