![[Web開発フルスタックコース] Netflixとニンジン市場の分析を通じて学ぶデータベースの基礎講義サムネイル](https://cdn.inflearn.com/public/courses/330079/cover/c142fdb2-b4fa-4b6a-9e8f-7bd48aed7635/fullstack-db-1.jpg?w=420)
[Web開発フルスタックコース] Netflixとニンジン市場の分析を通じて学ぶデータベースの基礎
realprogrammers
このレッスンは、フルスタックWeb開発者を育成するための[Web開発フルスタックコース]レッスンシリーズのデータベースの基礎に関するレッスンです。 このレッスンは、Netflixとニンジン市場を分析しながらデータベースの設計を理解するプロセスです。基本的なデータベース設計原理とSQLを学ぶための基礎講義です。
入門
DBMS/RDBMS, MySQL, SQL
本講義は、フルスタックWeb開発者養成のための「Web開発フルスタックコース」講義シリーズのHTML&CSSに関する講義です。 この講義を通じて、Web開発の骨組みであるHTMLと、Webを美しく彩るCSSについて理解を深めることができます。

学習した受講者のレビュー
5.0
157350
html、cssエンドプレート王...大ヒットこれは1つです。
5.0
강부열
とても素敵な無料講義ありがとうございます。
5.0
T parkkk
講師様が本当に実務的な蜂蜜チップまで詳しく説明していただきたいと思っていた様子に感動しました!
HTML基本タグ
グローバル属性とローカル属性
セマンティックタグ
フォント、リスト、色、表のスタイリング
レイアウトデザイン
レスポンシブウェブ
読みやすいウェブ、速いウェブ実装のための基礎!
HTML & CSSを本格的に学んでみましょう ✨
✅ この講義は[フルスタックWeb開発者ロードマップ]シリーズの講義です。
Webを構成する根幹技術であるHTMLとCSSは、すべてを繋ぐために誕生した言語です。
HTMLはHyper Text Markup Languageの略称です。Hyper、Text、Markup、Languageという4つの単語で構成されています。これらの単語の中で最も重要なのはHyperです。HTMLを理解するための最も重要なヒントをハイパーリンク(Hyperlink)から得ることができるからです。
紙の時代の文字ではなく、ウェブブラウザやワードのような文書作成ツールにおいて、皆さんはハイパーリンクという機能を通じて動画、音楽、写真、ファイル、文章などの特定の場所を繋ぐことができます。ハイパーリンクは、文書内であらゆる形式の資料を連結し、指し示すことができる参照の輪です。初期のウェブに<a>タグのようなハイパーリンクの機能を持つタグがあったということは、実に驚くべきことです。ウェブを構成する根幹技術であるHTMLは、結局のところすべてを繋ぐために誕生したと言えるでしょう。
Hyperは「超越」という意味を持ち、Textは「文字」を意味します。つまりHyper Textは、文字と文字、文章と文章、文書と文書が互いに有機的に連結され、疎通することができる、一般的な文字を超越した文字であるといえます。
HTMLは、このようなHyper Textをマークアップ(Markup)できる言語(Language)です。ここでマークアップとは、文書の内容以外にも文書の書式、構造などを表現するための情報です。HTMLはこのようなマークアップ情報を表現できる言語であり、ウェブの骨組みに該当します。
一方、CSS(Cascading Style Sheets)は、HTMLという骨組みに素敵な服を着せるデザインを担当する言語です。CSSを通じて、ウェブのレイアウト、色、フォント、サイズなどのデザインを適用できるようになります。
HTML/CSSを学ばずにはWeb開発者になることはできません。
読みやすいウェブとそうでないウェブについて考えたことはありますか?私たちは毎日、本、テレビ、雑誌、ブログなど、数多くの文章を読みながら生きています。しかし、ある文章は読みやすく、ある文章はなかなか頭に入ってきません。ウェブ開発者が作成したコードも同様です。人の目には見えませんが、検索エンジンやスクリーンリーダーのようなソフトウェアを通じて読み取られます。検索エンジンやスクリーンリーダーは、ウェブページを通じて目に見えないウェブを構成するコードを解析し、私たちが開発したウェブページを解釈します。ソフトウェアが正しく読み取り、理解できるコードを書くためにはどうすればよいでしょうか?そして、それはなぜ重要なのでしょうか?
読みやすい文章を書くコツは、「簡潔明瞭に」書くことです。開発者が作成するコードも同様です。マークアップを作成する際、不要なタグは取り除き、ページを構成するために必要なタグだけで構造をシンプルにしなければなりません。
今日、ウェブは使いやすいだけでなく、速くなければなりません。Googleの研究によると、ウェブページの読み込みに5秒以上かかると、訪問者がページを離脱する可能性が90%増加するといいます。ブラウザのレンダリングプロセスを理解し、ページ内で使用するリソースを最適化することで、読みやすいだけでなく速いウェブを提供しなければなりません。そのため、優れたウェブを開発するには、ウェブを構成する根本的な言語であるHTMLとCSSの基礎をしっかりと築く必要があります。
ソフトウェア技術を通じて世界に良い影響を与えたい24年目のソフトウェア開発者。
知識を分かち合うことが好きで、常に新しい技術を習得することを楽しんでいます。
国内外60社を超えるグローバル企業のERPシステムを構築するコンサルタントおよび開発者として活動し、自ら開発したソフトウェアを国内はもちろん海外の有数企業に販売した経験も持っています。ITスタートアップの代表取締役でもあります。
開発者としてだけでなく、UXコンサルタント、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発における企画から開発までの全過程において数多くの経験を積んできました。現在は20年を超える実務経験をもとに、後輩たちに本当に必要な技術、本当に正しい知識を伝えるという使命感を持ち、知識を共有する活動を行っています。
学習対象は
誰でしょう?
Web開発者になりたい人
コーディングを初めて始める人
HTMLを学びたい人
CSSを学びたい人
前提知識、
必要でしょうか?
事前知識なしで、誰でも受講できます。
11,309
受講生
269
受講レビュー
152
回答
4.9
講座評価
8
講座
ソフトウェア技術を通じて世界に良い影響を与えたい、24年目のソフトウェア開発者。
知識を共有することが好きで、常に新しい技術を学ぶことを楽しんでいます。
国内外60社を超えるグローバル企業のERPシステムを構築するコンサルタントおよび開発者として活動し、自ら開発したソフトウェアを国内はもちろん海外の有数企業に販売した経験も持っています。ITスタートアップの代表取締役でもあります。
開発者としてだけでなく、UXコンサルタント、時にはビジネスコンサルタントとして働きながら、アプリケーションやサービス開発における企画から開発までの全工程において数多くの経験を積んできました。現在は20年を超える実務経験をもとに、後輩たちに本当に必要な技術、本当に正しい知識を伝えるという使命感を持ち、知識共有の活動に取り組んでいます。
メール - seungwon.go@gmail.com
全体
33件 ∙ (14時間 46分)
講座資料(こうぎしりょう):
2. 開発環境の構成
15:04
3. HTML基本構造と基本要素
55:37
4. グローバル属性とローカル属性
42:19
5. style プロパティ
11:54
6. 意味に合ったタグを使う
33:27
7. リストタグ
10:58
8. テーブルタグ
19:36
9. form要素
59:32
10. input要素の主な属性
21:22
11. その他フォーム要素
24:35
12. フォームタグ
21:44
13. iframe
21:49
14. ビデオとオーディオ
20:24
15. mapタグ
22:50
16. セマンティックタグ
15:20
17. CSSとは
15:02
18. CSSセレクタ
01:11:00
19. CSSの適用方法
19:36
20. 色の適用方法
22:50
21. テキストスタイリング
24:55
22. フォントスタイリング
41:14
23. リストスタイリング
12:56
24. リンクとカーソルスタイリング
22:27
25. テーブルスタイリング
08:01
28. Border スタイリング
13:56
29. HTML要素の位置の定義
32:09
30. オーバーフロー
13:58
31. レイアウトを作成するためのCSS
51:10
32. レスポンシブウェブ
53:31
全体
113件
4.9
113件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
受講レビュー 9
∙
平均評価 5.0
受講レビュー 320
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
無料