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

スポンサーリンク
programming

こんにちは、美大卒・元アパレル店員の
ゆっきー(@elcielo_design)です。

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

オンライン学習サービス

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

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

スポンサーリンク

① ドットインストール

dotinstall

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

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

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

ドットインストール

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

② Progate (プロゲート)

progate

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

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

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

Progate (プロゲート)

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

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

codecademy

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

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

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

codecademy

Learn the technical skills you need for the job you want. As leaders in online education and learning to code, we’ve taught over 45 million people using a teste

④ CODEPREP

codeprep

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

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

CODEPREP

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

⑤ Udemy (ユーデミー)

udemy-2

Udemyは、シリコンバレー生まれの
世界最大級の動画学習のサービスで、
Webデザイン・プログラミング関連も
最近ではどんどん増えてきています。

もちろん利用者もかなり多いので、
クオリティーの高いコンテンツが充実。

無料ではないですが、スクールまでは
手が出せないという方には良いかも。

 学習タイプ  オンラインサービス           
 料金 (最安)  有料
 習得知識・スキル  HTML/CSS、JavaScript、jQueryなど
 特徴 ・10万以上のオンラインコース
・専門的な内容の動画多数
・学習期間なしで自分のペースで学べる。
・無料サービスと有料オンラインスクールの
 中間的な存在の有料サービス。
 補足  

Udemy (ユーデミー)

Udemy is an online learning and teaching marketplace with over 100,000 courses and 24 million students. Learn programming, marketing, data science and more.

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

Web知識、Photoshop、Webグラフィックデザイン、HTML、CSS、実践的なコーディングなど、Webデザイナーとして働いたり、自分1人でサイトを作り上げるのに必要な全てが含まれています

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

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

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

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

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

CodeCamp (コードキャンプ)

codecamp

CodeCampが個人的に一番おすすめ。

 学習タイプ  オンラインスクール           
 コース・プラン  デザインマスターコース
 料金 (最安)  ¥148,000/2ヶ月、入学金¥10,000
 学習時間 (期間)  160〜200時間 (2,4,6ヶ月)
 習得知識・スキル  Illustrator/Photoshop、HTML/CSS、
 JavaScript、jQuery、Bootstrap、
 レスポンシブデザイン
 卒業後・転職
 サポート
 転職サポート有り
 (就職・転職成功で10万円!?)
 無料体験  無料体験有り
 (1時間程の体験で1万円キャッシュバック)
 補足  ソフトは自分で用意が必要
たのまなAdobeストア 0 - Webデザイン・プログラミングが学習できる無料オンライン学習サービス」で購入が安い。

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

CodeCamp 0 - Webデザイン・プログラミングが学習できる無料オンライン学習サービス (コードキャンプ)

受講20,000人突破。プログラミング初心者でも、現役エンジニアの個別指導で効率よく確実に習得できる。毎日24時まで受講可能。無料体験レッスン実施中!プログラミングを学ぶなら、オンライン個別指導No.1のプログラミングレッスンCodeCamp

関連記事

まとめ

どうでしたでしょうか?

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

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

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

スポンサーリンク

シェアする