体験JavaScript UI制作編 Vol.2

JavaScriptをUI制作にどのように活用できるか、について体験できるクラスの第二弾です。

このクラスで学べること

このクラスでは次のような課題を解きながら、UI制作におけるJavaScriptの活用法について学んでいきます。
なお、このクラスの前に体験JavaScript UI制作編 Vol.1を受講しておくことをおすすめいたします。

  • 奇跡を起こしてみよう
  • 文字数をカウントしてみよう
  • 入力値を監視してみよう
  • パスワードが見られるフォームを作ろう
  • スライダーで背景色を変えてみよう
  • 回転するスマイリーを作ろう
  • WASDキーでロケットを動かそう
  • マラソン時計を作ってみよう

※ 課題の内容は予告なく変更される場合があります。

assignments.gif

↑ 課題の一例です。

以下の記事では、画像付きでさらに詳しくクラスのご紹介をしています。

■ 出題範囲について

このクラスの課題を解くには、以下のような知識が必要です。

  • HTML/CSS
    • 基本的なセレクター
    • 文字や背景色のスタイル指定
    • 簡単なアニメーション
  • JavaScript
    • イベントリスナーの設定
    • 要素の取得(getElementById()querySelector()
    • textContentの操作
    • classListの操作
    • 条件分岐
    • 変数
    • イベントオブジェクト
    • 数値演算

■ 参加者の声

これまでに参加された方の声をいくつかご紹介いたします。

習ったことを思い出しながら探り探りやってみたら意外とできました!
ちゃんと考え方が身についてるんだなと実感。
ヒント見ながらやりました。
自分にこんなことできるのかってびっくりしました。
ヒントないと絶対できなかった。
先入観で最初は「あ、難しそう...」と思いましたが、
ヒントを使って解いたら思ったよりも簡単に出来上がりました!
難しそうな実装でも、実際には簡単なものもあるのだなぁと勉強になりました。
少し苦戦しましたが、楽しめました!
頑張れば何とかできるかもしれない、という気にさせる難易度設定が絶妙ですね。

■ カリキュラム

体験クラスと同じ流れで5日間をかけて、DAY1〜DAY4の課題に取り組んでいただきます。
2日目以降、朝10時に未提出の課題があると脱落となりますのでご注意ください。
また、どの日程にご参加頂いても課題の内容は同じとなります。

■ 受講にあたって必要なもの

Windows PC、macOSに搭載された最新のChromeブラウザがあれば受講可能です。
iPadなどのタブレット、Chromebook、Linuxマシンなどはサポート対象外となりますのでご了承ください。

■ 受講にあたっての確認・同意事項

クラスへの参加を希望される方は以下の内容をよくお読みになり、確認・同意の上、お申し込みください。

  • お申込時、およびクラス参加中はドットインストールのプレミアムサービスに加入している必要があります。
  • クラス開始後は脱落したとしても返金は行いませんのでご注意ください。
  • クラス参加にあたっては、マナーを守った発言を心がけてください(他の方を不快にさせる言動、勧誘、営業などは禁止いたします)。
  • 期間途中であっても、運営側の判断で参加をお断りさせていただく可能性がございます(運営側の判断で不参加となった場合は返金いたします)。
  • 期間中に書いたコード、コメントなどがドットインストールのnote他にて紹介されることがございます。
  • 課題の内容について、SNS等で共有されないようご注意ください。
  • 荒らしなどの妨害行為には適宜対処してまいりますが、他の参加者、もしくは第三者とのトラブルによって生じた損害につきまして、当社は責任を負いかねます。

出題範囲

ドットインストールの以下のレッスンを前提としていますので、あらかじめ受講しておくことをおすすめします。

JavaScript入門 基礎文法編 (全27回)

JavaScriptにおける基本データ型の扱いと制御構造について見ていきます。

PREMIUM

JavaScript入門 関数編 (全12回)

JavaScriptの関数について詳しく見ていきます。

PREMIUM

JavaScript入門 データ構造編 (全27回)

JavaScriptでよく使われる配列とオブジェクトについて詳しく見ていきます。

PREMIUM

【旧版】詳解JavaScript オブジェクト編 (全35回)

JavaScriptの配列、オブジェクト、クラスといった仕組みを使って、複雑なデータを操作する方法を学んでいきます。

PREMIUM

【旧版】詳解JavaScript DOM編 (全21回)

JavaScriptからドキュメントを操作するためのDOMを扱う方法について解説していきます。

PREMIUM

よくある質問

脱落とは何ですか?脱落したらどうなるのでしょうか?
256timesでは毎日の進捗報告を必須としており、怠ると脱落してしまいます(回答の正否は問いません)。脱落したあとの課題は追加されず、他のメンバーの回答を見ることもできません。なお、脱落した場合、お問い合わせフォームより申請することで復活が可能です。
課題がわからなかった場合のフォローはありますか?
運営が模範回答を提示したり、質問を受けつけたりすることはありません。進捗報告をしていれば他のメンバーの回答が見られるようになりますので、それをもとに自ら学んでいただく方式を採用しています。
どのような学習環境を用意すればよいですか?
課題はすべてブラウザ上で解く方式です。最新のGoogle Chromeが動作するWindowsまたはmacOSのPCを推奨しています。
キャンセル(参加の取りやめ)・返金は可能ですか?
クラス開始日時の直前までは可能です。クラス詳細ページよりお手続きください。なお、クラス開講後のキャンセル、返金はできませんのでご注意ください。
同じクラスを何度も受講できますか?
可能です。ただし、課題内容はすべて同じとなります。他の人のコードをもっと読んでみたい、ある程度の期間が経ったので復習をしたい、という場合に再度受講しても良いでしょう。
課題についていけるか不安です。大丈夫でしょうか?
各クラスの説明欄や前提となるレッスンを参考に判断してみてください。256timesがはじめてのかたは、まずは無料体験クラスでご自身に合っているか確かめてみることをおすすめします。
課題が公開される午前10時から必ず参加しなければなりませんか?
10時ちょうどに何かをしないといけない、ということはありません。課題の公開後は、都合の良い時間帯で課題に取り組み、翌朝の10時までにご提出ください。
領収書は発行していますか?
領収書は発行しておりません。クレジットカードの請求明細、もしくはWebMoney購入時の明細をご利用ください。
256timesはなんと読むのですか?
「ニゴロタイムズ」となります。