これ1冊でゼロから学べる Webプログラミング超入門 HTML,CSS,JavaScript,PHPをまるごとマスター 読んでみた。

[記事公開日]2017/04/12

[最終更新日]2021/10/21

これ1冊でゼロから学べる Webプログラミング超入門
HTML,CSS,JavaScript,PHPをまるごとマスター読んでみました。

この本は、HTML、CSS、javascript、PHPの4つの言語が、1冊で学べる入門書です。
この1冊でWebプログラミングが一通り学べるの?。

本では、4つの言語をマスターする必要なんてない。
必要な程度に覚えることが出来ればプログラムは作れるんです。
この1冊で、必要最低限のことが身につきます。と解説してます。

HTMLとCSSは、プログラミング言語ではないですが、
JavaScriptとPHPが学びたくて、かなり前に勝ってみましたが、この本を読んでみました。

説明では、いろいろ詰め込んだ感じですが、
Webの開発の基本はChapter1からChapter3までをすればいいです。

Chapter4とChapter5は応用編。と説明されてます。

サンプルの素材は、ダウンロード出来ますが、
Chapter1のHTML編とかは、学習で使う画像とかないので、
自分で画像とか用意しないといけないので、人によっては、手間が、かかるかもな感じです。

これ1冊でゼロから学べる Webプログラミング超入門 ーHTML,CSS,JavaScript,PHPをまるごとマスター 単行本(ソフトカバー) – 2016/7/29
掌田 津耶乃 (著)
プログラミング初心者に向けた、Webプログラミングの入門書です。
「HTML+スタイルシート」「JavaScript」「PHPによるサーバ開発」
「Webを使ったスマホアプリ」などを、猛スピードで全部学びましょう!

これ1冊でゼロから学べる Webプログラミング超入門 ーHTML,CSS,JavaScript,PHPをまるごとマスター 単行本(ソフトカバー) – 2016/7/29
掌田 津耶乃 (著)

目次
これ1冊でゼロから学べる Webプログラミング超入門 HTML,CSS,JavaScript,PHPをまるごとマスター 読んでみた。
Chapter 1 基本のHTML&CSSを使おう
Chapter 2 JavaScriptの基本を覚えよう
Chapter 3 Webを操作しよう
Chapter 4 グラフィックを操作しよう
Chapter 5 サーバープログラムを作ろう
Chapter 6 本格アプリに挑戦しよう
Chapter 7 スマホアプリに挑戦!

 


 

作りながら学ぶWebプログラミング実践入門 ~一冊で理解するHTML、CSS、JavaScript、Node.js~ 単行本(ソフトカバー) – 2020/1/28
掌田津耶乃 (著)
本書は、そんな、Web制作、Webアプリケーションをこれから始めたい人を対象にした書籍です。

作りながら学ぶWebプログラミング実践入門 ~一冊で理解するHTML、CSS、JavaScript、Node.js~ 単行本(ソフトカバー) – 2020/1/28
掌田津耶乃 (著)

 


 

いちばんやさしいPHPの教本 第3版 PHP 8対応 人気講師が教える実践Webプログラミング (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2021/11/22
柏岡秀男 (著), 池田友子 (著), 有限会社アリウープ (著)
「はじめてでも挫折しない」PHPの入門書です。

いちばんやさしいPHPの教本 第3版 PHP 8対応 人気講師が教える実践Webプログラミング (「いちばんやさしい教本」シリーズ) 単行本(ソフトカバー) – 2021/11/22
柏岡秀男 (著), 池田友子 (著), 有限会社アリウープ (著)

 


 

インフラエンジニアの教科書 単行本(ソフトカバー) – 2013/10/26
佐野 裕 (著)

 


 
動かして学ぶ! Pythonサーバレスアプリ開発入門 単行本(ソフトカバー) – 2021/6/14
本田 崇智 (著)
PythonとAWSで
サーバレスアプリケーションを開発しよう!

動かして学ぶ! Pythonサーバレスアプリ開発入門 単行本(ソフトカバー) – 2021/6/14
本田 崇智 (著)

 


 

Pythonではじめるデスクトップアプリ開発入門 オンデマンド (ペーパーバック) – 2021/3/17
久我 涼子 (著)

 


 

やさしいPHP入門 単行本 – 2021/5/1
日向 俊二 (著)

やさしいPHP入門 単行本 – 2021/5/1
日向 俊二 (著)

 


 

初めてのSQL 第3版 単行本(ソフトカバー) – 2021/7/6
Alan Beaulieu (著), 株式会社クイープ (翻訳)
SQLの基本をじっくり学ぶ!

 


 

基本がわかるSQL入門 ——データベース&設計の基礎から楽しく学ぶ 単行本(ソフトカバー) – 2020/10/8
西村 めぐみ (著)
「基本がわかる」をテーマに、SQL&データベースの基礎から、やさしくスタート!

基本がわかるSQL入門 ——データベース&設計の基礎から楽しく学ぶ 単行本(ソフトカバー) – 2020/10/8
西村 めぐみ (著)

 


 

わかばちゃんと学ぶ サーバー監視 単行本(ソフトカバー) – 2020/12/22
湊川あい (著), 粕谷 大輔 (監修)
初心者を対象にサーバー監視について、マンガ・図解を交え、わかりやすく解説しています。

わかばちゃんと学ぶ サーバー監視 単行本(ソフトカバー) – 2020/12/22
湊川あい (著), 粕谷 大輔 (監修)

 


 

Googleデータポータルによるレポート作成の教科書 単行本(ソフトカバー) – 2021/4/22
安田 渉 (著), 石本 憲貴 (著), 稲葉 修久 (著), 沖本 一生 (著)

Googleデータポータルによるレポート作成の教科書 単行本(ソフトカバー) – 2021/4/22
安田 渉 (著), 石本 憲貴 (著), 稲葉 修久 (著), 沖本 一生 (著)

 


 

初心者からちゃんとしたプロになる PHP基礎入門〈PHP8対応〉 (日本語) 単行本(ソフトカバー) – 2021/3/2
柏岡 秀男 (著)
PHPとデータベースを利用したWebアプリケーションの基礎をきっちり学べる!

これからPHPを習得したいという方のために、PHPとWebアプリケーションの作り方の基本を解説した入門書です。

初心者からちゃんとしたプロになる PHP基礎入門〈PHP8対応〉 (日本語) 単行本(ソフトカバー) – 2021/3/2
柏岡 秀男 (著)

 


 

ゼロからわかるAmazon Web Services超入門 はじめてのクラウド (かんたんIT基礎講座) 単行本(ソフトカバー) – 2019/6/26

 


 

いちばんやさしいJavaScriptの教本 第2版 ECMAScript 2017(ES8)対応 人気講師が教えるWebプログラミング入門 単行本(ソフトカバー) – 2019/3/22

 


 

12歳からはじめるJavaScriptとウェブアプリ 単行本(ソフトカバー) – 2017/11/24
TENTO (著)

日本ではじめての子どものためのIT/ プログラミングスクール「TENTO」 が、実際に小学生・中学生に「楽しいウェブページつくりかた」を伝えてきた経験を元に、Javascriptを学ぶ際、どこでつまずき、どこが分かりにくいのかというポイントを分析し、どのように学べば楽しく確実に覚えられるのというノウハウをまとめた、『世界でいちばんわかりやすいウェブプログラミング書」です。

 


 

JavaScript 1年生 体験してわかる!会話でまなべる!プログラミングのしくみ 単行本(ソフトカバー) – 2017/12/5
リブロワークス (著)

 


 

マンガと図解でスッキリわかる プログラミングのしくみ 単行本(ソフトカバー) – 2018/2/19

 


 

動作させながらゼロから学べるJavaScript Kindle版
2017/12/26

 


 

マンガでわかる!プログラミング入門 Kindle版
2017/12/30

 


 

価格:¥ 1,480(価格変動あり)

actto BST-02 ブックスタンド(OEM品番:EDH-004)

ブックスタンド

本を見ながらの作業する時に、
本を見開きで、コーディング、プログラミングなどする時に便利。
ブックスタンド。

iPadなども置けます。

PC関連用品の海外メーカー「actto corp.」のオリジナル製品ですが、日本では「ELECOM EDH-004 ブックスタンド」で流通。

 


 

TechAcademy
未経験からプロを育てるオンラインブートキャンプ

最短4週間で未経験からプロを育てるオンライン完結のスクールです。
どこかに通う必要なく、自宅でもプログラミングやアプリ開発を学ぶことができます。

【現在提供中のコース】
・Webアプリケーションコース(Ruby on Rails)
・PHP/Laravelコース
・フロントエンドコース
・WordPressコース
・iPhoneアプリコース
・Androidアプリコース
・Unityコース
・はじめてのプログラミングコース
・Webデザインコース
・UI/UXデザインコース
・Webディレクションコース
・Webマーケティングコース

 


 

CodeCamp
現役エンジニアによるオンラインプログラミングスクール
NHKや日経など各種メディアに取り上げられてます。
書籍なども出版、Amazonのプログラミング学習カテゴリでランクイン。

無料の体験レッスンは7:00~23:40の間で自由な時間で受講可能。

・フリーランスや独立をめざしている
・自身でwebサービスを制作したい
・エンジニアとのコミュニケーションを円滑にしたい
・スキルアップしたい
・副業で使いたい。などに

CodeCampは、オンラインでいつでもどこでも自分のペースでプログラミングを学ぶことができるサービスです。

場所や時間にとらわれることなく学習できるため、忙しい社会人でも自宅や勤務先から受講することができます。

 


 

こどもプログラミング教室 Kindle版

今年こそは。いま、はじめてのプログラミング!
プログラミングをやってみたいけれど、どんなことからはじめたらいいのかわからない。
そんなことはありませんか?

パソコンにはいっているエディタとブラウザがあれば、プログラミングははじめられます。
プログラミング言語はJavaScriptだから、いろいろ応用できる!

こどもも、おとなも、Let’s プログラミング!

よくわかるJavaScript Kindle版

プログラミングを始める前に Kindle版

子供に「プログラミングをやりたい!」と言われたら読む本 1「学校の勉強は将来役に立つ?」: ~ずっと活かせる学習習慣と学習内容~ (team-aries) Kindle版

子供に「プログラミングをやりたい!」と言われたら読む本 2「問題解決能力を磨く考え方」: ~将来役立つ普遍的な力を身につけるには~ (team-aries) Kindle版

小学生のための スター・ウォーズで学ぶ はじめてのプログラミング 単行本 – 2019/9/19

 


 

パソコンがなくてもわかるはじめてのプログラミング(全3巻セット) 単行本 – 2017/3/1

 


 

プログラミングの世界へようこそ 単行本(ソフトカバー) – 2016/1/28

 


 

なるほど! プログラミング 動かしながら学ぶ、コンピュータの仕組みとプログラミングの基本 単行本 – 2017/5/24

プログラミングの「なぜ」に答えます。
コンピュータのしくみなどがよくわかっていない、
プログラミング初心者を対象とした本です。
そもそも「なぜプログラムが必要か」から「なぜこのような処理が必要なのか」「なぜ○○があるのか」といったように、プログラマーなら当たり前に知っているレベルの内容から「なぜ」に答える形でプログラミングの解説を進める本です。

この本を読み終えることで、プログラミングの基礎的な概念がわかり、自分の頭で考えてプログラムを作れるようになれます。

 


 

エンジニアのための理論でわかるデザイン入門 (Think IT Books) 単行本(ソフトカバー) – 2017/9/15

本書は、インプレスの“オープンソース技術の実践活用メディア”Think ITの連載記事「ITエンジニアのためのデザイン入門」の内容をまとめ、加筆して書籍化したものです。

 


 

たった1日で基本が身に付く! HTML&CSS 超入門 大型本 – 2017/6/15
WINGSプロジェクト (著),‎ 宮本 麻矢 (著),‎ 山田 祥寛 (監修)

たった1日で基本が身に付く! HTML&CSS 超入門 大型本 – 2017/6/15

Bootstrap 4 フロントエンド開発の教科書 単行本(ソフトカバー) – 2018/8/25

 


 

プログラミングスクール
Tech Boost
3ヶ月でエンジニアになれます。

 


 

3ヶ月10万円で受講可能な転職特化型Ruby実践研修
ポテパンキャンプ

「1500名以上のエンジニアキャリア支援実績のあるポテパンが運営」
運営しているポテパンはITキャリア専門の転職支援企業です。経験の少ない方の支援実績も多く、そのノウハウを駆使し、まずは初級PGとして仕事を取れるようになるプログラムをご用意しました。一人一人丁寧にカウンセリングを行い転職を成功させます。

 


 

日本最大級のまなびのマーケット
ストアカ

ストアカは、教えたい人と学びたい人をリアルにつなぐ、CtoCのまなびのマーケット。
ビジネス・ITスキルから趣味の習い事まで、170以上のジャンルで気軽に参加出来る講座を11,400件以上掲載。登録講師数9,000人を突破。 現在も利用ユーザーが増加しております。

 


 

DELL

フレームレスパソコン
ビジネスに適したWindows 10 Pro
XPS 13


デル株式会社


デル株式会社

 


 

ShareWis(シェアウィズ)

90秒の短い無料動画で学べるアプリShareWis(シェアウィズ)。
ShareWis(シェアウィズ)は、90秒の短い動画でサクッと学べるオンライン学習プラットフォームです。無料の90秒動画のスナックコースと有料のプロコースの2種類のコースで学ぶことができます。



ShareWis(シェアウィズ)

カテゴリ: 教育
価格: 無料(価格変動あり)

APP STORE

 


 

録画の動画や生放送で、楽しく学べる
Schoo(スクー)も有名です。
Schoo(スクー)は、生放送の授業は無料で見れます。
有料の会員になると録画動画で、過去の授業なども楽しく学べます。

Web系の授業の他にも、いろんな業種の様々な授業もあります。

Schoo – 動画学習アプリ



Schoo – 動画学習アプリ

カテゴリ: 教育
価格: 無料(価格変動あり)

APP STORE

 


 

Schoo – 参加型生放送のオンライン動画学習アプリ

Schoo - 参加型生放送のオンライン動画学習アプリ

Schoo – 参加型生放送のオンライン動画学習アプリ
開発元:Schoo
無料

 


 

WebCampPRO
無料体験会実施中
転職を本気で考えている方向けのプログラミングスクール!
転職を保証しているため、未経験からIT業界へ転職を求めている方へおすすめです。
受講完了後、3ヶ月以内に転職・就職できない場合は ”全額返金” しています!

 


 

WebCamp
無料体験会実施中
Webスキルを習得!大人気テックスクール
短期で学びたい方のための講座です。
1ヶ月で集中して一気に学ぶことができます。
プログラミングやデザイン未経験者でも安心のサポート体制をご用意しています。

 


 
Udemy(ユーデミー)
世界最大級のオンライン学習プラットフォームである「Udemy(ユーデミー)」
米国シリコンバレー発祥、世界最大級のオンライン学習
プログラミングからヨガ、写真に至るまで、あらゆるコースがあります。

Udemyでは、自分に合ったコースなど、検索で探せるので、おすすめです。
サンプルで動画も見れます。

 


 

プログラミングの基本がJavaScriptで学べる本 (NextPublishing) オンデマンド (ペーパーバック) – 2017/7/28

憧れのプログラミングが必ずわかる。教材にもおすすめ。
本書は、解説の事例の言語としてJavaScriptを使用しているものの、特定のプログラミング言語をマスターするための解説書ではありません。「何らかのプログラミング言語を学ぶ前に知っておきたい知識を提供」しています。

 


 

ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング[改訂版] (Future Coders(NextPublishing)) オンデマンド (ペーパーバック) – 2017/4/21

若い人向けに、楽しく学ぶことができるようにゲームを中心にしたサンプルを豊富に取り上げます。また、習得した知識を確認するための演習も満載。プログラミング上達の早道はなによりコードを読み、コードを書いてみることという筆者の経験から、リストを読み、実際に書いてもらうことを目指します。

ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング[改訂版] (Future Coders(NextPublishing)) Kindle版

 


 

パソコンがなくてもわかる はじめてのプログラミング〈1〉プログラミングって何だろう? 大型本 – 2017/3/1

プログラミングって何だろう?

 


 

パソコンがなくてもわかる はじめてのプログラミング〈2〉ゲームを作ってみよう! 大型本 – 2017/4/1

ゲームを作ってみよう!

 


 

パソコンがなくてもわかる はじめてのプログラミング〈3〉コンピューターを動かす魔法の言葉 大型本 – 2017/4/1

コンピューターを動かす魔法の言葉

 


 

TECHNICAL MASTER はじめてのPHPプロフェッショナル開発 PHP7対応 単行本 – 2019/2/26

内容紹介
PHP開発者になるために知っておきたい
必須知識がこの1冊でしっかり学べます。

 


 

いちばんやさしい PHP の教本 第2版 人気講師が教える実践 Web プログラミング (「いちばんやさしい教本」)

 


 

作りながら学ぶWebプログラミング実践入門 ~一冊で理解するHTML、CSS、JavaScript、Node.js~ 単行本(ソフトカバー) – 2020/1/28
掌田津耶乃 (著)
本書は、そんな、Web制作、Webアプリケーションをこれから始めたい人を対象にした書籍です。

作りながら学ぶWebプログラミング実践入門 ~一冊で理解するHTML、CSS、JavaScript、Node.js~ 単行本(ソフトカバー) – 2020/1/28
掌田津耶乃 (著)

 


 
これ1冊でゼロから学べる Webプログラミング超入門 ーHTML,CSS,JavaScript,PHPをまるごとマスター 単行本(ソフトカバー) – 2016/7/29
掌田 津耶乃 (著)
プログラミング初心者に向けた、Webプログラミングの入門書です。
「HTML+スタイルシート」「JavaScript」「PHPによるサーバ開発」
「Webを使ったスマホアプリ」などを、猛スピードで全部学びましょう!

これ1冊でゼロから学べる Webプログラミング超入門 ーHTML,CSS,JavaScript,PHPをまるごとマスター 単行本(ソフトカバー) – 2016/7/29
掌田 津耶乃 (著)

これ1冊でゼロから学べる Webプログラミング超入門 HTML,CSS,JavaScript,PHPをまるごとマスター 読んでみた。

これ1冊でゼロから学べる Webプログラミング超入門 ーHTML,CSS,JavaScript,PHPをまるごとマスター 単行本(ソフトカバー) – 2016/7/29
掌田 津耶乃 (著)
プログラミング初心者に向けた、Webプログラミングの入門書です。
「HTML+スタイルシート」「JavaScript」「PHPによるサーバ開発」
「Webを使ったスマホアプリ」などを、猛スピードで全部学びましょう!

目次
Chapter 1 基本のHTML&CSSを使おう
Chapter 2 JavaScriptの基本を覚えよう
Chapter 3 Webを操作しよう
Chapter 4 グラフィックを操作しよう
Chapter 5 サーバープログラムを作ろう
Chapter 6 本格アプリに挑戦しよう
Chapter 7 スマホアプリに挑戦!

目次は、このように、Chapterでわかれてます。
Chapter 1 基本のHTML&CSSを使おう
1-1 Webの開発って、なに?
1-2 HTMLを使おう
1-3 スタイルシートでデザインしよう
1-4 さまざまなスタイルを利用しよう


mokuji1


mokuji2


mokuji3


mokuji4

 


 

Chapter 2 JavaScriptの基本を覚えよう
2-1 値と変数をマスターしよう
2-2 構文を覚えよう
2-3 関数とオブジェクト

Chapter 3 Webを操作しよう
3-1 DOMを操作しよう
3-2 DOMオブジェクトを操作しよう

Chapter 4 グラフィックを操作しよう
4-1 Canvasを使おう
4-2 グラフィックを動かそう


mokuji5


mokuji6


mokuji7


mokuji8

 


 
Chapter 5 サーバープログラムを作ろう
5-1 PHPを使えるようになろう
5-2 Webのさまざまな機能を使おう

Chapter 6 本格アプリに挑戦しよう

6-1 アイテム収集ゲーム「Collect It!」
6-2 2D 擬似アドベンチャーゲーム「Adventurer」


mokuji9


mokuji10


mokuji11


mokuji12

 


 
Chapter 7 スマホアプリに挑戦!
7-1 Monacaを使いこなそう
7-2 Monaca プレビューとデバッグ

mokuji13

mokuji14

 


 

これ1冊でゼロから学べる Webプログラミング超入門 ーHTML,CSS,JavaScript,PHPをまるごとマスター 単行本(ソフトカバー) – 2016/7/29
掌田 津耶乃 (著)
プログラミング初心者に向けた、Webプログラミングの入門書です。
「HTML+スタイルシート」「JavaScript」「PHPによるサーバ開発」
「Webを使ったスマホアプリ」などを、猛スピードで全部学びましょう!

これ1冊でゼロから学べる Webプログラミング超入門 ーHTML,CSS,JavaScript,PHPをまるごとマスター 単行本(ソフトカバー) – 2016/7/29
掌田 津耶乃 (著)

Chapter 1 基本のHTML&CSSを使おう

Webの開発の基本はHTMLとスタイルシートです。
まずは、この基本となるHTMLを使ってWebページの作り方を覚えましょう。
そして、スタイルシートでページをデザインできるようになりましょう。


chapter1

1-1 Webの開発って、なに?
Webはインターネットのサービスの1つ
WebはWebサーバーで公開する
それぞれのサーバーには、ドメインと呼ばれるものが割り当てられています。


chapter1-1


chapter1-1-1

サーバープログラムがすべて。

Webサイトはファイルの寄せ集め

Web開発に必要なものは?

HTMLとスタイルシート。
JavaScriptとは。

サーバー開発言語

Webサーバーは必要?

プログラミングはテキストエディタでOK。
この本では、テキストエディタの解説とかは、あまり説明してないです。

節のまとめ
学習の流れを整理しょう。
 


 

1-2 HTMLを使おう。

HTMLってなんだろう?
HTMLを書いてみよう。
HTMLの基本形。


chapter1-2

 

この<○○>というのが「タグ」です。
タグの解説などしてます。

3つの基本タグなど
<html>タグ
<head>タグ
<body>タグ
 


 

hello.htmlを書いてみる。
テキストエディタにタグを書いてみる。

文字コードUTF-8にして、ファイル名をhello.htmlで保存。

リスト1-1

<html>
<head>
	<title>Hello!</title>
</head>
<body>
	<h1>Hello</h1>
	<p>Welcome to HTML World!</p>
</body>
</html>

 


 
保存した
hello.html(リスト1-1)ファイルを
Webブラウザで表示しよう

<h1>タグについて
<p>タグについて
<title>タグについて

解説してます。

タグを書く際の注意点。
タグの構成に注意する。

必ず半角英数字で書くなど、ほか
 


 

HTML5で書こう。


html5

リスト1-5

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>Hello!</title>
</head>
<body>
	<h1>Hello!</h1>
	<p>HTML5の書き方です。</p>
</body>
</html>

ドキュメントタイプ
言語の指定
エンコード方式の指定

属性についての説明。

<img>タグで画像を表示する
<a>タグによるリンクの説明など

リンクを使おうでは、リンクの説明。

他に、
テーブルで表を作ろう
テーブルの基本形
テーブルを作ってみる

節のまとめでは、
後は、使いながら覚えよう。と解説されてます。

HTMLの基本は、これで、終わり。えっ?たたこれだけ?と思うかもしれません。

もちろん、たたこれだけで、HTMLの全てがわかる、わけではありません。
まだ、まだ、他にも、タグが用意されています。

と解説されてます。


matome

 


 
1-3 スタイルシートでデザインしよう


chapter1-3

スタイルシートはデザインのためのツール

色のスタイルを使おう

style属性について

colorスタイルについて

背景の色を設定しよう

<style>タグでスタイルを書く

CSSファイルを使った設定方法など説明。

IDでスタイルを設定する

クラスを使ったスタイル設定

複数のタグを、まとめるには?

テキストの一部だけ変更するには?

ブロック要素と、インライン要素とは?

 


 

1-4 さまざまなスタイルを利用しよう

フォントのスタイルを使う

フォント名、
フォントサイズ
ボールドの表示
余白を調整しよう

要素の位置と大きさについて

など説明。

position属性の働き

表示位置を移動させる

absoluteで自由に配置


matome

ここまでが、HTMLとCSSでの解説です。

Chapter 2から、プログラミングの解説になります。

 


 

Chapter 2 JavaScriptの基本を覚えよう

JavaScriptはWebの標準言語と言ってもいい重要なプログラミング言語です。
ここで、その基本的な書き方と、プログラミング特有の考え方について、しっかり身につけておきましょう。


chapter2


chapter2-1

2-1 値と変数をマスターしよう
JavaScriptってなに?

JavaScriptはプログラミング言語の1つです。
JavaScriptは、Javaではありません。

JavaScriptの書き方

<script>タグについて

JavaScriptも別ファイルにできる。

値とリテラル
値の書き方

プログラミング言語と言うのは基本的に
さまざまな値を処理するもの。
数字やテキストなど値には、さまざまな種類があります。

数値
テキスト
真偽値
オブジェクト

変数について

変数の宣言

変数への代入
宣言と代入

変数の利用

リスト2-2

<body>
	<h1>Hello!</h1>
	<script>
	var x = 12345;
	document.write(x);
	document.write("<br>");
	x = "Hello";
	document.write(x);
	</script>
</body>

計算と演算記号
計算した結果を保管する

 


 

2-2 構文を覚えよう

ifとswitchを使って処理の分岐ができるようになろう

繰り返し構文のwhileとforの働きの違いをよく理解しよう

配列の考え方と、そのためのforの使い方を覚えよう

条件って、なに?
条件演算子

便利に計算する演算子
代入演算子
インクリメント演算子とデクリメント演算子

複雑な繰り返しfor

配列の書き方
 


 

2-3 関数とオブジェクト
関数ってなんだろう
関数の書き方
関数を使ってみよう
変数のスコープ
ローカル関数
グローバル関数
スコープは大切、でも難しい
関数は値?

分岐を作る switch
など、いろいろ解説してます。

ジャンケンをするプログラムも簡単に解説。

 


 

Chapter 3 Webを操作しよう

JavaScriptが威力を発揮するのは
Webページに表示されている、さまざまな要素をスクリプトで操作できるようになってからです。
ただ静止したページでなく、動きのあるページを作れるようになります。


chapter3


chapter3-1

3-1 DOMを操作しよう

3-2 DOMオブジェクトを操作しよう
など
 


 

Chapter 4 グラフィックを操作しよう

ゲームなどのエンターテイメント系プログラムを作るには
グラフィックが重要になります。

ここでは、HTMLに用意されてるCanvasというものを使って
グラフィックを利用する方法について説明していきましょう。

4-1 Canvasを使おう
4-2 グラフィックを動かそう


chapter4


chapter4-1

 


 

Chapter 5 サーバープログラムを作ろう

本格的なWebアプリケーションを作るには、サーバー側のプログラム作成が不可欠です。
ビギナーでも簡単に使える。
PHPというサーバープログラミング言語を覚えて簡単なサーバープログラミングを行ってみる

5-1 PHPを使えるようになろう

PHPって、どんなもの?
PHPが選ばれる理由

サーバープログラムは必要?

XAMPPを導入しよう
Windows版での解説です。

PHPタグについて


chapter5


chapter5-1

 


 
5-2 Webのさまざまな機能を使おう

クエリーパラメータを使おう
クエリーパラメータって?

Ajaxの基本処理など。
 


 

Chapter 6 本格アプリに挑戦しよう

Webブラウザとサーバーそれぞれで、プログラムが作れるようになったら、もう本格的なWebアプリケーションが作れるはずです。

ここでは、リアルタイムゲームと2Dアドベンチャーゲームを作成してゲーム作りのノウハウを身につけていくことにしましょう。

6-1 アイテム収集ゲーム「Collect It!」
タイマーを使ったリアルタイムゲームの仕組みを知ろう
ゲームやキャラクタ、アイテムをオブジェクトで管理する方法を学ぼう乱数の使い方を覚えましょう。

ゲームのプログラム構成を考えよう

イメージを用意しよう


chapter6


chapter6-1

 


 

6-2 2D 擬似アドベンチャーゲーム「Adventurer」
アドベンチャーゲームにはグラフィックシーンごとに表示していくものや、2次元マップを表示してキャラクタが移動していくものや、3次元で世界を探検していくものなどあります。

ゲームの構成を整理しよう
イメージの用意
 


 

Chapter 7 スマホアプリに挑戦!

今や、アプリと言えば、なんといってもスマートフォンです。
さすがに、スマホアプリの開発は無理、、、なんて思っている人。

実は、Webアプリが作れるなら、それを、そのまま、スマホアプリにできること知っていましたか?
この章では、その方法について説明。

スマホアプリには種類がある。
ネイティブアプリ
Webベースアプリ
その他の言語で開発したアプリ


chapter7

 


 

7-1 Monacaを使いこなそう
MonacaはWebベースの開発ツールです。

Monacaは、無料と有料のプランがありますが、
その、説明とかは、されてないです。

本では、Monacaのアカウントの作成の手順など、他、説明されています。

自分は無料で利用できると、思ってしまいました。

Monaca
無料(ベーシック)

月額980円(パーソナル)

他のプランなどあります。


chapter7-1

7-2 Monaca プレビューとデバッグ
 


 

この1冊だけで、4つの言語を学ぶには、ゼロからだと難しい部分もあるかもです。

個人、個人で読んでみて、感想は違うかもしれませんが。

HTMLやCSSの他に、
プログラミングのJavaScript、PHPとかもマスターは難しいかもです。

ゲームとかの部分は、少し楽しいかも知れないですが。
プログラミングは楽しいと感じないと、続かないと思います。

自分はプログラマーとかは目指してないですが、Webプログラマーを目指す人は、読んでみても、いいかも?です。

 


 

これ1冊でゼロから学べる Webプログラミング超入門 ーHTML,CSS,JavaScript,PHPをまるごとマスター 単行本(ソフトカバー) – 2016/7/29
掌田 津耶乃 (著)
プログラミング初心者に向けた、Webプログラミングの入門書です。
「HTML+スタイルシート」「JavaScript」「PHPによるサーバ開発」
「Webを使ったスマホアプリ」などを、猛スピードで全部学びましょう!

これ1冊でゼロから学べる Webプログラミング超入門 ーHTML,CSS,JavaScript,PHPをまるごとマスター 単行本(ソフトカバー) – 2016/7/29
掌田 津耶乃 (著)

LINEで送る
Pocket

おすすめ