クリプト

完全素人のプログラミング【2】HTML&CSS

ちゅんちゅん's icon'
  • ちゅんちゅん
  • 2018/12/17 14:05

みなさまこんばんは、ちゅんちゅんです。

前回僭越ながらプログラミングを始めるにあたってどういう風に言語選択をすれば良いかということについて記事を書かせていただきました。

今回は私がどうやってHTML&CSSの勉強を進めたかについてお話ししていこうと思います。

まずはじめに私が手をつけたのはProgateという学習用サイトです。



このサイトは本当に右も左も分からない方が勉強を始めたいという時に絶大な効果を発揮すると思います。

お題の通りに進めていくだけでどんどん『なるほどなー!』という感覚になってきてとても楽しくできます。

しかも経験値が貯まればどんどんレベルアップしていくので、目に見えて頑張ったと思えるのでより楽しいです。

私はここで、

・WEBページの見た目の書き方(HTML)

・ページの余白や文字の大きさ、画像の挿入(CSS)

・よく使うテクニックや書き方

・PC、スマートフォン、タブレットのどれから開いてもレイアウトが崩れないよ

 うにする方法

・ローカルでの環境構築

これらを学んで、きちんと理解したつもりでいました。

ですがいざ実際にWEBページを作ろうとすると、、、

・CSSが想像通りに反映されない

・ページ内の好きなところに思うように要素(ロゴとか文字とか)を配置できな

 い

・覚えていないタグが多すぎてどう書けばいいか分からない

・テクニックを全く使いこなせない

などなどたくさんの壁にぶち当たりました。これの理由は、


Progateが『初心者への壁を徹底的に下げている』ことによるものです。


簡単に勉強が進められてしまうが故の弊害として『できた気になってしまう』ということが挙げられます。

なので次に私は書籍からヒントを得ようと思いました。

Content image
服部雄樹 著 2017/08/03 技術評論社 発行

この本ではそもそも『WEBサイトはなんぞや』というところから、UXやUIといった『よく出てくるけどいまいちピンとこない』用語を丁寧に解説してくれています。

これまで曖昧に把握していただけの言葉を理解する上で非常に助けになると思います。

ブログ向けのレイアウトとECサイト向けのレイアウトはどのように作るか、ページ制作の手順などを始めから丁寧に学ぶことができます。

他にもUdemyという動画学習サイトもオススメです。

以下のリンクは私がオススメする講座です。通常価格は24000円ですが、確か最安値は1200円だったような気がします。



様々な講座があるのでぜひ自分に合いそうなものを探してみてください!


(Udemyは通常価格が非常に高額でなかなか手が出しづらいように見えるのですが、しょっちゅうセールやってて1500円以内で購入できるので高い時は待つのもありです笑)


これらに加えて、実際に私が体験したものではないのですが、

ドットインストールという動画学習サイトも流行っているようで、とても分かりやすいらしいので興味のある方はぜひお試しください!

さて、今回はここまでと致します。

最後までお付き合い頂きありがとうございました!

次回は実際に私が練習で作ったサイトとかを紹介してみたいなと思います。

(出来栄えに納得してないので恥ずかしいですが、、、)

それでは!



公開日:2018/12/17
獲得ALIS:23.90
ちゅんちゅん's icon'
  • ちゅんちゅん
  • @chuncy3711
プログラミングの可能性という魔力に惹かれてふらふらと迷い込みました。美味い飯とかアイディアとか勉強した記録とか、その時の気分で好きなこと書こうと思います。

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
クリプト

クリプトスペルズで入手したMCHCを引き出す方法

Like token Tip token
196.20 ALIS
Eye catch
クリプト

【初心者向け】$MCHCの基本情報と獲得方法

Like token Tip token
32.32 ALIS
Eye catch
クリプト

Uniswap v3を完全に理解した

Like token Tip token
18.92 ALIS
Eye catch
クリプト

Eth2.0のステークによるDeFiへの影響を考える。

Like token Tip token
44.10 ALIS
Eye catch
クリプト

ジョークコインとして出発したDogecoin(ドージコイン)の誕生から現在まで。注目される非証券性🐶

Like token Tip token
38.31 ALIS
Eye catch
クリプト

UNISWAPでALISをETHに交換してみた

Like token Tip token
40.40 ALIS
Eye catch
クリプト

コインチェックに上場が決まったEnjin Coin(エンジンコイン)コインを解説

Like token Tip token
21.49 ALIS
Eye catch
クリプト

2021年1月以降バイナンスに上場した銘柄を140文字以内でざっくりレビュー(Twitter向け情報まとめ)

Like token Tip token
38.10 ALIS
Eye catch
クリプト

NFT解体新書・デジタルデータをNFTで販売するときのすべて【実証実験・共有レポート】

Like token Tip token
121.79 ALIS
Eye catch
クリプト

約2年間ブロックチェ-ンゲームをして

Like token Tip token
61.20 ALIS
Eye catch
クリプト

【第8回】あの仮想通貨はいま「テレグラム-TON/Gram」

Like token Tip token
69.90 ALIS
Eye catch
クリプト

Bitcoin史 〜0.00076ドルから6万ドルへの歩み〜

Like token Tip token
947.13 ALIS