3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

HTML CSS勉強するときにオススメな教材

Last updated at Posted at 2019-10-09

##はじめに
こんにちは。
現在デザイナーをやりながらフロントエンドエンジニアを目指して
勉強中のあくしおです。

アウトプットするって言ったのにかなり久しぶりの投稿です。。。

気持ちを切り替えて今日はHTML CSSを勉強するときにおすすめの教材を紹介していきたいと思います。

私のように遠回りして欲しくないので書きます。

##基礎編
#####対象者:
・HTML CSSってなにそれ。
・名前は聞いたことあるよって人

#####オススメ教材:
Progate
・めっちゃ分かりやすいです。無料プランでもいいですが有料会員になって
 サッと2週くらいやるといいと思います。
・本とかだとモチベ上がらない人とかは特におすすめ。

おすすめサイト:
Webliker
・凄く丁寧に説明してくれてる。
 こちらも初学者の方にかなりオススメ

ドットインストール
・動画形式で一緒に基礎を学びたい方向け

 

上記教材をやれば基礎の基礎は身につくと思います。

##次のステップ
#####対象者:基礎は学んだよ!って人
UdemyのBuild Responsive Real World Websites with HTML5 and CSS3コース

こちらはUdemyのHTML CSSコースの中でもベストセラーの教材となっており僕自身もこの教材をやって大変満足しております。

実際に作るサイトもオシャレなのでテンションも上がります。

上記の事が終わったらあとはひたすら自分でサイトを作ってみるしかないと思います。
何も作るものが思いつかない人は既存のサイトの模写コーディングがオススメです。

「模写コーディング おすすめ」とかで検索したらたくさん出てくるのではないでしょうか。

実際のコーディング作業に移った時に手が止まってしまうということはあると思いますがググりながら一つずつ潰していけば必ずできるようになると思います。

##まとめ
結局のところ基礎の基礎を勉強したら調べながら自分で手を動かすがオススメ。
もしこの記事がいまいち勉強方法がわからないという方の参考になれば幸いです。

Qiita自体書き慣れていないので間違い等あれば指摘していただけると大変助かります。
またこの次のステップも需要があれば書きたいと思います。

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?