「作りながら学ぶHTML/CSSの教科書」は初心者でも一歩ずつ取り組める!

Web系プログラミングの一歩目に最適な勉強法 プログラミング

Warning: simplexml_load_string(): Entity: line 1: parser error : Space required after the Public Identifier in /home/blognoku/blognoku.com/public_html/wp-content/plugins/yyi-rinker/yyi_rinker_main.php on line 1382

Warning: simplexml_load_string(): <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> in /home/blognoku/blognoku.com/public_html/wp-content/plugins/yyi-rinker/yyi_rinker_main.php on line 1382

Warning: simplexml_load_string(): ^ in /home/blognoku/blognoku.com/public_html/wp-content/plugins/yyi-rinker/yyi_rinker_main.php on line 1382

Warning: simplexml_load_string(): Entity: line 1: parser error : SystemLiteral " or ' expected in /home/blognoku/blognoku.com/public_html/wp-content/plugins/yyi-rinker/yyi_rinker_main.php on line 1382

Warning: simplexml_load_string(): <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> in /home/blognoku/blognoku.com/public_html/wp-content/plugins/yyi-rinker/yyi_rinker_main.php on line 1382

Warning: simplexml_load_string(): ^ in /home/blognoku/blognoku.com/public_html/wp-content/plugins/yyi-rinker/yyi_rinker_main.php on line 1382

Warning: simplexml_load_string(): Entity: line 1: parser error : SYSTEM or PUBLIC, the URI is missing in /home/blognoku/blognoku.com/public_html/wp-content/plugins/yyi-rinker/yyi_rinker_main.php on line 1382

Warning: simplexml_load_string(): <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> in /home/blognoku/blognoku.com/public_html/wp-content/plugins/yyi-rinker/yyi_rinker_main.php on line 1382

Warning: simplexml_load_string(): ^ in /home/blognoku/blognoku.com/public_html/wp-content/plugins/yyi-rinker/yyi_rinker_main.php on line 1382

Web系プログラミングの一歩目に最適な勉強法

こんにちは、のくと申します。

 

「プログラミングを始めようと思ったけど、教材はどれを選べば良いのかわからない…」

そう思っている方も少なくないかと思います。

 

そういった方や、これからプログラミングの勉強を始めたい方へ向けて、私から一つ提案をさせていただきたいと思います。

 

それが「作りながら学ぶHTML/CSSの教科書」です。

私はこの本からプログラミング学習を始めましたが、そんな初心者でも十分に理解できる内容となっているのでとてもお勧めの一冊です。

 

HTML/CSSとは何か

HTML/CSSというのはWeb制作に用いられる言語で、主にWebページのデザインを担います。このブログのように、文字の大きさを変えたり、このように文字に装飾をつけたりするのは、HTML/CSSを学ぶことでできるようになります。

 

とはいってもこれをどのようにプログラミングするか知らない人にはチンプンカンプンかと思います。しかしこの本を使えば、少しづつ着実に使い方をマスターできるようになります。

 

本当に初心者だけどいいのかな?と思う方へ

私も最初はこのように思っていました。見た目はかなり洗練されていて初心者には難しそうだと感じしまいがちかもしれません。

 

しかし、実際進めてみると、驚くほど細かく手順が示され、なおかつそれをする理由も明らかにしてくれていて、とても進めやすかったと感じます。

 

では、ここでこの本の序文を一部引用します。

はじめに

本書は、HTML/CSSをはじめて学習する方に向けた入門書です。

執筆にあたり、この本はとくに以下の三点に重きを置いています。

1、 一つ一つの手順が「なんのために行うのか」がわかる

2、実践的なソースコードをふんだんに解説

3、ウェブサイト制作で求められる必須知識についても解説

一つのウェブサイトを作り上げるために必要な過程について、総合的かつ網羅的に解説し、読みやすい構成を心がけて執筆しています。

 

この記述の通り、本当に初心者の人に向けての本となっており、解説が丁寧です。

 

作りながら学ぶHTML/CSSのここがすごい!

これからは、一冊読み終えた私が感じたこの本の特色についてまとめていきます。

 

各章のゴールが明確で細かいので挫折しにくい

この本では、1つのWebサイトを作る手順を全部で9つの章に分けて解説しています。

 

それはつまり、1つの章に内容を詰め込み過ぎず、無理なく進められ、理解をより深めることができるように設計されているということです。

 

私もやりながら感じましたが、「お!もう章がひとつ終わったのか。次に行ってみよう!」という気にさせられ、やる気の維持にも大きく役立ちました。

コラムや予備知識の解説が手厚い

この本では、いたるところにコラムや予備知識を散りばめ、今この手順には必要ないけど、合わせて覚えておくとあとでめっちゃ役立つという内容まで踏み込んで解説してあります。

 

この本で学んだあと、自分なりのサンプルサイトを作る際などに大いに役立つと期待できます。

 

また、難しい(と思われやすい)内容を学ぶときほど、その原理を知ることが深い理解につながります。

その点においても、この本は充実した解説を備えて、初心者の読者を支えています。

色使いがよく図も多いので見やすくわかりやすい

この本は全ページがカラー印刷である上に、図や現時点でのWebページの様子などが細かいステップで記してあります。

 

特に、私のような初心者はわかりやすさと実行しやすさがないとなかなか手が動きません。しかしこの本ではそこをしっかりと乗り越えていて、逆に実行したくて手を動かしたくなってしまうほどです。

 

まずはここから!なHTML/CSSをこの本でマスターしよう

Web系の言語を学ぶとき、まずはHTML/CSSを進める人は多いです。わたし自身、何から始めようか検索してみるとやはりどこもHTML/CSSを言っていました。

 

プログラミングの勉強の一歩目で挫けないためにも、この本のように手取り足取り教えてくれる本を一冊持って、それを何周もやりこむことが、確実な理解を生む最短の道だと考えます。

 

終わります。

コメント