この記事では、私がHTMLとCSSなどを学んだツールを紹介します。

HTMLとかCSSって何だか難しそうですよね。

スポンサードリンク

私は、ほぼ無知の状態から約半年間少しずつ勉強をしてこのサイトのベースが作れるようになりました。

 

もちろん、ネットで調べたり本も読みましたが、やっぱり1番基礎が身につくのは実践です。

そこで役に立つのが、Progate（プロゲート）です。

 

アドレスとパスワードを使用して会員登録するだけで、無料で使用可能なプログラミング勉強の専門サイトです。

 

スライドで基礎知識を1つずつ勉強しながら、エディタに実際のコードを入力する実践もあり、打ったコードにどんな効果があるのかプレビューを見ることもできる優れものです。

 

 

演習をクリアする度に出てくるキャラクターも可愛く、ポイントを得てレベルアップしていくシステムなので飽きもこないと思います。

 

何より、スライドの説明がわかりやすく、見やすいところがポイントですね。

 

Progateで勉強できるのは以下の項目です。

 

• HTML＆CSS
• jQuery
• PHP
• Rudy
• Rails

 

必要に応じて勉強できますね。

 

勉強する項目によっては、「基礎編」と「応用編」が用意されているので、動的なサイトを作りたい方でも十分な要素が用意されています。

 

ちなみに、私は使っていませんが、他にもたくさんあるみたいですよ。

「Be My Style」さんがまとめてくれているので、こちらもチェック！
http://kojima1992.com/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E7%84%A1%E6%96%99_%E7%8B%AC%E5%AD%A6%E5%AD%A6%E7%BF%92%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9

 

オリジナルサイトを作りたい方はぜひご参考に。