[ Training ] HTML, CSS, JavaScriptを使ってみよう！

[uchida189]

開発概要

【こんな人におすすめ!!】

• プログラミング初心者の人
• プログラミングについてなんも分からない人
• web開発やったことがない人
• フロントエンドに興味がある人

目的

• webプログラミングの基礎であるHTML, CSS, JavaScriptを勉強しよう！
• プログラミングとweb開発の基礎を身につけよう！
• 自信をつけよう！（PMも入学前はこいつら知らなかったから行ける！）

開発期間

• 開始日：
• 締切日：

カテゴリ/スキル

• Training

難易度・規模

• S （5時間くらい）

担当者

• @

コピペで動く正解コード

考えられる開発内容

• 基本的な用語を勉強しよう
  • ファイル
  • フォルダ、ディレクトリ
• HTMLでHello World（文字の表示）
  • HTMLの基本
• HTMLでボタンを作ってみよう！
• CSSで文字の見た目を操作しよう！
  • CSS入門
• JavaScriptでボタンの処理を書いてみよう！
  • 参考：わいが新入生時に書いたやつ
  • 順次実行の原則
  • 条件分岐（if文）を使ってみよう！
  • 繰り返し（for文、while文）を使ってみよう！
• レビューしてもらおう！

備考

• 基礎だからこそ、深掘りすると無限に深掘りできるので、区切りついたら切り上げるくらいで大丈夫です。
  • やってて沼った人はプログラマーの素質があります
• おすすめのサイト
  • MDN（firefoxのところが書いてる解説サイト。結構分かりづらいかも。てかここ全部読めたらフロントの神になってる）
    • HTMLの基本
    • CSS入門
    • JavaScript: 入門編

参考

開発の流れ

1. PMにIssue（タスク）をもらう
2. 開発をする（↓の「リンク」の『開発のやり方』を見よう！）
3. チェックボックスを押していこう
4. ヤバい状況になったらIssueの右側にあるStatusを「Help」にしてPMにSlackで連絡しよう
5. チェックボックスが全部押せたらプルリクを作ろう
6. レビューを待とう
7. 修正点があれば修正しよう。なければPMがマージします！お疲れ様！

SeeFTのタスク管理のルール

1. タスクは全てGit-Hub Projectで管理する
2. 全てのタスクに期日を決める
3. 毎週タスクの進捗を確認する（MTに出られない人はSlackで報告）
4. 毎週忙しさ（消化できるタスク量）を共有する
5. Helpは余裕のある人がいれば巻き取る。いなければ期日を変更する

リンク

• 開発のやり方
• SeeFTのタスク管理のルール
• 環境構築
• GitとGitHubの使い方（SeeFT）
• SeeFT Projects
• SeeFT Wiki
• Figma