忍者CODE 3種の神器セット

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • PHP
  • デザインスキル
  • ECサイト
  • JSプラグイン
  • 模写
  • WordPress
  • ポートフォリオOK

学習期間:32時間05分

解説動画:203本

ポートフォリオ掲載:OK

講座のプレビュー

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

実務で即使えるスペシャルスキルをセット割にてご案内いたします!
Web制作を本気で学びたい人向けのコンテンツです。

●WordPress開発完全版
●JavaScript初級者から中級者へ
●マークアップ完全攻略

これまで4桁部の売り上げを叩きだした3コンテンツです。

Web制作で身につけなければいけないスキルが身につきます。
全て忍者CODE運営が実務で行ってきた実装を盛り込んでおりますので
唯一無二のオリジナルコンテンツで基礎から中級者に底上げでき
楽しく掛け合い解説動画で学ぶことができます。

難易度の高い実装もこなせるようになります。
また、副業や転職、就職に有利になるポートフォリオとしてもご活用いただけます。

この講座で学べること

  • 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
  • PHPを基礎から学びたい人向け14項目から学ぶ【入門】(14本)
    • PHPについての説明と表示10:17
    • echoを使ってみよう07:06
    • 変数を定義しよう07:54
    • 配列ついて学ぼう08:02
    • 定数とは04:49
    • if文を使ってみよう14:31
    • for文を使ってみよう06:46
    • 論理演算子を学ぼう06:51
    • forEachを使ってみよう05:37
    • 関数を学ぼう14:37
    • 組み込み関数について20:59
    • 外部ファイルの読み込みをしよう02:19
    • GETとPOST20:39
    • Fileの読み書き09:54
  • 鎧模写-YOROIMOSYA銅の鎧(12本)
    • Section.1) ヘッダー06:54
    • Section.2) キービジュアル03:14
    • Section.3) Concept03:27
    • Section.4) Application03:07
    • Section.5) Gallery02:37
    • Section.6) Card02:38
    • Section.7) Contact04:28
    • Section.8) フッター01:04
    • Section.9) メディアクエリ02:36
    • Section.10) スマホナビゲーション07:42
    • Section.11) JavaScript06:08
    • Section.12) モーダル・アコーディオン04:15
  • 鎧模写-YOROIMOSYA銀の鎧(9本)
    • Section.1) サイドバー03:51
    • Section.2) パネル部分02:18
    • Section.3) 詳細画面03:24
    • Section.4) スマホTOP画面02:09
    • Section.5) スマホ詳細画面02:44
    • Section.6) JavaScript-ランダムパネル11:31
    • Section.7) JavaScript-place10:45
    • Section.8) JavaScript-スマホスライダー09:31
    • Section.9) ランダム回転パネル00:30
  • 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
  • デザイナーから直接学ぶ猫ちゃんサイトのデザイン解説(18本)
    • デザインを貰ったら最初に考えること12:25
    • Sketchについて05:37
    • ワイヤーフレームの作成22:02
    • ペットを探す14:56
    • お店を探す05:21
    • ブログ08:00
    • サイトについて07:40
    • キービジュアル04:54
    • ヘッダーフッター12:42
    • テキストの長さ02:48
    • フォントサイズ05:31
    • フォントの選び方03:18
    • ブラウザの引き伸ばし想定03:26
    • ページャーのパターン02:47
    • ボタンについて04:30
    • ホバー時の対応02:07
    • 画像の表示領域01:18
    • 離脱を防ぐ為の考え方02:24
  • 甘えを吹き飛ばす!WordPress開発(38本)
    • プロローグ04:15
    • 仕様確認05:02
    • wordpressとは06:28
    • 環境構築06:10
    • themes03:33
    • 管理画面09:30
    • ファイルの説明と管理画面内の説明15:11
    • トップページ表示09:04
    • header/footer共通化06:04
    • ポストタイプ/カスタムフィールドの説明18:13
    • お知らせロジック19:26
    • Blogのarchive/single.php24:02
    • ブログ詳細ページ13:39
    • ブログ一覧ページ26:48
    • タグの設定14:28
    • tag.php22:25
    • サイドバー共通化12:53
    • 店舗ポストタイプ/カスタムフィールドの登録12:14
    • 店舗一覧ページ11:58
    • ページャー05:40
    • 店舗詳細ページ09:01
    • 投稿オブジェクト紐付け15:59
    • 猫ちゃんポストタイプ/カスタムフィールドの登録19:41
    • 猫ちゃん一覧ページ26:41
    • 猫詳細ページ17:31
    • Scriptエラー解消04:24
    • 固定ページ/デバッグ10:45
    • タクソノミーの設定28:55
    • taxonomy.php26:51
    • 他にもこんな猫ちゃんが注目されてます33:52
    • 〇〇店の猫一覧ページ23:29
    • 〇〇店のブログ10:36
    • 猫詳細ページの項目28:41
    • パンくずリスト15:41
    • トップページ12:13
    • タイトルタグ07:08
    • 404.php02:00
    • お問い合わせ07:33

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

購入から学習までの流れ

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