JavaScriptの屋敷鳳凰の間
- HTML
- CSS
- JavaScript
- jQuery
- JSプラグイン
- ECサイト
- ポートフォリオOK
学習期間：17時間00分
解説動画：112本
ポートフォリオ掲載：✓OK
講座のプレビュー
[タップで拡大ができます]
「ECサイトの構築経験があります」と言えれば一つ武器になります。
ここ最近、プログラミングの勉強を始めている方が非常に増えています。
この流れはとても良い事だと思います。
しかし勉強を始める方が増えることで
「少しならできる」や「ちょっとなら分かる」
というレベルだと戦うのが難しくなってきたのも事実です。
ではその基準はどこにあるのか
「Web制作のスキルがあります」といえるのは一体どうなれば言えるのか
もちろん経験も必要ですが、1ページだけのポートフォリオを作れるだけでは
正直中々難しいと考えます。
そういった中でユーザーが操作することに重きを置いたサイト
つまり"ECサイト"が重要なキーワードになってくると思いました。
ECサイトとは
AmazonやZOZOTOWNなどの
商品やサービスを販売するサイトのことです。
エンドユーザーはどう見たいのか、何を見たいのか、どう操作するのか
といった観点での考え方も必要になります。
●「モノを作り上げる力」
●「目の前の壁を乗り越える力」
●「変化を怖がらず、新しいものに挑戦する力」
●「自分に必要だと思ったらそれを逃さない力」
だからこそ今回体系的に学べるようにこのJavaScriptの屋敷というコンテンツを作りました。
ここ最近、プログラミングの勉強を始めている方が非常に増えています。
この流れはとても良い事だと思います。
しかし勉強を始める方が増えることで
「少しならできる」や「ちょっとなら分かる」
というレベルだと戦うのが難しくなってきたのも事実です。
ではその基準はどこにあるのか
「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
- フォーカス操作06:51
- 詳細画面情報取得20:39
- モーダル実装23:20
- ローカルストレージpart138:00
- ローカルストレージpart210:48
- ストレージ合計値計算08:39
- カートからアイテムを削除16:17
- 購入ボタン機能03:58
- お気に入りに追加10:55
- お気に入りのアイテムを表示05:57
- お気に入りのスライダー07:03
プレビュー動画が見れます
購入から学習までの流れ
決済完了ページにて
【URL,ユーザー名,パスワード】の3つを取得
【URL,ユーザー名,パスワード】の3つを取得
URLにアクセス
ユーザー名とパスワードを入力
ユーザー名とパスワードを入力
コース一覧から学習スタート
¥19,980
¥14,980
