勉強をしたいけれどもお金がない……。
そんな悩みは学生だけのものではありません。書籍費、セミナー参加費などなど、学習に必要な経費は結構かさむもの。
しかし、今はインターネットという便利なアイテムがあります。無料で学習できるツール、サイトが公開されています。これを使わない手はありません。
今日は、Web制作関連の学習サイトを中心に、無料で効率よく学べ、初心者でもとっつきやすいサイトをご紹介します。
『Creaple』
http://creaple.jp/prog/src/index.php
イラストレーション、Webデザイン、Webディレクション、コーディングに関する基礎を動画で学ぶことができる画期的なサイトです。
内容はごく基本的なものから応用編までバラエティに富んでいます。
特に充実しているコンテンツはイラストレーション関連のコンテンツです。
動画の内容は、実際の作業工程を見せるものや、セミナー形式のものが多いです。
Webクリエイティングに関する動画でしたら、作業工程を見せている動画がお勧めです。
便利なショートカットキーの解説や、プロの作業スピードが見られるので、学習の目標が立てやすく、また自分の今の実力がどれくらいかを比較して認識することができます。
『ドットインストール』
プログラミング言語の入門サイトとして有名なドットンストール。
プログラミング言語の基礎を、実際にタイピングしながら解説してくれるサイトです。
まったくの初心者が最初に動画を見ると、ちょっと説明が速いと感じるかもしれません。繰り返し見て、自分でもコードをまねてタイプすることで上達が望めるサイトです。
Java Script、HTML、CSS、PHPといったWeb制作に必要な言語の解説はもちろん、Python、Rubyの解説もあります。
『Code Combat』
「ゲームをプレイしてコードを学びましょう」
タイトルページにあるように、ゲームを通してプログラミング言語を学ぶことができるサイトです。
実際にコードを打ちながらゲームを進めます。間違ったコードを打つとエラー表示とヒントが出るので、自分の理解が足りない箇所がよくわかります。
ゲームをクリアして経験値をためると、レベルアップし、新たなステージが解放され、より難易度の高いコードにチャレンジできます。また、使用するアイテムには使用できるコードが付与されており、ゲームクリアや、クリア時に得られる宝石を用いてアイテムを入手することができます。
楽しくプログラミングの基礎を学べます！
※一部有料コンテンツもあります。
『Progate』
HTML & CSS、JavaScript、Ruby、jQuery、PHP、Ruby on Railsが無料で学べるサイトです。
レッスンと実践を組み合わせたバランスの良い学習形式を採用しています。
最初にスライドで基礎を学びます。そのあとで実際に自分でコードを書きます。すべて正解すると次のステップに進めるという方式です。
実践時にスライドショーを見直すこともできますし、ヒントをもらうこともできます。
初心者が挫折しにくいよう工夫がされています。
正解するごとに経験値が加算され、Lvアップしていくシステムも採用しているので、黙々と勉強しているというよりはゲーム感覚で楽しみながら学習を進めることができます。
『Webプログラミング入門』
じっくり読んで勉強したい。
そんな方にお勧めなのがWebプログラミング入門です。
PHP、MySQL、jQuery、WordpressといったWeb制作に必須の言語について、丁寧な解説がされています。
基本構文の説明が丁寧にされており、理解しやすいです。サンプル構文の真似をして、自分でもコードを書いてみましょう。
本で学習する前段階の学習としても最適なサイトです。
以上、無料で学べるサイトをご紹介してきました。
今回ご紹介したサイト以外にも、まだまだ良いサイトがたくさんあります。
皆さんが利用されている素晴らしいサイトがありましたら、是非ご紹介ください。
- 1355 views
- キム
