【Web系言語やサイト作りの学習にいかが?】Codecademyをやってみました!

By | Date : 2016/08/26 ( Last Update : 2016/11/19 ) | 82 views

Nia-TN-SDF-A2

こんにちはー!ニアです。

今回はプログラミング学習サイト「Codecademy」をやってみたお話です。

 

私はWordPressでPHPのプログラミングを時々していますが、それ以外に何かWebサイトを作ってみようと思い、そのサイトで復習兼新たな知識の学習をすることにしました。

 

1. Codecademyとは

Codecademy(注:Codeacademyじゃないよ!)とは、HTMLやCSS、JavaScript、PHP、RubyなどのWeb系言語のコーディングの基礎をオンライン上で学べるプログラミング学習サイトです。

 

codecademy

ブラウザ1つで学習できるので、開発環境の構築は一切不要なのが魅力的です。(私が持っている初代Surfaceでもできるよ!やったね、(ry)

サイトや学習コンテンツ自体は日本語非対応ですが、ここは英語の技術資料を読む感覚でやってみましょう。

英語が大体読めれば大丈夫ですよ。

 

1.1. 学べる言語や知識

Codecademyで学べる言語や知識を以下に示します。

  • HTML、CSS、JavaScript、jQuery、PHP、Python、Ruby
  • HTML+CSSを使ったWebサイトの作成
  • jQueryを使ったインタラクティブなWebサイトの作成
  • Sass、Ruby on Rails、AngularJS、React.js、SQLなどの学習
  • Git、コマンドラインの学習
  • Webサイトのデプロイ

プログラミング言語だけでなく、主要なフレームワークやデータベースの使い方や、Webサイトのデプロイ方法まで色々学ぶことができます。

 

2. 実際にやってみました

Codecademyを利用する時は、アカウントを作成する必要がありますが、

  • Twitter
  • Facebook
  • Google+

のソーシャルアカウントを使って作成することもできます。ちなみに私はGoogle+を使って作成しました。

 

コース一覧から学びたいコンテンツを選んでみましょう。ここでは、言語スキル(Language Skills)からPHPを選択してみます。

codecademy2

PHPのコースでは、以下の11章で構成されています。

  1. イントロダクション
  2. 条件分岐(if/else)
  3. 条件分岐(switch)
  4. 配列
  5. forループ
  6. whileループ
  7. 関数(2回)
  8. オブジェクト指向(クラスなど)(2回)
  9. 配列の応用

例えば、最初に学ぶイントロダクションでは、PHPについての説明から、echo文による値の出力、文字列や数値の扱い方、変数の使い方までを学ぶことができます。

 

各セクションでは、Instructionsに従ってプログラムを作っていきます。大体のセクションでは、与えられたプログラムのひな型をちょっと改造するだけなので、簡単に解くことができます。

codecademy3

プログラムは適宜自動で保存されるので、あとで復習することもできます。気づいたことをコメントでメモするのもいいですね。

あと、エディターには日本語などを入力しても大丈夫です。文字化けせずに正しく表示されます。

 

3. おわりに

今回はプログラミング学習「Codecademy」を紹介していきました。

私は登録した当日に「Webサイトの作成」と「jQueryを使ったインタラクティブなWebサイトの作成」を一通りやってみました。中でもjQueryでトグルボタンを実装したり、アニメーションをさせたり、カルーセル表示を実装したりするのが面白かったです。

「Webサイトの作成」の最終章でBootstrapを初めて使ったのですが、レスポンシブデザインを設計する時にとても便利だなと思いました。

 

もし、授業などでプログラミングの実習をしたけど、さらにプログラミングをしたいという方や、学校ではC言語を学んでいたけど、Web系もやってみたい方は、今回紹介したようなプログラミング学習サイトを利用してみるのはいかがでしょう。

 

それでは、See you next!

 

この記事をシェアする
Chronoir.netのRSSフィードを購読する

About : ニア(Nia)

紅茶とコーヒーが好きな湘南生まれのプログラマー/ITエンジニアです。主にC#/C++/PHPを使ってプログラミングをしています。趣味は写真撮影と音ゲーです。時々イラストを描いています。プログラミングを勉強している方々と仲良くなりたいです! 興味を持っている分野:UWP/Xamarin/Android Wear/WPF/Windows/Visual Studio/WordPress/KUSANAGI/nginx

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*