【プログラミング学習】ProgateのHTML&CSSコースをやってみた!

独学でかつオンラインで学習できるProgate(プロゲート)は無料で始められるプログラミング学習サービスで、東大生が作ったサービスとしても話題となりました。今回は実際にProgateを使ったレビューになります。

私も最初はProgate(プロゲート)から始めまして、次はポートフォリオ作成したいですね。
初心者でも解かり易い!ポートフォリオの作り方←過去記事

イメージ

オンラインでプログラミングを学習できるサービスは増えてきていますが、今回紹介するのは「Progate(プロゲート)」です。

Progateは無料で始められるプログラミング学習サービスで、東大生が作ったサービスとしても話題となりました。

Progateとは

Progateの対象は主にプログラミング初心者。

Webサービスを創るのに必要となる言語(HTML,CSS,JavaScript,PHP,Rubyなど)をオンラインでわかりやすく学べる、今人気のサービスです。

2016年4月からは有料サービスのProgateプラスもはじまり、コンテンツもますます充実しています。

情報

学習のステップとしては、「学習コース」「道場コース」「プロジェクトコース」という3つに分かれていて基礎から実践的な内容まで一連で
学ぶことができます。

特に用意するものもなくパソコン一つあればオンライン上で学習できてしまうので、「とりあえず独学で進めたい」という人にはおすすめです。

また、Progateでは無料と有料プラン両方用意されています。

情報

月額980円のプラスプランでは、基礎編から実践編まで全てのカリキュラムを受けることができます。

まずはベーシックプランで無料でプログラミングを体験してみるのが
良いでしょう。

Progateの特徴

Progateには主に3つの特徴があります。

1.わかりやすいスライド

スライドを用いた丁寧な解説で、初心者にもぴったりです。

自分のペースでプログラミング学習を進められます。

また、スライドを検索したり、お気に入りに登録したりもできるので、見たいスライドにいつでもアクセスすることができます。

2.ブラウザに直接コードを書き込める

Progateではブラウザに直接コードを書き込むことができるので、

あなたが本メディアを見ているこのブラウザだけで学習を
進めることができます。

煩わしい環境構築が一切不要なのは、ありがたい限りですよね。

3.描いたコードが即プレビューに反映される

描いたコードの結果もブラウザ上ですぐに確認することができます。

つまり、自分の書いているコードの意味が一目でわかるということ。

実際にものを作ることで、モチベーションの維持にもつながりそうです。

実際にやってみた

今回はHTML&CSS初級編で学習してみました。

初級編では、実際にWebサイトを作りながらHTML/CSSの理解を
深めていきます。

情報

学習目安時間は4時間と、手軽な点も重要なポイントです。         実際には2時間位でクリアできました。

情報

見やすいデザインのスライドは学習意欲を掻き立ててくれます。

これなら、プログラミング初心者でも安心。

スライド一枚一枚の要点をしっかりと抑えていきましょう。

情報

こんな感じでブラウザに直接書けます。

右下の見本の状態を目指してコードを書いていきましょう。

右上のプレビューはコードを書くとすぐに変わるので、視覚的に理解を
助けてくれます。

情報

学習中、忘れてしまったところはすぐにスライドを検索して確認することも
できます。

画面左のスライドを縦にスクロール、
もしくは検索窓に忘れてしまったタグやプロパティの名前を
入れて検索することで、
見たいスライドにいつでもアクセス可能です。

さくさくと進めていき、

情報

あっという間にwebページが出来上がりました!

話題沸騰中のプログラミングスクール【ウェブカツ】

情報

にんじゃわんこも祝福してくれます。

スライドに沿って学習していくことで、簡単にwebページを作り上げることが
できました。

HTMLやCSSの基礎の基礎をこんなにも手軽に学べるのは
本当に嬉しいですよね。

経験値が溜まっていくとレベルがアップします。

facebookやTwitterでシェアできるので自分のモチベーションアップにも
つながるはずです。

プログラミング初心者の人は、まずHTML&CSS初級編で学習してみると良いかもしれませんね。

他にも無料で使えるプログラミング学習サービスはあるので、合わせてチェックしてみてください。

また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。

オンラインプログラミング学習も良いですが、併せてオンラインスクールもやりたいですね。実際にスクールに通うよりも安価で済むし、学習効果は凄く高いです。おすすめオンラインスクール↓

今回はこの辺でさようなら。

WEBの基本の知識について過去記事も見て下さい。初心者がWebサイト入門に必要な知識 その5

最新情報をチェックしよう!
>本当の自由を求めて「WEBサバイバー terayamaya」

本当の自由を求めて「WEBサバイバー terayamaya」

本当の自由とはなんだ?答えを求めてサバイブし続ける!お金より大事な事は沢山あるけどお金じゃないと解決できない事もある。

CTR IMG