プログラミングを楽しむ!Webアプリ作ってみようセット

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • PHP
  • 掲示板
  • session
  • バックエンド技術
  • チャットボット
  • Class構文
  • ES6
  • ポートフォリオOK

学習期間:11時間56分

解説動画:110本

ポートフォリオ掲載:OK

講座のプレビュー

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

WebアプリをJavaScript・PHPで作成できるスキルセットになります。
実務でも応用力はかなり必要になってきます。
JavaScriptでは、実務でも効率化できる

Class構文を使用しての実装となります。
難易度の高いスキルセットにはなりますが現役エンジニアがわかりやすいソースコードで
理解力が一気に高まります。

●LINE風チャットBot
●2ch風の簡易掲示板

基礎から応用力を身に付けたい方、Webアプリを作ってみたい方はこの講座を受講ください。
Webアプリを作成した実績にもなりますしポートフォリオとしてもご利用になれます。

この講座で学べること

  • 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
  • JavaScriptで作るLINE風チャットボット(14本)
    • 完成品の確認02:16
    • htmlの記述03:44
    • CSSを記述していこう05:10
    • CSSの続きを書いていこう12:35
    • 質問の作成02:50
    • calssの定義とコンストラクタの解説05:46
    • コンストラクタに初期値の設定04:23
    • 問題の表示メソッド05:37
    • 質問と選択肢の表示08:17
    • ユーザーが回答したときの処理10:49
    • 自動スクロールの実装04:27
    • 結果の処理06:30
    • アニメーションをつける【その1】05:48
    • アニメーションをつける【その2】03:09
  • PHPで簡易的な掲示板を作ってみよう【コーディングあり】(14本)
    • 環境構築をしよう02:47
    • HTMLの大枠を作成しよう04:32
    • チャット部分のコーディング05:31
    • inputエリアのコーディング08:34
    • POSTの確認03:52
    • jsonを出力08:50
    • jsonの出力を再度確認しよう07:31
    • XSS対策04:43
    • バリテーションを実装しよう06:42
    • バリデーションを完成させよう02:28
    • 入力保持を行う05:15
    • 削除機能の追加04:03
    • 削除機能に多重防止を付与しよう03:50
    • おさらい03;40

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

購入から学習までの流れ

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