• HOME
  • 英語×IT留学の事前課題フロー
  • 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時間）

    1. HTML & CSS →「全部」
      • HTML&CSS 初級編
      • HTML&CSS 中級編
      • HTML&CSS 初級編（道場レッスン）
      • HTML&CSS 中級編（道場レッスン）
      • HTML&CSS 上級編
      • HTML&CSS 上級編（道場レッスン）
    2. JavaScript →「JavaScript Ⅰ Ⅱ」
      • JavaScript Ⅰ
      • JavaScript Ⅱ
    3. jQuery →「全部」
      • jQuery 初級編
      • jQuery 中級編
      • jQuery 中級編（道場レッスン）
      • jQuery 上級編
    4. PHP →「PHP 1、道場レッスン」
      • PHP Ⅰ
      • PHP Ⅰ（道場レッスン）

    2.　レッスンの始め方

    コース一覧をクリックし、言語別コース一覧が表示されたら「HTML＆CSS」をクリック

    まずは、HTML&CSS　初級編のレッスンをやってみよう！
    「レッスンを始める」をクリック

    この画面になったらOK

    この流れで他のレッスンも受けていきましょう！

  • STEP4:ドットインストールの登録をしよう

    1.　https://dotinstall.com/にアクセスして新規ユーザー登録

    ユーザー名、メールアドレス、パスワードを記入ボックスにチェックを入れ、「ユーザー登録をする」をクリック

    登録した際のメールアドレスに登録完了のためのURLが届くので、確認し、URLをクリック



    2.　有料会員登録

    「詳しい説明を読む」をクリックし、「プレミアムサービスに登録する」をクリック


    3.　クレジットカード情報を登録

    必要事項を入力し、「プレミアムサービスに登録する」をクリック
    ※1ヶ月以内に定められた項目を終了させ、解約するようにしましょう。

    4.　登録完了！

  • STEP5:実際にレッスンを始めてみよう！（ドットインストール編）

    1.　ドットインストールの課題範囲（約45時間）

    1. Webサイトを作れるようになろう →「全部」
      • Web制作の流れを体験しよう
      • 学習環境を整えよう
      • もっと詳しくHTML/CSSを学んでみよう
      • Webサイトをゼロから制作してみよう
      • Webサイトを公開してみよう
    2. Webサイトに動きをつけてみよう →「全部」
      • JavaScriptを体験しよう
      • もっと詳しくJavaScriptを学んでみよう
      • よく見るUIを作ってみよう
      • Webサイト制作に活用してみよう
    3. 本格的なWebサービスを作ろう →「①〜③」
      • 開発環境を整えよう
      • PHPの雰囲気をつかもう
      • もっと詳しくPHPを学んでみよう
    4. もっとJavaScriptに触れてみよう →「jQuery入門」
      • jQuery入門
    5. その他のレッスン →「【サポート終了】 WordPress入門」
      • 【サポート終了】 WordPress入門

    2.　レッスンの始め方

    上記の課題範囲の「Webサイトを作れるようになろう」をクリックし、
    「Web制作の流れを体験しよう」の「初めてのWeb制作」をクリック

    「#01 プロフィールサイトを作っていこう」をクリック

    右側の「さっそく使ってみる」を先にクリックし、動画の再生ボタンをクリック
    レッスンが開始されるので、手順に従って進めていく

    この流れで他のレッスンも受けていきましょう！

  • STEP6:サイト模写をしてみよう！（約30時間）

    1.　Portfolioを模写しよう

    以下のリンクをクリック
    https://code-step.com/demo/html/portfolio1/

    全く同じデザインになるようにコーディングしていきましょう
    下にヒントを載せておきますが、なるべく見ないようにして書き進めてください！





    2.　仮想サイトを模写しよう

    以下のリンクをクリック
    https://code-step.com/demo/html/store/

    手順1と同じようにコーディングしていきましょう
    今回もなるべく見ないようにして書き進めてください！