-
STEP1:progateの登録をしよう
1.https://prog-8.com/にアクセスして新規ユーザー登録
「今すぐはじめる」をクリック
「アカウントを作成する」か、「Googleで続ける」をクリックし、ログインしましょう
2.有料会員登録
手順③の画面のまま、下にスクロールし、フッターの「有料会員プラン」をクリック
右の画面になるので、「有料プランに登録する」をクリック下に自動でスクロールされるので、「登録」ボタンをクリック
※Windowsの方は、メール認証が必要になる場合がありますので、その際はメール認証を完了させてください。3.クレジットカード情報を登録
必要事項を入力し、「登録」ボタンをクリック
※1ヶ月以内に定められた項目を終了させ、解約するようにしましょう。4.登録完了!
これで登録は完了です!
-
STEP2:slackに登録しよう!
1. サポートについて
Slackにて質問を受け付けています。事前学習でわからないことがあれば、お気軽にご連絡ください。スタッフが対応いたします。
以下のページよりslackの登録をお願い致します。
https://slack.com/intl/ja-jp/登録が完了しましたらLINEかメールにてその旨お知らせください。
専用チャンネルの招待リンクをお送りいたします。STEP3:実際にレッスンを始めてみよう!(progate編)1. progateの課題範囲(約30時間)
- HTML & CSS →「全部」
- HTML&CSS 初級編
- HTML&CSS 中級編
- HTML&CSS 初級編(道場レッスン)
- HTML&CSS 中級編(道場レッスン)
- HTML&CSS 上級編
- HTML&CSS 上級編(道場レッスン)
- JavaScript →「JavaScript Ⅰ Ⅱ」
- JavaScript Ⅰ
- JavaScript Ⅱ
- jQuery →「全部」
- jQuery 初級編
- jQuery 中級編
- jQuery 中級編(道場レッスン)
- jQuery 上級編
- PHP →「PHP 1、道場レッスン」
- PHP Ⅰ
- PHP Ⅰ(道場レッスン)
2. レッスンの始め方
コース一覧をクリックし、言語別コース一覧が表示されたら「HTML&CSS」をクリック
まずは、HTML&CSS 初級編のレッスンをやってみよう!
「レッスンを始める」をクリックこの画面になったらOK
この流れで他のレッスンも受けていきましょう!
- HTML & CSS →「全部」
-
STEP4:ドットインストールの登録をしよう
1. https://dotinstall.com/にアクセスして新規ユーザー登録
ユーザー名、メールアドレス、パスワードを記入ボックスにチェックを入れ、「ユーザー登録をする」をクリック
登録した際のメールアドレスに登録完了のためのURLが届くので、確認し、URLをクリック
2. 有料会員登録
「詳しい説明を読む」をクリックし、「プレミアムサービスに登録する」をクリック
3. クレジットカード情報を登録
必要事項を入力し、「プレミアムサービスに登録する」をクリック
※1ヶ月以内に定められた項目を終了させ、解約するようにしましょう。4. 登録完了!
-
STEP5:実際にレッスンを始めてみよう!(ドットインストール編)
1. ドットインストールの課題範囲(約45時間)
- Webサイトを作れるようになろう →「全部」
- Web制作の流れを体験しよう
- 学習環境を整えよう
- もっと詳しくHTML/CSSを学んでみよう
- Webサイトをゼロから制作してみよう
- Webサイトを公開してみよう
- Webサイトに動きをつけてみよう →「全部」
- JavaScriptを体験しよう
- もっと詳しくJavaScriptを学んでみよう
- よく見るUIを作ってみよう
- Webサイト制作に活用してみよう
- 本格的なWebサービスを作ろう →「①〜③」
- 開発環境を整えよう
- PHPの雰囲気をつかもう
- もっと詳しくPHPを学んでみよう
- もっとJavaScriptに触れてみよう →「jQuery入門」
- jQuery入門
- その他のレッスン →「【サポート終了】 WordPress入門」
- 【サポート終了】 WordPress入門
2. レッスンの始め方
上記の課題範囲の「Webサイトを作れるようになろう」をクリックし、
「Web制作の流れを体験しよう」の「初めてのWeb制作」をクリック「#01 プロフィールサイトを作っていこう」をクリック
右側の「さっそく使ってみる」を先にクリックし、動画の再生ボタンをクリック
レッスンが開始されるので、手順に従って進めていくこの流れで他のレッスンも受けていきましょう!
- Webサイトを作れるようになろう →「全部」
-
STEP6:サイト模写をしてみよう!(約30時間)
1. Portfolioを模写しよう
以下のリンクをクリック
https://code-step.com/demo/html/portfolio1/全く同じデザインになるようにコーディングしていきましょう
下にヒントを載せておきますが、なるべく見ないようにして書き進めてください!
2. 仮想サイトを模写しよう
以下のリンクをクリック
https://code-step.com/demo/html/store/手順1と同じようにコーディングしていきましょう
今回もなるべく見ないようにして書き進めてください!