Webデザイン・プログラミングが学べる無料オンライン学習サイト・サービス

※ アフィリエイト広告を利用しています。
human-tv-2

こんにちは、デザイナー・ブロガーの
ゆっきー(@elcielo_design)です。

今回は、Webデザイン・プログラミングを
自宅で学びたい方に向けてのおすすめの
無料オンライン学習サービス紹介記事です。

スポンサーリンク

オンライン学習サイト・サービス

「Webデザイン・プログラミングの
 学習オンラインサイト・サービス」

 サイト・サービス名  料金
 ドットインストール  無料 
 Progate (プロゲート)  無料 (会員登録必要)
 Codecademy  (コードアカデミー)  無料 (有料月額$19.99)
 CODEPREP  (コードプレップ)  無料
 Udemy
 有料 

スポンサーリンク

ドットインストール

dotinstall 2024 - Webデザイン・プログラミングが学べる無料オンライン学習サイト・サービス

ドットインストールは、1回3分動画の
レッスンでプログラミングが勉強できる
有名な学習サイトの1つになります。

有料なコンテンツも少しはありますが、
大体は無料なので十分勉強になりますね。
(動画で見れて軽い感じで始めれます。)

 サービス名  ドットインストール
 学習タイプ  オンラインサービス           
 料金 (最安)  無料
 習得知識・スキル  HTML・CSS、JavaScript、jQuery、
 Unix、MySQL、PHP、Ruby、Unity、
 C#、Swift、Kotlin、Python等
 特徴 ・実際にプログラミングしている
 画面の動画を見ながら学べる。
・547レッスン、8,280本の3分動画
 コンテンツを提供 (2024年10月15日時点)
・初心者部分は無料
・初心者からプロまで学べる内容。
・学べる言語も非常に多い。
 補足 ・プレミム会員登録もある。

ドットインストール

3分動画で初心者や独学の方でも無理なく勉強が続くプログラミング学習サービスです。Web制作の基礎から子供向けのゲーム制作レッスン、さらにシステム開発に使われるPHP、Ruby、Pythonなどの入門レッスンまで幅広く言語を体験できます。

Progate (プロゲート)

progate 2024 - Webデザイン・プログラミングが学べる無料オンライン学習サイト・サービス

Progateはプログラミングを実践感覚で、
サイト内で学べる学習サイトになります。

Webデザイン制作・コードを書きながら、
学べるのでかなり効率の良いサイト。

 サービス名
 Progate (プロゲート)
 学習タイプ  オンラインサービス           
 料金 (最安)  無料
 習得知識・スキル  HTML・CSS、JavaScript、jQuery等
 特徴 ・330万ユーザー、提供国数100以上の
 プログラミングオンライン学習サービス。
・プログラミングの本部分を無料で学べる。
・手を動かしながら学べ効率が良い。
・1レッスンに1サイト制作のような形式で、
 Webサイト制作の流れがつかみやすい。
 補足 ・無料会員登録が必要。
・東大生が作成したサイト。

Progate (プロゲート)

Progateはオンラインでプログラミングを学べるサービスです。プログラミングを学んでWEBアプリケーションを作ろう。

Codecademy (コードアカデミー)

codecademy 2024 - Webデザイン・プログラミングが学べる無料オンライン学習サイト・サービス

Codecademy (コードアカデミー) は、
2011年からサービスを開始している
プログラミング講座を無料提供する
オンラインプラットフォームの1つ。

英語のサイトにはなるんですが、
実際にブラウザ上でプログラミングを
とても効率よく勉強できてしまいます。
(英語力upを兼ねて挑戦する価値あり。)

 サービス名
 Codecademy (コードアカデミー)
 学習タイプ  オンラインサービス           
 料金 (最安)  無料
 習得知識・スキル  HTML・CSS、JavaScript、jQuery、PHP、
 Ruby、Python、Java、SQL等
 特徴 ・登録ユーザ数2500万人以上、その国籍は
 190か国以上になる老舗の学習サイト。
・多数言語を扱っていて幅広い学習が可能。
・20以上の豊富なコース、事前準備も不要。
・入門編だけでなく、応用編もある。
・基本的に英語表記
 補足 ・ニューヨーク・タイムズやTechCrunch等
 多くのメディアから高い評価を受けている。
・英語、フランス語、スペイン語、
 ポルトガル語に対応している。

Codecademy (コードアカデミー)

Learn the technical skills to get the job you want. Join over 50 million people choosing Codecademy to start a new career (or advance in their current one).

CODEPREP (コードプレップ)

codeprep - Webデザイン・プログラミングが学べる無料オンライン学習サイト・サービス

CODEPREPは、Codecademyと同じく
実際にコードを書きながら学習できる
プログラミング学習サービスの1つ。

 サービス名
CODEPREP (コードプレップ)
 学習タイプ  オンラインサービス           
 料金 (最安)  無料
 習得知識・スキル  HTML・CSS、JavaScript、jQuery、
 PHP、 Ruby、Python、Rust、Java、
 SQL、Scala、Bootstrap等
 特徴 ・初めは穴埋め式ドリルで手軽に学習。
・コードを自由に編集、ダウンロードも可能
・様々な言語や目的に応じたブック
・無料で読めるものが100レッスン以上
・ディスカッションボードというものがあり
 ユーザー同士で質問などもできる。
 補足 ・日本語に対応

CODEPREP

CODEPREPはオンラインプログラミング学習サービスです。1日10分プログラムを書くことで「毎日こつこつプログラムを書く習慣」と「作ったものを動かす体験」を提供し、プログラミング学習の「継続」をサポートしていきます。そうして、一人でも多くのユーザにプログラミングの楽しさを感じてもらうことをサポートしてまいります。

Udemy (ユーデミー)

udemy 2024 - Webデザイン・プログラミングが学べる無料オンライン学習サイト・サービス

Udemyは、米国シリコンバレーが発祥で、
学びたい人と教えたい人を繋いでくれる
個人対個人の学習マーケットプレス型の
世界最大級オンライン学習プラットホーム。

プログラミングはもちろん、デザインや
アプリケーションの使い方や技術等まで、
実績ある講師陣が教える10万以上の種類の
講座をオンライン上にて展開しているので、
自分の必要な内容を探して受講ができます。

 サービス名
 Udemy (ユーデミー)
 学習タイプ  オンラインサービス           
 コース・プラン  Webデザインコース
 料金 (最安)  各講座によって異なる。
 (セールで価格変化)
 学習時間 (期間)  学習期間なしで自分のペース
 習得知識・スキル  プログラミング・Webデザイン等
 様々なスキル
 特徴 ・世界中の1万6千を超える企業と
 何百万人もの学習者からの信頼。
・25万以上のオンラインコース
・クオリティーの高いコンテンツが充実
・専門的な内容の動画多数
・無料サービスと有料オンラインスクールの
 中間的な存在の有料サービス。
・企業が展開するオンラインスクールと違い
 料金が比較的安めの設定。(セールも多め)
・講義の質は受講しないと分からない
 卒業後・転職
 サポート
 なし
 無料体験  なし
 補足 ・スクールまでは手が出せないという方に
 おすすめのサービス。
・講師ごとに評価やクチコミがあるので、
 参考にして受講すると良い。

Udemy (ユーデミー)

Udemy (ユーデミー) のWebデザインコース

無料サービスで物足りないなら、
有料のオンラインスクール

最近では無料のオンライン学習サービスも
あらゆるサービスの展開を行っていて、
Webデザイン・プログラミング (コード) を
1人で学べる場所もかなり増えてきました。

しかし、どれも1人だけで学べてしまうので、
どうしても勉強過程で挫折してしまったり、
応用が効きにくい面も多々あったりします。

また、書籍を利用し独学で学ぶのも可能ですが、
学校や誰かなどに教わりたいという場合には
有料のオンラインサービスを使うのもあり。

例えば「CodeCamp」等のサービスでは、
マンツーマンで学ぶことができますね。
(現役のデザイナーやプログラマーさんから、
直接指導をもらえて何でも質問できます。)

CodeCamp (コードキャンプ)」

000000080943 - Webデザイン・プログラミングが学べる無料オンライン学習サイト・サービスimpression?a id=4705478&p id=936&pc id=1196&pl id=80943 - Webデザイン・プログラミングが学べる無料オンライン学習サイト・サービス

その他の有料のオンラインスクールは、
下の記事をチェックして見て下さいね。

まとめ

どうでしたでしょうか?

Webデザイン・プログラミングが学べる
4つの無料のオンライン学習サービスの
習得できる知識・特徴等を紹介しました。

今回の無料オンラインサービスの内容と
自分の今の状況を把握して使い分ければ、
十分に知識・スキルは身につくと思います。

ですが、あくまで基盤の部分のなので、
「応用のスキルの取得」「上級者を目指す」
そういった場合は書籍等の違う媒体でも
勉強を進めていきましょう。

因みに、Webデザインやプログラミングが
学べる本は、次の記事でまとめています。

スポンサーリンク

シェアする