Web制作の学習に役立つコンテンツをまとめました。
目次
Web制作の学習に役立つ「サイト」
公式サイト
- HTML Standard
- MDN Web docs ※ほぼ公式
正しい情報を確認したくなったらMDNを見ると良いですよ😊
学習教材
とりあえず初心者はProgateを触ってみるのがオススメ！
Q&Aサイト
慣れてきたら英語版のstack overflowだけ使えばOK。
※最初の頃は、日本語のQ&Aサイトでも大丈夫です。
ニュースサイト
暇なときに見てみると、最近の技術動向がわかりますよ！
その他
これらのサイトを使いつつ学習すると効率アップです😃
Web制作の学習に役立つ「記事」
Webサイトの基本
そもそも「Webサイトとは何か？」も理解しておきましょう！
HTML&CSSの学習記事
- displayの使い方を総まとめ！
- CSSのmarginとは？paddingとは？
- HTMLファイルとHTMLタグの解説
- CSSの基本を解説
- floatバグで泣かないための3つのヒント！
- 便利すぎるCSSプロパティ「clear」の使い方
- レスポンシブデザインとは
- Bootstrapのグリッドシステムの使い方
- CSSグリッドレイアウト
HTMLとCSSについての理解が捗る記事をまとめました。
ツールの使い方
- Slackの使い方
- Emmetの使い方
- Code Spell Checker設定記事
- VSCodeで差分確認
- VSCodeのマルチカーソル練習帳
- Google翻訳 / Chrome拡張機能あり
- Envato Marketの購入方法
ツールを使いこなして生産性をアップしましょう。
チートシートまとめ
印刷しておくと便利です！
Web制作の学習に役立つ「本」
東京フリーランスのこちらの記事も参考になります👇
【Web制作初心者必見📖】#デイトラ Web制作コースの制作やメンターを担当してる5人で、それぞれオススメの技術書を紹介しました❗
️
全てホントに良書なんですが、一気に買うと3万越えるし高確率で挫折するので、学びたいと思ったタイミングで1冊ずつ勉強してみてください👍https://t.co/JgcDwaxUwT— ショーヘー@東フリCMO (@showheyohtaki) 2020年4月21日
以下は、私が選んだ「(コーディングに限らず)Web全般を学ぶとき」にオススメな本です😊
HTML&CSS 入門〜初級
(2024/12/21 12:04:12時点 Amazon調べ-詳細)
(2024/12/21 12:04:13時点 Amazon調べ-詳細)
はじめてならこの2冊がオススメ。
Kindleで中身の試し読みしてから買うと良いですよ！
HTML&CSS 中級〜
(2024/12/21 12:04:14時点 Amazon調べ-詳細)
(2024/12/21 12:04:15時点 Amazon調べ-詳細)
デザイン
(2024/12/21 12:04:21時点 Amazon調べ-詳細)
(2024/12/21 12:04:16時点 Amazon調べ-詳細)
(2024/12/21 12:04:17時点 Amazon調べ-詳細)
デザインに興味がある方は3冊とも買って良いです！
「センスがなくて悩む…」という人はノンデザイナーズ・デザインブックは必読です。
論理でデザインが分かるので、誰でもデザイン力が向上しますよ。
Webの基本 入門〜初級
(2024/12/21 12:04:19時点 Amazon調べ-詳細)
Webページの周辺知識を知りたい人は、この本から始めるのがオススメ。
Webの基本 中級〜
(2024/12/21 12:04:19時点 Amazon調べ-詳細)
(2024/12/21 12:04:22時点 Amazon調べ-詳細)
専門的な用語がたくさん出てくる本ですが、体系的にしっかり理解したいならオススメの2冊。
プログラミングで食べていきたいなら、どこかのタイミングで読むと良いですよ。
その他
デイトラ作成者のショーヘーさんの営業の本です。
技術が身についた後に、営業をどうすればいいか迷う人は、読んでみると良いですよ！
Web制作の学習に役立つ「サービス・ツール」
開発ツール
ホームページ公開
テンプレート
以上、アルパカ(@engineeraru)でした。