YOROIMOSYA-鎧模写金剛の鎧

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • 模写
  • コーポレートサイト
  • LP
  • ポートフォリオOK

学習期間:10時間02分

解説動画:85本

ポートフォリオ掲載:OK

講座のプレビュー

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

コーディングは本を読んだりネットで調べたりすればある程度までは出来るようになります。
しかし実際にエンジニアとして働き、
お金を稼ぐにはそこから更に1ランク、2ランクレベルUPする必要があります。

つまり、コーディング力に鎧(よろい)を着るということです。

レベルUPする方法の1つとして「模写コーディング」があります。
実際模写コーディングは本当に力になります。
ただ1つ注意点があります。
何も考えずに模写するだけではあまり効果が望めません。

模写をしたのは良いけど、"ただ模写をした"だけで「結局何が身についたのか分からない」
といった方をたくさん見てきました。
より効果を出すには、自分の考えを絞り出し自分のパターンに落とし込むことが必要です。

忍者CODEの鎧模写に挑戦すると
最初のうちは恐らく頭に「?」がたくさん出てくるでしょう。

しかし現場で戦うためには、どれだけ悩んでどれだけ問題を解決してきたか
経験値の勝負になります。

実際にエンジニアがWebサイトや
Webサービスを作る時にしていることは問題解決の連続です。

●HTML/CSS/レスポンシブ/
●JavaScript/jQuery/
●プログラミングロジック/

全てを学ぶ事が出来ます。
最速最短で成長したい方向けとなっております。

学習が完了した頃には2~3ランクはレベルUPすることができ、まさに鎧を着ることが出来ます。
ただしボリュームが多いため「本気で成長したい方」向けの鎧となっております。

この講座で学べること

  • 知っておこうWeb制作に関する基本知識の話(15本)
    • サイト制作で気をつける事06:38
    • 今一度SEOについて理解を深めておこう05:06
    • リスティングってなに?オークション形式で広告を出せる仕組みについて08:44
    • 拡張子を知らずにWeb制作は出来ない。初歩的だけど大切な話03:11
    • ブラウザを知るところから初めたい方への解説動画03:18
    • 勘違いされやすい。ディレクトリとファイルの違いについて知っておこう02:15
    • あなたは何のオペレーティング・システムを使ってる?OSについて02:47
    • コーディングを始める時ディレクトリ構造の一例09:57
    • 忍者CODE推奨コードエディター VSCODEを知っておこう03:27
    • めちゃくちゃ便利なVSCODEの使い方02:47
    • VSCODEでターミナルを使おう06:27
    • 目標設定を決めることの大事さ。まずは設定するところから始めよう06:55
    • Web制作は稼げるの?モチベーションについて考えよう12:10
    • ポートフォリオって必要なの?06:43
    • いまトレンドの直感型のUIUXとはどんなものか04:04
  • 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
  • 鎧模写-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

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

購入から学習までの流れ

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