エンジニア育成プログラム「ファストス」

※現在公開中のコンテンツは HTML/CSS と JavaScript の2プログラムです。課題は全てGit/GitHub上で管理していきますのでGit/GitHubを利用したことがない方はまずGit/GitHubを学習しましょう。

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5ef6c67a-f9d2-4cd2-8858-99e7af23a8e0/透明画像10001000.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5ef6c67a-f9d2-4cd2-8858-99e7af23a8e0/透明画像10001000.png" width="40px" />

logo_HTML2.png

logo_CSS2.png

プログラム1. HTML/CSS

全ての基礎となるマークアップを身につけるプログラムです。

HTML/CSS 教材一覧

  1. HTMLとは
  2. 環境と文字コード
  3. HTMLを書いてWEBページを作る
  4. インデントとは
  5. CSSとは
  6. CSS詳細
  7. レスポンシブ対応
  8. Flexの説明
  9. Gridの説明
  10. CSS設計の説明
  11. CSSフレームワーク紹介
  12. CSS注意点
  13. Emmetで素早くコーディング

HTML/CSS 課題一覧

  1. OSS向け課題準備
  2. 総合課題
  3. 61(50+9+2)問課題
  4. Flexレイアウト課題
  5. Gridレイアウト課題
  6. CSS設計課題

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/79b30ed6-df66-40ca-a772-a8f6fd44ca7d/透明画像10001000.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/79b30ed6-df66-40ca-a772-a8f6fd44ca7d/透明画像10001000.png" width="40px" />

logo_Javascript2.png

プログラム2. JavaScript

現代では必須となったJavaScriptを現場ライクな形で学び、動的な処理や外部機能を利用し実装力をつけるプログラムです。

JavaScript 教材一覧

  1. JSとは
  2. Javascriptの環境構築
  3. 変数と型
  4. 関数について
  5. 要素の操作とイベント処理
  6. 比較演算子と真偽値
  7. 正規表現
  8. モジュール化

JavaScript 課題一覧

  1. 算術演算子
  2. 条件分岐
  3. 繰り返し処理
  4. classとオブジェクト指向
  5. JSONデータの取り扱い(非同期処理)
  6. JS基礎の総合課題

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fc09fa13-e0a3-4c12-aa79-82ed00f75f5e/透明画像10001000.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fc09fa13-e0a3-4c12-aa79-82ed00f75f5e/透明画像10001000.png" width="40px" />

logo_TOP2.png

バージョン管理システム Git

Git 教材一覧

  1. Gitとは
  2. Githubとは
  3. Gitの概念について
  4. Macユーザー向け Homebrew で git を install
  5. GithubにSSH接続する
  6. Github でリモートリポジトリからCloneまでを行う
  7. Gitでブランチ作成からプルリクエスト編
  8. .gitignoreファイルの作成
  9. GithubへPushできない場合
  10. Git pull をすると警告が表示される場合
  11. コンフリクトが起きた場合の対応
  12. 覚えておくと便利なGitコマンド

</aside>

End Credit

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/257e0170-1d95-40df-9168-9d6e44faa2fd/透明画像10001000.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/257e0170-1d95-40df-9168-9d6e44faa2fd/透明画像10001000.png" width="40px" />

Producer

Taito Morikawa

Yuta Saito

Masaya Terada

Taishi Shinoda

Designer

Asuka Kurigami

</aside>