JavaScriptの屋敷鳳凰の間

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • JSプラグイン
  • ECサイト
  • ポートフォリオOK

学習期間:17時間14分

解説動画:93本

ポートフォリオ掲載:OK

講座のプレビュー

[タップで拡大ができます]

「ECサイトの構築経験があります」と言えれば一つ武器になります。
ここ最近、プログラミングの勉強を始めている方が非常に増えています。

この流れはとても良い事だと思います。
しかし勉強を始める方が増えることで
「少しならできる」「ちょっとなら分かる」
というレベルだと戦うのが難しくなってきたのも事実です。

ではその基準はどこにあるのか
「Web制作のスキルがあります」といえるのは一体どうなれば言えるのか
もちろん経験も必要ですが、1ページだけのポートフォリオを作れるだけでは
正直中々難しいと考えます。


そういった中でユーザーが操作することに重きを置いたサイト
つまり"ECサイト"が重要なキーワードになってくると思いました。

ECサイトとは
AmazonやZOZOTOWNなどの
商品やサービスを販売するサイトのことです。
エンドユーザーはどう見たいのか、何を見たいのか、どう操作するのか
といった観点での考え方も必要になります。

●「モノを作り上げる力」
●「目の前の壁を乗り越える力」
●「変化を怖がらず、新しいものに挑戦する力」
●「自分に必要だと思ったらそれを逃さない力」

だからこそ今回体系的に学べるようにこのJavaScriptの屋敷というコンテンツを作りました。

この講座で学べること

  • HTMLの書き方や役割を基礎から学ぶマークアップ入門(8本)
    • HTMLの宣言をしてみよう15:10
    • HTMLの構成を理解しよう22:07
    • タグの役割を覚えよう22:32
    • コメントアウトの利用例10:21
    • 外部ファイルの読み込み方09:47
    • パスとは24:52
    • idとクラスを見極めよう17:43
    • ブロックとインライン要素の違い11:43
  • CSSで挫折しない為の基礎学習【超重要プロパティ】(11本)
    • プロパティと値について11:10
    • プロパティと値の使い方を覚えよう【文字編1】17:18
    • プロパティと値の使い方を覚えよう【文字編2】09:51
    • displayプロパティについて11:22
    • marginとpaddingの違いとは14:15
    • widthとheightについて15:52
    • flexboxについて06:20
    • positionについて06:35
    • 擬似クラスについて06:37
    • 特殊なセレクタについて08:17
    • 疑似要素について03:54
  • JavaScriptで学ぶプログラミングの基本のきほん【16項目】(18本)
    • JavaScriptでできること03:36
    • console.logとalert03:40
    • 外部ファイルに接続しよう03:57
    • 変数を定義しよう03:57
    • 変数に再代入しよう02:56
    • 定数について07:17
    • 型について05:13
    • 四則演算とは03:27
    • 文字連結のやり方03:53
    • 配列について05:49
    • 連想配列について06:45
    • if文を習得しよう08:42
    • for文を習得しよう05:22
    • 関数について学ぼう【その1】03:53
    • 関数について学ぼう【その2】02:41
    • 関数について学ぼう【その3】09:34
    • forEachについて06:32
    • 組み込み関数について07:13
  • jQueryの基本的な使い方から応用まで【プラグイン解説あり】(12本)
    • jQueryのしようシーン05:05
    • jQueryの読み込み方06:45
    • jQueryを記述してみよう03:45
    • メソッドについて学ぼう【CSSメソッド】06:48
    • メソッドについて学ぼう【要素の追加】05:29
    • メソッドについて学ぼう【要素の移動】04:42
    • メソッドについて学ぼう【クラスの付与削除】04:11
    • クリックイベントについて09:01
    • イベントの種類06:32
    • 動的に作られた要素にイベント発火11:21
    • jQueryプラグイン【bxSliderの使い方】09:06
    • jQueryプラグイン【ChartJsの使い方】10:08
  • JavaScriptの屋敷鳳凰の間(44本)
    • ヘッダー構築30:20
    • メインコンテンツ23:36
    • ピックアップ05:41
    • ブランドコンテンツ06:46
    • フッター構築12:14
    • サイドバー19:48
    • 一覧ページ08:07
    • 詳細メイン部分24:18
    • 詳細レビュー部分05:24
    • [SP]ヘッダー17:01
    • [SP]コンテンツ部分03:10
    • [SP]ピックアップ部分02:03
    • [SP]ブランド部分01:50
    • [SP]フッター01:16
    • [SP]一覧ページ11:16
    • [SP]詳細ページ05:05
    • トップースライダー23:45
    • ローダー15:39
    • スクロール後フェードイン12:19
    • ハンバーガーメニュー10:31
    • サイズ選択バインディング21:04
    • レビュー選択機能09:14
    • アコーディオン実装07:13
    • Newの一覧取得part141:27
    • カテゴリ一覧取得part220:51
    • ピックアップ一覧取得part319:27
    • ころりん09:47
    • もっと見る機能実装16:07
    • 画像拡大機能08:06
    • 検索機能- カテゴリー22:50
    • 検索機能- ブランド05:02
    • 検索機能- フリーワード16:00
    • 検索機能- 金額07:50
    • フォーカス操作20:39
    • 詳細画面情報取得20:39
    • モーダル実装23:20
    • ローカルストレージpart138:00
    • ローカルストレージpart210:48
    • ストレージ合計値計算08:39
    • カートからアイテムを削除16:17
    • 購入ボタン機能03:58
    • お気に入りに追加10:55
    • お気に入りのアイテムを表示05:57
    • お気に入りのスライダー07:03

プレビュー動画が見れます

購入から学習までの流れ

決済完了ページにて
【URL,ユーザー名,パスワード】の3つを取得
URLにアクセス
ユーザー名とパスワードを入力
コース一覧から学習スタート
¥19,980