1413959dbfc5dc0e92bfe5453c45044d_m_800

【HTML5/ CSS3 / jQuery】動画でコーディングを学ぶなら押さえておきたいサイト15選


約15年ぶりに規格が更新された最新規格となるHTML5。
興味のある方も多いのではないでしょうか。
そこで今回は、「HTML5の基本と応用をマスターできる!」
動画サイト15選をご紹介します。

 

動画で学ぶ!HTML5、CSS3、jQuery入門/ShareWis

html5について

http://share-wis.com

 

HTML5、CSS3、jQueryの基本を5つのステップで分かりやすく教えてくれる初心
者向け無料動画サイトです。
実際にコードを書きながら学べる知識学習と理解度チェックの2部構成で、動画
で知識を学んだ後、理解度チェックができる大変便利なサイトとなっています。

 

3分動画でマスターする!HTML5/ドットインストール

HTML5について

http://dotinstall.com

 

HTML5、CSS3、jQueryについて細かいステップに分けて教えてくれる初心者~
中級者向け無料動画サイトです。
1ステップ3分なのでちょっとした空き時間にも学ぶことのできる便利なサイトと
なっています。

 

CSS3、jQuery入門講座/Skillhub

html5について

http://skillhub.jp

 

CSS3、jQueryについて基礎から応用まで幅広く学ぶことができる動画サイトです。
CSS3は無料、jQueryは有料で講義を受講することができます。
初心者にも分かりやすく教えてくれるサイトとなっています。

 

オンラインで学ぶ!HTML5/allWebクリエイター塾

html5についてhttp://all-web.org

 

既にCSSの基本を習得している中級者向けの有料動画サイトです。
CSSの知識をもとにCSS3で思うようにデザインできるスキルを習得できるので
本気で学びたい方にピッタリのサイトとなっています。

 

HTML5マスター!/デジハリ・オンラインスクール

html5について

http://online.dhw.co.jp

 

HTML5の基礎から応用さらに資格対策までできる有料動画サイトです。
就職サポートもあり、将来、学んだ知識を仕事へと結びつけたい方にピッタリの
サイトとなっています。

 

ゼロから学ぶオンライン動画/schoo

html5について

https://schoo.jp

 

初心者~既にHTMLの基本を理解している中級者向けの有料動画サイトです。
HTML5の概要やHTML4.01からHTML5への書き直し方などをプロの専門家が
教えてくれる本格的なサイトとなっています。

 

「働ける」レベルのエンジニアへ/TECHACADEMY

html5についてhttps://techacademy.jp

 

初心者~既にHTMLの基本を理解している中級者向けの有料動画サイトです。
実際にサイト制作などもあり、実力をつけたい方にピッタリのオンライン学習とな
っています。現役エンジニアのサポートや無料トライアルもあり安心して始められ
るサイトとなっています。

 

確実に習得するHTML5/CodeCamp

html5についてhttps://codecamp.jp

 

これから勉強を始めたいと思っている初心者向けの有料動画サイトです。
1からHTML5とCSS3をしっかりと学び、基礎から実践まで習得できるサイトとなっ
ています。

 

誰でも作りたいものが作れるようになる/manebi

html5についてhttps://manebi.jp

 

HTML5、CSS3、jQueryについて基礎から応用まで幅広く対応している有料動画サ
イトです。
1レッスン10分弱と短いのでちょっとした空き時間にも学ぶことのできる便利なサイ
トとなっています。

 

実践まで学ぶHTML5、CSS3/lynda

html5について

https://www.lynda.jp

 

HTML5入門から実践まで幅広く対応している有料動画サイトです。
スタンダードプランとプレミアムプランにわかれていて、ストリーミング視聴ができ
ます。1コースの時間が長めなので、計画的に学習できる方向けのサイトとなっていま
す。

 

未経験からWebプログラマーになる/Udacity

html5について

https://www.udemy.com

 

ゼロから勉強を始めたいと思っている初心者向けの有料動画サイトです。
HTML5、CSS3、jQueryの基礎をしっかりと学び、実践まで習得できるサイトとな
っています。

 

クリエイティブに学ぶHTML5/slideshare

html5について

http://www.slideshare.net

 

初心者~既にHTMLの基本を理解している中級者向けの無料動画サイトです。
基本から応用まで様々で、内容は日本語や英語で書かれていて、HTML5を学ぶ
上で参考となるサイトとなっています。

 

英語で学ぶjQuery/TRYjQuery

html5についてhttp://try.jquery.com

 

jQueryについて英語で教えてくれる初心者向けの海外無料動画サイトです。
jQueryとは?という知識から実践までを英語で教えてくれるので、英語に興味
のある方や英語が得意な方にとっては大変便利なサイトとなっています。

 

書きながら学ぶHTML5/TheCodePlayer

html5について

http://thecodeplayer.com

 

HTML5、CSS3、jQueryについてコードを動画で書きながら教えてくれる中級者
向けの無料動画サイトです。
コードの実行結果も見せてくれるので効率良く学ぶことのできる大変わかりやす
いサイトとなっています。

 

HTML5講座/アテイン

html5について

http://dougaku.tv

HTML5でについて教えてくれる初心者向け有料動画サイトです。
従来のHTMLの構造やHTMLの変遷も含めて丁寧に解説してくれる大変わかりや
すいサイトとなっています。

 

まとめ

いかがでしたでしょうか。
Webアプリケーションの標準となったHTML5は、今後さらに需要の拡大が予想
されるスキルです。
この機会に気軽に勉強してみてはいかがでしょうか。

 

 

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


Next Article【Illustrator】フォントをアウトライン化する方法と解除の仕方