Progateは初心者オススメのプログラミング学習サイト

Plogateというプログラミング学習サイトがあります!

http://prog-8.com

「HTML・CSS」「jQuery」「PHP」「Rudy」「Rudy on Rails」が学習できます。

 

私は、HTML・CSSの基礎と応用、PHPを終わり、jQueryに挑戦中です。

ホームページを作りたい、プログラミングを学びたいけど何からやったらいいかわからないという方にオススメの学習サイトです。

 

目次

1、まずは登録

2、学びたいプログラミング言語を選ぼう

3、選んだプログラミング言語を学習しよう!

 

1、まずは登録

Progateはユーザー登録が必要でメールアドレスかFacebook、Twitterで登録ができます。

登録は

http://prog-8.com

よりできます。

 

2、学びたいプログラミング言語を選びます。

登録を済ますとこのような画面になるので学びたい言語を選びます。

スクリーンショット 2015-06-16 10.01.45 スクリーンショット 2015-06-16 10.03.25

 

3、選んだプログラミング言語を学習しよう!

HTML・CSSの場合ははじめに出来上がるサイトを見てから作成を始めます。

スクリーンショット 2015-06-16 10.06.11

基礎編ではこのようなサイトを作ります。サイトを確認したあとは今回学ぶ内容についてのスライドショーが続きます。このスライドショーを確認したあとにプログラミングを始めます。

スクリーンショット 2015-06-16 10.08.24

 

演習画面では左に課題、真ん中(黒い部分)にプログラミングを打ち込む場所、右上に自分のプログラミング、右下に見本が出ています。

スクリーンショット 2015-06-16 10.11.58

 

左の演習課題にそって問題を解き進めていきます。もし、わからなくなってしまった時はストライドを確認したり、真ん中下にあるヒントからプログラミングのヒントを得ることができます!

HTML・CSS基礎ではh1の使い方からはじまり、最終的には見本のようなサイトが完成します。0から作り始めて、サイトを作る手順(はじめに要素を分けてから作りこむなど)もわかるのでプログラミングとその製作過程も学ぶことができます!

 

今までのプログラミング学習サイトと違う点は自分でテキストエディタなどを使う必要がなく全てProgate内で完結している点です。そのため、ユーザー登録すれば、ばすぐにプログラミングの学習ができます。

特にPHPなどは初心者にとってはPHPが動くローカル開発環境を作ることから大変なのでなんとなく触れていたいなという方はまずはここで触れてみるのも良いと思います。

 

 

Please Share!Share on FacebookTweet about this on TwitterShare on Google+