プログラミング - kingpapaへの道 4.x

CodecademyでHTMLの基礎を学ぶ


今回は、本や動画でしか勉強してなかったHTMLを、実際に打ち込んで学ぶサイトに登録してみたのでご紹介します。

そのサイトの名は.....「Codecademy

アクセスすると、トップページは日本語に対応していて、自己紹介的なJavascriptのコードをエディタに打ち込んでみる事が出来るという。



日本語に対応しているのはトップページのみなので、実際にレッスンを開始すると、進めていくページは英語表記のみです。

英語がちょっとしか読めないパパさんは、翻訳しながらの作業になるのでそこが難点かな。。。

本格的に学ぶためには、英語のスキルもそうですが、サインアップしなければなりません。
しかし、ありがたい事にGoogle / Facebook / Twitterのアカウントでログインできるので、この3つのアカウントをお持ちの方は、わざわざ新規でアカウントを作成しなくても大丈夫ですね。



ログインすると、上部にある「学ぶ」をクリックすれば、HTMLやPHPなど、学びたいコースが選択できます。



あとは、解説と問題をよく読んで右側にある専用エディタにコードを打ち込んで、送信ボタンをクリックすると、正解なら次のレッスンへ...不正解ならエラーとなりもう一度コードを打ち直す。
左側にある問題の下には、ヒントがあるので、分からなくなった時はヒントを活用すれば、なんとか正解にたどり着けます。



これの繰り返しで、なんとかHTMLを理解できたらと思ってやってますw


日本のサイトでも、実際に解説しながらコードを打ち込んでいる動画を配信している 「ドットインストール」さんにも登録しているので、動画を観てある程度の基本をおさえてから、Codecademyで実際に打ち込むってのが、勉強するにはいい方法なのかな?


とりあえず、この2本柱でHTMLなどを勉強していこうっと。。。

HTMLのお勉強

最近、何を思ったかHTMLのお勉強を始めてみたパパさん。

ブログのテンプレも、前のは暗い感じだったので明るい感じにして、背景画像を差し替えてみたりして。。。

ホントはいろいろカスタマイズしてみたいんだけど、HTMLとCSSのコードをみてもさっぱり...よく画像を差し替えれたなと自分でも思うくらい訳わからず(まぁ、画像のURLを書き換えるだけなんですけどね)

なのでHTMLとCSSを基礎からお勉強してみようと、以前書いた「プログラミングの動画学習サイトに登録してみた」で紹介しているドットインストールさんでHTMLとCSSの基礎の動画を繰り返し観ています。

ドットインストールさんは、他にもいろいろなプログラミング言語を学習できるし、スマホでも観れるし、PCからだとメモも取れるし説明も解りやすいです。

でも、さすがに30半ば超えると動画ばかり観ててもなかなか頭に入らない感じ...
そこで、参考になる書籍はないかと思っていたら、いつも見させて頂いているブログ『webクリエイターボックス』の管理人のManaさんがガイドブックを出していたので、さっそくAmazonで注文!!

その書籍がこれ...

Webクリエイターズガイドブック―「HTML」「CSS」の基礎を固めて、思い通りのWebデザイン表現 (I/O BOOKS)Webクリエイターズガイドブック―「HTML」「CSS」の基礎を固めて、思い通りのWebデザイン表現 (I/O BOOKS)
(2011/12/24)
Mana

商品詳細を見る


中身はというと、webサイトを作る際の心得的なところから始まり、デザインの基礎やもちろんHTMLとCSSの基礎を初心者のパパさんでも解りやすい内容となってます。


まだ最後まで読んでませんが、ドットインストールさんの動画とManaさんの書籍を繰り返し見て、ブログを自分なりにカスタマイズしたり、ちょっとしたwebサイトを作ってみたいです。


ゆくゆくは、HTML5とJavaScriptでAndroidアプリを!!!←懲りないねぇ(・.・;)

プログラミングの動画学習サイトに登録してみた

Androidアプリを自作してみたくて、なんとなく趣味で始めたプログラミング...
ひとくちでプログラミングと言ってもいろんな言語があり、超初心者のパパさんはどれがいいのかさっぱりわからず...

AndroidアプリはJAVA言語で開発するのですが、いきなりJAVAから始めるのもどうなんだろう(・・?)と思い本を購入


前回紹介した本に載っていたSmallBasicもいいんですが、本を見ながらコードを打ってもいまいちピンとこないので、何か動画でないのかな?とグーグル先生に聞いてみたところ...ありました(^^)v


パパさんのような超初心者向けの学習サイト

top_top3.png
ドットインストール


要登録ですが、無料なのでメアドを持っていて、プログラミングを勉強したい!!と熱い?思いがある人なら誰でも登録できます。

ちなみにパパさんは第12期生になってました。。。

ドットインストールのいいところは、なかなかナイスな声の男性の音声解説付き動画(ほとんどが3分以内)を観て勉強できるし、観た動画は完了ボタンをポチっとすればどこまで学習したのか分かるし、動画を観ながらメモを打てちゃうという...

"このサイトについて"に載ってる文句としては...

「細かいところは大胆にざっくり省き、おおまかな仕組みを理解してもらうこと」
「エンジニアが横にいて、あなたに説明しながらコードを組み上げていってくれるという体験」

だそうです。


超初心者のパパさんには有難いサイトです(^_^;)


登録後、さっそく基礎編のJavaScriptから始めてみました


学習はナイスな声のお兄さんが解説しながら進めていくのですが、なるほど~(゜o゜)といいながら右側にあるメモ欄に自分用のメモを打ち込むって感じでいいのかな?あってるよね?

まぁ、聞き逃したとこはそこまで戻って再度観ることもできるし、1回観たところも何回でも観れるという...しかも無料で!!なんて素晴らしいサイトなんでしょう(^^♪


そして、有難いことにスマホ版にも対応しているので、仕事の休憩中でも動画学習できるし、学習したとこのコードも見ることができます(^-^)


30代後半に足が入りかけている年なのに、なんで今さら?と思う方もいるかもしれませんが、プログラミングってやっぱり楽しいです(*^^)v


趣味の域を超えて本業にしたい!!!←あくまでも願望ですのでここはスルーで...


せめてあと10年遅く生まれていたら、間違いなく迷わずプログラミングの世界に身を投じていたんだろうなぁ...そんなに甘くはないんだろうけど(^^ゞ

デベロッパパへの道 ~番外編~

今回は、まったくの初心者パパさんがプログラミングのお勉強を始めるために本を買った記念でやってみた『Smallbasic』です。

ちなみに、近所の本屋さんになくてネットで買った本がこれ...

最初からきちんと学びたい人のプログラミングの入門書 (日経BPパソコンベストムック)最初からきちんと学びたい人のプログラミングの入門書 (日経BPパソコンベストムック)
(2011/03/01)
日経ソフトウエア

商品詳細を見る


マイクロソフトが提供していて子供でも出来ちゃうという...初心者パパさんにいいかな?的な感じで導入してみました(^^ゞ


まずは、Microsoft Small Basicにアクセス

SnapCrab_NoName_2012-1-29_22-56-5_No-00.png
右上のDownloadをクリックするとダウンロードが開始します


あとはインストールするだけ!

日本語に対応しているので面倒な日本語化はいりましぇん(*^^)v

日本語版の入門マニュアルもあるので、ついでにPDFをここからダウンロードしてお勉強。。。

起動するとこんな感じ
SnapCrab_Small Basic_2012-1-29_22-59-6_No-00
起動したらコードを書くだけ


HelloWorldはAndroidアプリでやったので、今回は日本語で書き×2...
SnapCrab_Small Basic_2012-1-29_23-2-16_No-00

実行すると、別ウィンドウでコマンドプロントが立ち上がり...
SnapCrab_NoName_2012-1-29_23-4-12_No-00.png
書いたテキストが出力されました。。。


次は、簡単な直線や四角形などを表示するGraphicWindowへ(もちろんマニュアルを見ながら...)
そんでもって、マニュアルに書いてあるサンプルコードを打ち込むと...
SnapCrab_NoName_2012-1-29_23-18-16_No-00.png

こんなん出ました
SnapCrab_Small Basic Graphics Window_2012-1-29_23-18-37_No-00


もう一つ、面白いのが「タートルグラフィックス」
その名の通りカメが歩いて線を引き図形を描くというもの

サンプルコードに面白いのがあったので書いてみる。。。
円形をずらしながらカメが描いていくプログラム
SnapCrab_NoName_2012-1-29_23-29-12_No-00.png

動画でお見せ出来ないのが残念ですが、上のコードの命令通りカメが歩いて描いた図形がこれ...
SnapCrab_Small Basic Graphics Window_2012-1-29_23-28-46_No-00
う~ん...なかなか面白い(^_^;)

しばらくこれでプログラミングのお勉強してみようっと(*^^)v


『デベロッパパへの道』は、まだまだまだまだ始まってもいない...

Amazon

楽天

Social

プロフィール

ぎんときパパ

Author:ぎんときパパ
愛する姫(長女)と王子(長男)ネタと子育てネタを絶賛?配信中の『Kingpapaへの道4.x』の管理人(30代オヤジ)

カレンダー

01 | 2024/02 | 03
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 - -

YouTubeチャンネル登録

フォローお願いします

カウンター

ブログランキング

ブログランキング・にほんブログ村へ

ブロとも申請フォーム

QRコード

QR