【初心者向け】つまずかないWEB制作/開発(HTML/CSS, JavaScript, PHP)

簡単な講義と豊富なコーディング体験を通して、初心者の方がWeb制作の概要を理解することのできるコースです。HTML/CSS、JavaScript、PHPを学習し、本格的な学習の前の土台作りなどに利用いただけます。

4.86 (7 reviews)
Udemy
platform
日本語
language
Web Development
category
【初心者向け】つまずかないWEB制作/開発(HTML/CSS, JavaScript, PHP)
41
students
6.5 hours
content
May 2022
last update
$84.99
regular price

What you will learn

ブラウザでHPを表示する仕組みを理解できる

HTMLのタグやCSSの記述などの基本知識を理解できる

プログラミングの基本文法を理解できる

HPに簡単な動きをつけることができる

Description

このコースでは、Webの仕組みを学び、HTML/CSS、JavaScript、PHPの基礎知識を習得していきます。内容が理解できるよう、講義の後に実際にコーディングして試してみることにより知識を定着させます。

以下の3つのミニコースからなります。


絶対につまずかないHTML/CSS」:HTML/CSSの基礎知識を学び、HPの制作を体験します。

絶対につまずかないJavaScriptプログラミング」:簡単なプログラミング知識を元におみくじ機能を作り、フロントエンドの開発を体験します。

絶対につまずかないPHPプログラミング」:簡単なプログラミング知識を元にお問い合わせ機能を作り、バックエンドの開発を体験します。

初心者の方の最初の学習ステップにご利用ください。


※本コースでは受講者のPCに開発環境を用意して受講します。環境がご用意できない場合は、ハンズオンの動画をデモンストレーションとして視聴することも可能です。

Content

「絶対につまずかないHTML/CSS」オープニング

コース紹介
受講準備

第1章 HTML

HTMLとは
ハンズオン1:タグを使ってみましょう
リンクと画像
ハンズオン2:リンクと画像を表示しましょう
リスト・テーブル・レイアウト
ハンズオン3:リストを作成してみましょう
ハンズオン4:テーブルを作成してみましょう
1章まとめ

第2章 CSS

CSSとは
ハンズオン5:スタイルシート
idとclassの指定
ハンズオン6:idとclassの活用
余白の調整
ハンズオン7:余白を調整しましょう
2章まとめ

第3章 レイアウト

WEBページのレイアウト
ナビゲーションメニュー
ハンズオン8:ナビゲーションメニューを作りましょう
(補足)フォーム作成
まとめ
3章まとめ

「絶対につまずかないJavaScriptプログラミング」オープニング

コース紹介
受講準備

第1章 運勢を表示する簡易アプリを作りましょう

JavaScriptとは
ハンズオン:JavaScriptファイルの作成
変数と型
ハンズオン:変数と型
if文
ハンズオン:if文
for文
ハンズオン:for文
乱数
ハンズオン:乱数
1章まとめ

第2章 クリックイベントを作りましょう

配列
ハンズオン:配列
alert / confirm
ハンズオン:配列:alert/confirm
関数
クリックイベント
ハンズオン:関数とクリックイベント
2章まとめ

第3章 DOM操作

jQueryの使い方
ハンズオン:jQueryの使い方
jQueryのいろいろな使い方
ハンズオン:jQueryを用いたアニメーション
まとめ
3章まとめ

「絶対につまずかないPHPプログラミング」オープニング

はじめに/環境構築(XAMMPインストール)

第1章 WEBの仕組みを学びましょう

WEBアプリケーションの仕組み
型とは
ハンズオン:型とは
GETとPOST
ハンズオン:感想投稿フォーム➀
1章まとめ

第2章 制御構文を使ってサービスをブラッシュアップさせましょう

if文とは
ハンズオン:バリデーション機能を作りましょう
配列とは
ハンズオン:配列とは
ハンズオン;バリデーション機能応用
2章まとめ

第3章 感想投稿フォームに機能を追加しましょう

hiddenタグとは
リクエストメソッドによる分岐処理を作りましょう
データベースにデータを登録しましょう
感想投稿フォームの完成系を確認しましょう
3章まとめ

Reviews

大橋美幸
May 2, 2022
動画は2つのパートに分かれています。一つは先輩後輩(ナレーター)による会話形式でスライドを元に知識を確認するパート。もう一つは講師と一緒にハンズオンで実際に記述して動かすパート。これが非常に理解しやすいです。

Charts

Price

【初心者向け】つまずかないWEB制作/開発(HTML/CSS, JavaScript, PHP) - Price chart

Rating

【初心者向け】つまずかないWEB制作/開発(HTML/CSS, JavaScript, PHP) - Ratings chart

Enrollment distribution

【初心者向け】つまずかないWEB制作/開発(HTML/CSS, JavaScript, PHP) - Distribution chart
4650646
udemy ID
4/20/2022
course created date
4/29/2022
course indexed date
Bot
course submited by