甲賀-KOGA
コース一覧
商品一覧
JavaScriptの屋敷鳳凰の間
HTML
CSS
JavaScript
jQuery
JSプラグイン
ECサイト
ポートフォリオOK
学習期間:17時間00分
解説動画:112本
ポートフォリオ掲載:
✓
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とalert
03: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の一覧取得part1
41:27
カテゴリ一覧取得part2
20:51
ピックアップ一覧取得part3
19:27
ころりん
09:47
もっと見る機能実装
16:07
画像拡大機能
08:06
検索機能- カテゴリー
22:50
検索機能- ブランド
05:02
検索機能- フリーワード
16:00
検索機能- 金額
07:50
フォーカス操作
06:51
詳細画面情報取得
20:39
モーダル実装
23:20
ローカルストレージpart1
38:00
ローカルストレージpart2
10:48
ストレージ合計値計算
08:39
カートからアイテムを削除
16:17
購入ボタン機能
03:58
お気に入りに追加
10:55
お気に入りのアイテムを表示
05:57
お気に入りのスライダー
07:03
プレビュー動画が見れます
購入から学習までの流れ
決済完了ページにて
【URL,ユーザー名,パスワード】の3つを取得
URLにアクセス
ユーザー名とパスワードを入力
コース一覧から学習スタート
¥19,980
¥14,980
購入する