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

human-tv-2

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

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

スポンサーリンク

オンライン学習サービス

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

 サービス  料金
 ドットインストール  無料 
 Progate (プロゲート)  無料 (会員登録必要)
 codecademy  (コードアカデミー)  無料 (有料月額$19.99)
 CODEPREP  無料
 Udemy
Webデザイン入門オンライン講座
 有料 

スポンサーリンク

① ドットインストール

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

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

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

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

ドットインストール

HTML, CSS, JavaScript, PHP, Rubyをはじめ、iPhoneやAndroidアプリの作り方も学べます。豊富な3分動画を見ることで、はじめての人でも無理なくスキルを身につけていくことができるプログラミング学習サービスです。

② Progate (プロゲート)

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

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

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

 学習タイプ  オンラインサービス           
 料金 (最安)  無料
 習得知識・スキル  HTML/CSS、JavaScript、jQueryなど
 特徴 ・比較的新しい注目の学習サービス。
・プログラミングの本部分を無料で学べる。
・手を動かしながら学べ効率が良い。
・1レッスンに1サイト制作のような形式で、
 Webサイト制作の流れがつかみやすい。
 補足 ・無料会員登録が必要。
・東大生が作成したサイト。

Progate (プロゲート)

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

③ codecademy (コードアカデミー)

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

2011年からサービスを開始している
プログラミング講座を無料提供する
オンラインプラットフォームの1つ。

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

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

codecademy

④ CODEPREP

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

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

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

CODEPREP

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

⑤ Udemy (ユーデミー)

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

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

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

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

Webデザイン入門オンライン講座

bgt?aid=190101767827&wid=001&eno=01&mid=s00000016735001115000&mc=1 - Webデザイン・プログラミングが学べる無料オンライン学習サービス

 

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

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

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

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

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

CodeCamp(コードキャンプ)はオンラインプログラミング学習サービスです。初心者でも、現役エンジニアの個別指導で効率よく確実にプログラミングが習得できる。無料体験レッスン実施中!プログラミングを学ぶなら、オンライン個別指導No.1のプログラミングレッスンCodeCamp.

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

まとめ

どうでしたでしょうか?

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

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

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

スポンサーリンク

シェアする