サイトアイコン Tíːsign

Udemy Web開発入門完全攻略コース 受講してみた。

Udemy

Udemy



多彩な講座から自分に合った講座を探そう!





 


 

女性のためのWebデザイナースクール
Famm女性向けWebデザイン講座
受講料無料キャンペーン
無料電話説明会

 


 



Udemy
Udemyを知っている方、知らない方、多いと思います。

インターネット(スマートフォン)などの動画配信で、オンデマンドビデオで受講することができます。

自分がUdemyを、知ったきっかけは、音楽などをインターネットで検索してて、知りました。

知った当時は、英語での動画配信が多かった感じ
いいなと思った動画なども英語だった。
(受講する内容によって異なります。)
でも、英語だったので、何を、言ってるかわからなかった。

Progateやドットインストールなどは無料で学べるので、
おすすめ、ですが、使い勝手が悪いです。
Udemyがオススメ

UdemyはiPhoneアプリあり、
購入した動画はダウンロードすれば、iPhoneでいつでも見れ返金制度もあり。

講師が質問を返してくれるので、
Webスクールに通うより便利です。

Udemy
米国シリコンバレー発祥、世界最大級のオンライン学習プラットフォーム





Udemy
実績のある講師陣が教える4万以上の種類の講座を、オンデマンドで、
いつでもどのデバイスからでも自分のペースで学ぶことができます。
サンプルで動画も見れます

ビジネススキル/ITとソフトウェア/IT資格
デザイン/Webデザイン/グラフィックデザイン
デザインツール/UX
音楽/作曲/音楽制作/音楽理論
ボイストレーニング/演奏テクニック/音楽ソフトの使い方
マーケティングなど

Udemy Web開発入門完全攻略コース 受講してみた。

 


 
Next.js+ヘッドレスCMSではじめる! かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた 単行本(ソフトカバー) – 2024/7/8
柴田 和祈 (著), 森茂 洋 (著), 野崎 洋平 (著), 千葉 大輔 (著)

フレームワーク初心者でも迷わない!
Web制作者のレベルを一段高める、
WordPressに並ぶ新しい選択肢を身につけよう!

 


 

今日から無料でオンラインサロンを開設できるyoor(ユア)

 


 
作りながら学ぶ Webシステムの教科書 単行本(ソフトカバー) – 2023/9/15
鶴長 鎮一 (著)

Webシステムの構築・運用にかかわる技術や知識を、実際にLinuxサーバーを動かしながら学べるように解説しました!

 


 
初心者からちゃんとしたプロになる Webデザイン基礎入門 改訂2版 単行本(ソフトカバー) – 2023/9/22
栗谷幸助 (著), 相原典佳 (著), 藤本勝己 (著), 村上 圭 (著), 吉本孝一 (著)

 


 

Udemy
HTML、CSSの基礎を1から学びカフェのWebサイトの制作やフォトギャラリーの制作。
Ruby on Railsを使ったタスク管理アプリ開発、
JavaScript、MySQL、GitなどWeb開発に必須なスキルなどを学ぶ事ができます。

Ruby on Rails7/MySQL/Bootstrap/AWS Cloud9/Git/GitHub等ウェブ開発に必要な様々なスキルを沢山学ぼう!カフェのウェブサイト、フォトギャラリー、ポートフォリオサイト、タスク管理アプリ等に挑戦!

Udemy / ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!

セクション1、コース外部
セクション2、フロントエンド開概要
セクション3、HTML入門
セクション4、HTMLステップアップ編
セクション5、CSS入門
セクション6、CSSステップアップ編
セクション7、Webサイトのコーディング、カフェのサイト
セクション8、Bootstrap 4入門
セクション9、JavaScript入門
セクション10、JavaScriptDOM操作
セクション11、JavaScriptイベントとイベントハンドラ
セクション12、AWS Cloud9による開発環境構築
セクション13、Ruby入門
セクション14、MySQL入門
セクション15、Ruby on Rails 5入門
セクション16、Git/Github入門
セクション17、旧レクチャーなど他。

Udemyは、無料や有料の動画もあります。


Udemy / 目標を達成するための無料オンラインコース。オンライン学習が初めてで、どこから始めたらよいかわからなくても、心配は要りません。Udemyは専門家向けの無料のコースコレクションを用意しています。そうしたコースの1つを受講し、新しいスキルを(Udemyで)学んでください。


Udemy / 無料チュートリアル→Webページを作成しよう!これから始める「HTML超入門」


Udemy / 無料チュートリアル→バナー・ロゴ・チラシ等、あらゆるプロ並み販促物が作れる!Inkscape(インクスケープ)でプロ級販促物を作成できる実践講座(ウォーミングアップ編)

YouTubeとか動画で解説されているのもあり便利ですが、
Web系などの動画の場合は内容が古い動画。
また、観ようと思ったら、削除されていた。などももあります。

Udemyの場合、
購入した動画は学習の期限ないです。
無料や有料で動画(オンデマンドビデオ)を観て、
自分のペースで学べます。

自分が、Web系の学校に通ってた時は、Udemyのようなサービスは無かったです。
Udemyは2015年からサービス開始されたそうです。

動画とかではなく、
今では、いろいろな良書などもある思います。
個々で、違うとは思います。
ただ、本の場合だと、修正とか簡単に出来ないです。

Udemyが、すごいのは、動画の内容によりますが、購入した動画などは修正で更新などもされたり、教える側と、学ぶ側で、動画が修正され観やすいです。

先生(動画の配信者)も、さまざまで、プロやアマチュア?などいろいろいます。YouTubeみたいな感じ?。

中には書店で売ってる本を使って、
それを、そのまま動画にした内容などもあり。
あたかもオリジナルとして説明してるのか、わからないけど。
あれは、どうなの?と思った。

プログラミングとかは、最初は真似から入ると思います。
無料で動画なら、それでもいいとは思います。
専門の講師ではないからなのかな。

Udemyの動画は、購入してプレゼントすることも出来ます。
Udemyは、無料や有料の動画もあります。
昔は、無料だった動画などは、今では閲覧できない場合になってます。



Udemy
今では、プログラミング系とかの他に、音楽制作や作曲、Ableton Liveコースほか、いろいろあります。

また、いろいろな動画などあります。

Udemy / 音楽、音楽制作、作曲→メロディの作り方〜あなたのメロディが歌になる〜


Udemy / 音楽、音楽制作、Ableton Liveコース

 


 
ゼロからはじめるWebデザイナー 単行本 – 2023/3/24
黒 卓陽 (著)

Webデザイナーを目指すなら、HTML/CSSの知識とスキルは不可欠です。でも、それだけではありません!

MENTA(メンタ)
いろんなプロに相談
登録無料
MENTAは「教えたい人」と「学びたい人」を結びるけるサービスです。
エンジニア、デザイナー、マーケター、ライター
動画・映像クリエイター、ビジネス、言語、ライフスタイルなど
オンラインで質問・相談できる
https://menta.work/invite/UJQF19kOzUnHxHng

教えたい方(メンター)
学びたい方(メンティー)

 


 
Web制作フリーランス入門講座 年収1200万円&週休3日を実現する方法 単行本(ソフトカバー) – 2022/12/18
片岡亮太 (著)

Webデザイナー イラストレーター 動画編集者 ライターに捧ぐ 稼げるフリーランスになるためのバイブル! 年収1200万円 週休3日を実現する方法を一から徹底解説!

 


 

今日からできる! Python業務効率化スキルが身につく本 単行本 – 2022/11/11
いまにゅ (著)
「本×動画」で学ぶから超わかりやすい

 


 

HTML/CSSブロックコーディング デザインをすらすら再現できる 単行本 – 2022/11/16
笠井 枝理依 (著)
本格的なWeb制作を追体験して、脱初心者を目指そう

 


 

スラスラわかるHTML&CSSのきほん 第3版 単行本(ソフトカバー) – 2022/7/9
狩野 祐東 (著)

1つのストーリーに沿ってWebサイト作りとHTML&CSSの基本がスラスラ学べる、入門書の決定版!
第3版では現代のトレンドにあわせて制作するサイトを一新。PC・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。

この本では5ページの
カフェのサイトを作成
ホーム、店舗案内、アクセス、メニュー、お問い合わせ

レスポンシブデザイン(スマートフォンでの表示)

Webサイトの制作し公開するまでの流れ
①計画を立てる
どのようなWebサイトにするのか?

コンテンツなど用意する(テキスト文書、写真など他)
サイトのデザインを考える(Figmaや、Adobe XDなどで(Photoshop、Illustratorほか)デザインカンプ作成)

②Web制作
HTMLでサイトを作成
CSSで見た目を整える(デザイン)

ブラウザでサイトを表示し確認する

③サイト運用
インターネット上にサイトを公開する
サイトの更新など

デザインカンプなどはないです。

テキストエディタは、Visual Studio Codeを使用
FTPクライアントは、FillZilaを使用
サーバーは、無料のFC2レンタルサーバーを使用

スラスラわかるHTML&CSSのきほん 第3版 単行本(ソフトカバー) – 2022/7/9
狩野 祐東 (著)

 


 

マンガでわかる Unityゲーム開発入門 単行本(ソフトカバー) – 2022/10/19
もりやまゆうた (著)
ゲームを作ってみたい、ゲームクリエイターの仕事に興味がある、
そんな人が最初に手にとる一冊

 


 

未経験でも、読めばすぐに始められる! Web系フリーランス働き方超大全 単行本 – 2022/10/4
デイトラ (著)

この一冊で「WEB系ジョブ」に必要な情報がすべて手に入る!

 


 

Docker&仮想サーバー完全入門 Webクリエイター&エンジニアの作業がはかどる開発環境構築ガイド 単行本(ソフトカバー) – 2022/9/22
リブロワークス (著)

「コンテナ」を使い始めたいならこの1冊。

 


 

情報必修時代の君たちに贈る プログラマーへのキホンの道 (スリートブックス) 単行本(ソフトカバー) – 2022/7/23
株式会社スリート (著)

「プログラマーってどうやってなる?」「どんな仕事をするの?」に答える1冊です。

 


 

基礎からのWeb開発リテラシー 単行本(ソフトカバー) – 2022/6/22
増井 敏克 (著)

いまどきのWeb開発がわかります

 


 

10万PVを生む ECサイトのSEO 中小事業者がお金をかけずにできる集客のための施策 単行本(ソフトカバー) – 2022/7/9
井幡 貴司 (著)

「ECサイトの担当者の方」「ECカートシステムでECサイトを立ち上げた方」「ECサイトを月商1,000万円に育てたい方」のための本

 


 

図解まるわかり AIのしくみ 単行本(ソフトカバー) – 2022/3/25
三津村 直貴 (著)

AIの技術から歴史、
活用方法まですべて図解
確かな知識がつく「使える教科書」

 


 

動画×解説でかんたん理解! Unityゲームプログラミング超入門 単行本(ソフトカバー) – 2022/1/22
大角茂之 (著), 大角美緒 (著)
本+動画だから迷わない! わかりやすいUnityの入門書

 


 

2021年9月
某Webスクール(プログラミングスクール)がSNSで炎上で話題です。

とある有名Webスクールの教材を丸パクリし、
それを使っていたらしいです。
著作権の侵害が指摘されたそうです。

Webスクールなどは、
前から、いろいろ言われますが、
似てる教材などもあったります。

市販のWeb制作の本とかだと、よくカフェのサイトなども使われたりします。

2020年東京五輪のロゴデザイン
これも前に、盗作疑惑で、問題になりました。

他も、有名な絵師などが、他の人の作品から構図などを真似て絵を描いていて、
最初は反論していましたが、謝罪などしてました。

他にも、有名なマンガなども、インターネットで検索すれば、いろいろ出てきますが、
構図など全く同じなどもあります。

職業訓練(訓練校)などで、Webスクールなどもありますが。
ほとんどが、その学校のオリジナル教材ではなく、
市販で売ってる本を買わされての授業です。

また、Udemyでも、
自分は、動画を買って思ったけど。
市販本を買って、それを、そのまま動画にしてるような内容の動画、
これを販売してるのは、どうなんだろと?思った。
YouTubeみたいに無料での動画の公開とかならわかるけど。
購入者は高いお金を出して動画を買います。
まあ〜返金制度もあるけど。。

 


 

たにぐち まこと さんは、Udemyでも動画などあります。

Udemy
米国シリコンバレー発祥、世界最大級のオンライン学習プラットフォーム




Udemy / ちゃんと学ぶ、HTML/CSS + JavaScript


Udemy / ちゃんと学ぶ、WordPress テーマ開発講座


Udemy / ちゃんと学ぶ、PHP+MySQL(MariaDB)入門講座


Udemy / ざっくり学ぶ、データベース+SQL入門講座


Udemy / ちゃんと学ぶ、Git/GitHub・SourceTree講座(Win/Mac対応・コマンド対応)

 


 
システムを作らせる技術 エンジニアではないあなたへ 単行本(ソフトカバー) – 2021/7/22
白川 克 (著), 濵本 佳史 (著)

エンジニアのための新教養 □○△で描いて、その場でわかるシンプル図解 何でも伝え、何でもまとめるストラクチャードコミュニケーション 単行本(ソフトカバー) – 2021/7/19
加島 一男 (著)

 


 
Udemy
学びたい人、教えたい人のオンラインのマーケットプレイス。

ビジネススキル、IT、デザイン、マーケティング、音楽、プログラミング

など他、いろいろな動画があります。

また、動画での講師(先生)は、プロの方、そうでない方。いろいろいます。

Udemyは無料で会員の登録ができます。

Udemyで購入した動画は学習の期限もないので、自分のペースで学ぶことができます。

たまにあるのが、購入した動画とか、有効期限があり、その期限内ないと、視聴ができない。
それだと、お金を無駄にする感じです。

Udemyは、30日間の返金保証あり。
購入する前に、動画などサンプルで観れますが、
もし買った動画が、わかりづらい。などもあると思います。

新作動画なども毎日追加。

Udemyでは、無料で観れる動画もあります。

Udemyを利用するには、会員登録(無料)は必要です。

Udemy
米国シリコンバレー発祥、世界最大級のオンライン学習プラットフォーム



 


 

ゲーム作りで楽しく学ぶ Pythonのきほん 単行本(ソフトカバー) – 2021/6/25
森 巧尚 (著)
ゲームを作りながらPythonを楽しく学ぶ!

 


 

Webデザイナーがやってる業務(仕事)とは?
全部を1人ではやってないです。

イラスト図解式 この一冊で全部わかるWeb制作と運用の基本 単行本(ソフトカバー) – 2021/5/15
NRIネットコム株式会社 (著), 小出修平 (著), 塚田一政 (著)
企業内のWeb担当者になった方や、これからWeb制作にかかわる方を対象
・さまざまな専門用語の意味
・Webサイトを成り立たせる仕組み
・Webサイト設計、構築の考え方、進め方
・デザインの発注、ディレクション
・成果を上げる運用方法

 


 

オンデマンド?知ってる人。知らない人いると思います。
オンディマンド(On-Demand)とは、英語で「要求(Demand)に応じて」という意味である。注文対応のこと。
https://ja.wikipedia.org/wiki/オンデマンド

自分が昔に通った、
WebやDTPの学校。

オンデマンドの受講だった。
学校では、オンデマンド動画を観ながら、パソコンで課題をしていく。
ただ、期限があった。

期限内に終わらないと利用が出来ない。

わからないことがあれば、先生に質問していく感じ。

ただ、良い先生は、掛け持ちの方で、1週間に1日しか出ていなく、
自分は、その先生がいる時に通ってた。しかも仕事ながらだったので、
数ヶ月とか学校にいけない感じ。

自分の学校は、家とかからでオンデマンドが観れる学校ではなく。
学校でないと観れない。

とても不便。でも、その当時は、それが支流だったかも。

自分が通ってたオンデマンド授業の学校は今では倒産してるけど。

先生によっても、ばらつきがあり、質問しても、答えられない先生もいた。
先生というか、たぶん、事務で採用された感じ。

今ではスマートフォンもあります。
YouTubeなどもあります。
動画を観て、いろいろ学べる時代です。
海外の人とかは、YouTubeの動画を観て学んでる人も多いそうです。

テレビなどで放送していましたが、
海外の人は、インターネットを使い、
動画など観て、独学で日本語などを勉強してる人が多いみたいです。
他に、日本の料理や、他いろいろ学んでいるそうです。

YouTubeなどの動画は、無料で見れるので、とても便利です。
誰でも、投稿できる時代です。

今はスマートフォンで撮影し、動画の編集。
スマートフォンでYouTubeなどの動画も投稿できます。

インターネットで、無料で動画なども、多く観れますが。
でも。
素人さんが、動画を投稿している。
プロの方が、動画を投稿している。
先生の方が、動画を投稿している。ほか、

いろいろあります。

無料の動画など観ると、音が小さい。
カメラワークが悪いなど他、
いろいろ思うこともあります。

動画の内容がいいのに、観てていてもわかりづらい動画もあったり。

 


 

Manaさん「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の続編が出版されるみたいです。CSSやJavaScriptを使っての動きやレイアウト組み、またSassを使った、より実践向けの解説本

ほんの一手間で劇的に変わるHTML&CSSとWebデザイン実践講座 (日本語) 単行本(ソフトカバー) – 2021/2/20
Mana (著)

 


 

ずっと受けたかったソフトウェアエンジニアリングの新人研修 第3版 エンジニアになったら押さえておきたい基礎知識 単行本(ソフトカバー) – 2018/12/12
飯村 結香子 (著), 大森 久美子 (著), 西原 琢夫 (著), & 1 その他

 


 

MDN
HTML 要素リファレンス
https://developer.mozilla.org/ja/docs/Web/HTML/Element

HTMLカラーピッカー
https://html-color-codes.info/japanese/

 


 

Udemy Web開発入門完全攻略コース 受講してみた。





Udemy
HTML、CSSの基礎を1から学びカフェのWebサイトの制作やフォトギャラリーの制作。
Ruby on Railsを使ったタスク管理アプリ開発、
JavaScript、MySQL、GitなどWeb開発に必須なスキルなどを学ぶ事ができます。

Ruby on Rails7/MySQL/Bootstrap/AWS Cloud9/Git/GitHub等ウェブ開発に必要な様々なスキルを沢山学ぼう!カフェのウェブサイト、フォトギャラリー、ポートフォリオサイト、タスク管理アプリ等に挑戦!


Udemy / ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!

Udemy
Web 開発入門完全攻略コース – プログラミング をはじめて学び創れる人へ!未経験から現場で使える開発スキルを習得!

Udemy
Web開発入門完全攻略コースの動画は有料の動画で、購入ですが、
購入した動画は学習の期限もないので自分のペースで学ぶことができると思います。

購入した動画は、30日間返金保証もあります。

動画の、価格は値段が高いので、キャンペーンなどしてる時に、購入するのが、おすすめです。

動画を買う前に、
動画のサンプルを観て、購入などすると思いますが、
サンプル動画の内容に、よっては完成品とか観れない動画もあるので、
どのようなものが、動画のレクチャーを受けて出来るのか、かわからないのもあります。

また、教える側(先生)によって視聴できるサンプル動画の数などが違うです。

教える側は、プロの方、アマチュアの方?。いろいろいます。

短い動画の内容を観てもよくわからないのもあります。

Udemyの動画は、購入して、プレゼントすることも出来ます。

また、動画を観て、わからないことなどは、質問もできます。

Web開発入門完全攻略コース – プログラミングをはじめて学び創れる人へ!
未経験から現場で使える開発スキルを習得の動画
Web開発入門完全攻略コース
このコースは、Web開発スキルを1つのコースで多く学べる講座です。
18時間、
268レクチャー

セクション1、コース外部
セクション2、フロントエンド開概要
セクション3、HTML入門
セクション4、HTMLステップアップ編
セクション5、CSS入門
セクション6、CSSステップアップ編
セクション7、Webサイトのコーディング、カフェのサイト
セクション8、Bootstrap 4入門
セクション9、JavaScript入門
セクション10、JavaScriptDOM操作
セクション11、JavaScriptイベントとイベントハンドラ
セクション12、AWS Cloud9による開発環境構築
セクション13、Ruby入門
セクション14、MySQL入門
セクション15、Ruby on Rails 5入門
セクション16、Git/Github入門
セクション17、旧レクチャーなど他。

Web開発入門完全攻略コース
このコースは、Web開発スキルを1つのコースで多く学べる講座です。
18時間、268レクチャー

プログラミングの部分の動画など、難しい部分もありますが、
かなり、おすすめな動画だと思います。

 


 


Udemy / ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!

動画内のサンプルなどは、ダウンロードできます。

学校など行くと、値段が高いし、
通っても、よくない学校などもあります。

自分の内容に合う、合わないなどもあると思います。

Web開発入門完全攻略コースは、現在でも、更新もされています
修正などある場合、動画内で、修正表示されるので便利だと思います。

 


 

Web開発入門完全攻略コース – プログラミングをはじめて学び創れる人へ!
未経験から現場で使える開発スキルを習得の動画

Web開発入門完全攻略コース
このコースは、Web開発スキルを1つのコースで多く学べる講座です。
18時間、
268レクチャー

ただ、動画(レクチャー)によっては、難しい部分もあるので、
本などを買って勉強してもいいと思います。

WordPressとかの動画の内容は入っていないです。
他に、PHPプログラミング言語など。

レクチャー内容
HTMLとCSSでは架空のカフェのサイトを作成
Bootstrapではフォトギャラリーの作成
JavaScriptのプログラミング学習では、スクリプトモードとかの記述は無いです。
他に、
AWS Cloud9による開発環境構築の解説。
プログラミング言語、Ruby入門、MySQL入門、Ruby on Rails。
Git/Githubの使い方など、この動画で学べます。

ターミナルとかで、操作をしていく感じなので、難しい内容と言うか、
エンジニアを目指していて、向いてる人、向いてない人とか、
動画を観て、エンジニアって、どんなことをするんだろ?と知れるので、
Web開発などに興味がある人には、おすすめの内容だと思います。

この、動画コースのターゲットは、
実務未経験のWebアプリケーションエンジニアなど、他、転職したい方など。

テキストエディタは、Atomなどで解説。
ただ、Atomのカスタマイズの仕方や、設定などは、解説してないです。

質問は、出来ますが、
一般的に考えて、
動画・レクチャーの内容についての質問とかなら、わかりますが、
それ以外の質問(動画の内容以外)とかしてる人もいてるけど。
え?とは思った。

わからない動画レクチャー部分などは、質問などもできます。
ただ、質問しても、すぐ返信があるとかではないです。

質問で、
よくあるのが、自分での、コーディングで、タグの入力ミスで、質問してる方などもいます。

動画で説明とかないけど、チェッカーツールとか使えば便利な場合もあります。

diffチェッカーツール
Diffchecker
https://www.diffchecker.com

他に、Atomを使ってるなら、プラグインとかで、コードチェックlinterなどのパッケージなどもあります。
インストールして使えばいいかもです。

Atom HTMLチェッカー
linter-htmlhintパッケージ
https://atom.io/packages/linter-htmlhint

Atom CSSチェッカー
linter-csslintパッケージ
https://atom.io/packages/linter-csslint

w3c-validationチェッカー
atom-w3c-validation
https://atom.io/packages/w3c-validation

他に、自分の合う、テキストエディタとか使えばいいかもです。

Brackets(無料)
http://brackets.io

今では、テキストエディタ、Visual Studio Codeなどを使ってる人も多いです。

マイクロソフト
Visual Studio Code – コード エディター(無料)
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

 


 

Udemy
他にQ&Aで、他の受講者の質問なども見れますが、
全レクチャーと現在のレクチャーしか選択しかができないです。

自分的には、その章のレクチャーとかで、質問の一覧とか一括で見れると便利かも。
全レクチャーの質問とかすごい数があるので。

受講者の方が質問することで、教材の内容や動画なども良くなってる感じもするし。

あと、世代で違いますが、自分は、よく、紙の本を観るので、
オンデマンド(ペーパーブック)とかで、動画の内容にそった本とか購入できると便利かも。

漫画家の尾田栄一郎さんも言ってますが、
人間って、1日に、使える目の時間(視聴)決まってます。
動画を長く観てると、目が疲れてしまうので、

この動画の授業は、かなり長いので、おすすめですが、根気もいるかも。

 


 

Web開発入門完全攻略コース

ソースコード、素材(画像と文章)などダウンロードできます。

セクション4、HTMLステップアップ編

セクション1、コース外部
セクション2、フロントエンド開概要
セクション3、HTML入門など解説あり
セクション4、HTMLステップアップ編
イントロダクション – HTMLステップアップ編(テーブルとフォーム)
テーブル(テーブルとは表です)
行と列の覚え方(テーブル)
など解説

セクション6、CSSステップアッ編
フォントのプロパティについて
セリフは明朝体(serif)
サンセリフはゴシック体(sans-serif)
など解説

 


 
Web開発入門完全攻略コース
セクション7、Webサイトのコーディング
カフェのサイト

自分が感じたのは
セクション7、Webサイトのコーディング、カフェのサイト

たった1日で基本が身に付く! HTML&CSS 超入門の本で作成する
カフェのWebサイトのような感じがしました。

 


 

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

わかりやすく解説で、詰め込みすぎていないので
わかりやすい本だと思います。(個人差はあるかもですが)

1日で基本が身に付くのって?思いますが、
この、本のシリーズは、章ごとに、解説してて、
1単元を1時間で、自分のペースで学ぶとよいと思います。

この本を書いた、
宮本さんは、デザインスクールや、職業訓練などで、Webクリエイターを育成する講師などしていて、日頃、生徒さんに教える(指導)なかで、初心者の方が、つまずきやすいポイントなどあります。
そのポイントを、この本では特に丁寧に解説してます。
普段からWebサイトを作成してる方は当たり前にできると思いますが、初心者の方とかは、よくわからなかったりします。

基本的なWebページの作り方とWebサイト作成の流れが分かるようになることを目指しています。

本書では、Mr.M COFFEEという
カフェのWebサイトを作成します。
サンプルファイルもダウンロードできるので、
素材などを、自分で用意しなくてもいいので、すぐ勉強ができます。

また、BootstrapのCSSフレームワークでの本も出ています。

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

 


 

Bootstrapとかって、使ってる現場あるの?。

セクション8、Bootstrap 4入門

Web開発入門完全攻略コース
このコースは、Web開発スキルを1つのコースで多く学べる講座です。
18時間、268レクチャー

セクション8、Bootstrap 4入門
Bootstrap 4で、フォトギャラリーサイトの作成
モバイルフレンドリーのサイトを簡単に作成
など解説

Bootstrapの公式サイトから Get startedをクリック
https://getbootstrap.com

Bootstrap 4 Cheat Sheet
https://hackerthemes.com/bootstrap-cheatsheet/

Bootstrapのサイト
Documentaionで、何ができるか見れます。
https://getbootstrap.com/docs/4.3/getting-started/introduction/

 


 
セクション9、JavaScript入門

セクション9、JavaScript入門

プログラミングする時に、動画では教材のダウンロードも可能です。
また、プログラミングの内容によっては、
コメント(コメントアウト)されていて
実際に説明しながらプログラミングして解説していくので、
かなりわかりやすいと思います。
(理解度は個々で違うかもしれないけど)

修正などある場合には、動画内で、表示されています。
スクリプトモードとかの記述は無いです。

はじめてのjavaScript
画面に出力するconsole.log();プログラム
この動画では
シングルクォートで解説してます。

Googleのデベロッパーツールで、コンソールタブで確認

セクション10、JavaScriptDOM操作
イントロダクションJavaScript DOM操作
ブラウザオブジェクトの階層について

セクション11、JavaScriptイベントとイベントハンドラ
イベントとイベントハンドラを関連付ける方法

 


 

確かな力が身につくJavaScript「超」入門 第2版 単行本 – 2019/9/21
狩野 祐東 (著)

 


 

改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで 大型本 – 2016/9/30

 


 
セクション12、AWS Cloud9による開発環境構築

セクション12、AWS Cloud9による開発環境構築

AWS(Amazon Web Services)を使うとサーバーサイドのプログラムなど、Webブラウザで出来ます。
AWSの無償で1年間使える枠を利用します。

AWS(Amazon Web Services)は、Amazonでも、使われていて、他にも、大手銀行や、ほか、いろいろ使われています。

Cloud9のアカウントを作成し、昔は、無料で利用ができていた。
総合開発環境を提供していたサービス。
AWSが、 2017年に、Cloud9を買収し、AWS Cloud9の統合し有料(無料)になりました。

AWS Cloud9に登録に必要なもの。
①メールアドレス
②クレジットカード(無料利用枠の範囲内で使用すれば課金はされない)
③電話番号

また、この講座では、 Cloud9を使っていた方は、久々にサイトにアクセスすると、
AWS Cloud9になるので、戸惑うかも。
その解説とかは、無いです。

Amazonのアカウントを持っていればスムーズかも。
その解説もないです。

人によっては、
AWS Cloud9を使うのに、クレジットカードって、やっぱり不便かも。

AWS(Amazon Web Services)無料利用枠について
Cloud9(オープンソース)の利用自体は無料
Cloud9を動かすサーバー料金(EC2)は有料。
無料利用枠内で使用すれば無料になります。

新規アカウントを作成から12ヶ月。無料など解説

1年間をこえたら、有料になります。
電話のようなイメージです。
通話をしていて、話していなくても、受話器を上げていれば課金されていきます。
サービスの利用を止めないと課金され続けます。
Cloud9は、30分利用をしなければ、自動でOFFになる設定がデフォルトでされています。

AWS(Amazon Web Services)の不正アクセスについて
請求アラートについて

AWS Cloud9のテキストエディタの設定について

Rubyダウンロード
https://www.ruby-lang.org/ja/downloads/

Rubyのバージョン管理ソフトウェアについて

 


 

セクション13、Ruby入門

Rubyについて
オープンソースのプログラミング言語
この動画では解説ないですが、
Rubyは、ターミナルなどのコマンドでプログラミングしていきます。

 


 

スラスラ読める Rubyふりがなプログラミング (ふりがなプログラミングシリーズ) 単行本(ソフトカバー) – 2019/3/15

 


 
セクション14、MySQL入門

セクション14、MySQL入門

MySQLの基本的な使い方
データベース(DB)について

MySQLの文字コードの確認
utf-8にする
設定を反映させるにはMySQLを再起動する
データベースの関連の用語
SQLのコメントについて

 


 
セクション15、Ruby on Rails 5入門

セクション15、Ruby on Rails 5入門
Ruby on Rails 5 イントロダクション

開発環境構築について
DBスキーマをDBに反映する

jQueryのインストールなど、

 


 

セクション16、Git/Github入門
ソースコード管理、Git/Github入門
Gitの概要など、

 


 

セクション17、旧レクチャー

AWS Cloud9の画面の不可視文字の表示

など、ほか

モバイルバージョンを終了