JavaScriptの屋敷

ECサイトが作れるコンテンツ
Web製作に必須な
JavaScriptのスキルセット

解説動画は最大560分!

Web制作で使うスキルを

まるっと入れよう!

tsuru taka houou
ここ最近、
プログラミングの勉強を始めている方が非常に増えています。
この流れはとても良い事だと思います。

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

ではその基準はどこにあるのか
「Web制作のスキルがあります」
といえるのは
一体どうなれば言えるのか

もちろん経験も必要ですが、
1ページだけのポートフォリオを作れるだけでは
正直中々難しいと考えます。

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

オンライン化が一気に加速する中で
「商品はネットで売る」のが当たり前の時代がもうすぐやってきます。

その時「ECサイトの構築経験があります」と言えれば
一つ武器になるのではないでしょうか。

ユーザーはどう見たいのか
何を見たいのか
どう操作するのか
といった観点での考え方も必要になります。


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

これらは部分的な学習だけでは
なかなか身につける事はできません。

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

プログラミングを学ぶ背景は人それぞれ違います。

「副業で稼ぎたい」
「エンジニアになりたい」
「転職,就職の為に学びたい」
など様々です。

しかし、プログラミングを学んだ先にある本当の恩恵は
そういったものではなく
"自分の力で稼ぐ"
という他には代えがたいものです。

「現状維持は停滞」という言葉があるように
常にアクションし
行動することで
見えてくるものがあるはずです。

今日より明日が豊かになるように
明日より1年後が明るくなるように
今ここに"3つの翼"を置きました。

忍者CODEはあなたの進化を心から願っています。

Web制作に必要な
JavaScriptのスキルを
網羅できるコンテンツが
ついにリリース!!

✔こんな方にオススメ
  • ・web制作で稼ぎたい方
  • ・教材を買っても途中で飽きてしまう方
  • ・1ページのポートフォリオサイトしか作ったことが無いという方
  • ・ポートフォリとして
    ECサイトを持ちたい方
  • ・実践で使うJavaScriptを
    習得したい方
  • ・JavaScriptを学び始めたけど実際にどうやって使えば良いか分からないいう方
  • ・プログラミングを勉強しているけどなんだかシックリこないという方
  • ・自分が作りたいサービスやサイトを作れるようになりたいという方
好評の鎧模写に続き、
今回リリースするのはJavaScriptを駆使してECサイト
フロント部分が作成できるコンテンツです。

ECサイトとは、
AmazonやZOZOTOWNなどの
商品やサービスを販売するサイトのことです。

この「JavaScriptの屋敷」で学べることは

「Web制作に必要な
JavaScriptのスキル」

「プロへ進化する為のコーディング力」
「副業で稼ぐための突破力」

セクションごとにしっかり分かれているので
かなり進めやすい作りになっています!
「教材を買ってもいつも途中で辞めてしまう...」
といった方にもピッタリのコンテンツです!

<解説画面>

※■勘違いを防ぐ為に
今回はWeb制作で使うJavaScriptがメインの為
データベースを使ったり、ログイン機能を実装したりはしません。
ただしJavaScriptでデータが集まった情報を用意し
そこから、必要なデータ(配列)だけを取得するといった実装はします。

1人でも多くの方に分かりやすく、
そして何より"楽しく"理解してもらえるように
解説動画を最大限充実させました。

他では中々見られない
現役エンジニア2人による会話形式の解説動画になります。 動画の合計は最大で
42本、解説時間560分
(鳳凰の間)

3つのポイントもチェック!
  • ・ご自身のポートフォリオにするのもOK!
  • ・分からない点や不明な点があればtwitterのDM等で質問するのもOK!
  • ・挫けそうになった時に相談するのもOK!
houou

鳳凰の間

  • 解説動画:42

  • 解説時間:560
【HTML,CSSのコンテンツ】
  • ヘッダー構築
  • メインコンテンツ
  • ピックアップ
  • ブランドコンテンツ
  • フッター構築
  • サイドバー
  • 一覧ページ
  • 詳細メイン部分
  • 詳細レビュー部分
  • [SP]ヘッダー
  • [SP]コンテンツ部分
  • [SP]ピックアップ部分
  • [SP]ブランド部分
  • [SP]フッター
  • [SP]一覧ページ
  • [SP]詳細ページ
【JavaScriptのコンテンツ】
  • トップースライダー
  • ローダー
  • スクロール後フェードイン
  • ハンバーガーメニュー
  • サイズ選択バインディング
  • レビュー選択機能
  • アコーディオン実装
  • Newの一覧取得part1
  • カテゴリ一覧取得part2
  • ピックアップ一覧取得part3
  • ころりん
  • もっと見る機能実装
  • 画像拡大機能
  • 検索機能- カテゴリー
  • 検索機能- ブランド
  • 検索機能- フリーワード
  • 検索機能- 金額
  • フォーカス操作
  • 詳細画面情報取得
  • モーダル実装
  • ローカルストレージpart1
  • ローカルストレージpart2
  • カートの合計値計算
  • 購入ボタン機能
  • お気に入り追加
  • お気に入りのスライダー

12,980

tsuru

鷹の間

  • 解説動画:26
  • トップースライダー
  • ローダー
  • スクロール後フェードイン
  • ハンバーガーメニュー
  • サイズ選択バインディング
  • レビュー選択機能
  • アコーディオン実装
  • Newの一覧取得part1
  • カテゴリ一覧取得part2
  • ピックアップ一覧取得part3
  • ころりん
  • もっと見る機能実装
  • 画像拡大機能
  • 検索機能- カテゴリー
  • 検索機能- ブランド
  • 検索機能- フリーワード
  • 検索機能- 金額
  • フォーカス操作
  • 詳細画面情報取得
  • モーダル実装
  • ローカルストレージpart1
  • ローカルストレージpart2
  • ストレージ合計値計算
  • 購入ボタン機能
  • お気に入り追加
  • お気に入りのスライダー
8,980
tsuru

鶴の間

  • 解説動画:13
  • トップースライダー
  • ローダー
  • スクロール後フェードイン
  • ハンバーガーメニュー
  • サイズ選択バインディング
  • レビュー選択機能
  • アコーディオン実装
  • Newの一覧取得part1
  • カテゴリ一覧取得part2
  • ピックアップ一覧取得part3
  • ころりん
  • もっと見る機能実装
  • 画像拡大機能

7,980

JavaScriptの屋敷で作るもの
できあがるページは合計62ページ!
レスポンシブ対応です

※動画の例は鳳凰の間

購入後の流れ

決済に完了すると以下のようなページに飛びます。

ここにアクセスするURL、パスワード等が記載されておりますので
こちらからお楽しみください。

Q&A

A.HTML・CSSの理解、JavaScriptの基本的理解が多少あればどなたでも学べます。

A.購入後の追加課金等は一切ございませんのでご安心ください。

A.忍者CODEのTwittrのDM又は、忍者CODEのメールアドレスで何でも聞いてください。

A.JavaScriptの屋敷ではJQeryを学ぶことができます。あらかじめご了承ください。

A.GoogleChromeでの学習のみになります。あらかじめご了承ください。

A.どのPC端末でもご利用可能です。

A.不安であれば、忍者CODEの無料問題集と併せてご利用ください。

A.パソコン環境でのご利用をお願いいたします。

A.購入後は、半永久的に利用できます。(忍者CODEドメインが有る限り)

A.ご購入可能です。自身のスキルが付いてきたと思った段階で各種着手していただければと思います。

模写に興味がある人は「鎧模写」
不明な点は
DMで