リベホワイトのCSS3基礎実務 - 2024
rebehayan
CSS 実務20年以上のキャリアをベースにしたCSS基礎講義へようこそ！このレッスンは、Webパブリッシャーとフロントエンド開発者に成長するための第一歩を踏み出すために準備されました。
Beginner
HTML/CSS, nesting, css3
カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）
カフェ24に登場したベストショッピングモールデザインを直接クローンコーディングしてみて 素早くHTMLとCSSを学ぶことができます。HTML + CSSの基本的な理論を学び、直接クローンコーディングを通じてモールデザインを完成させ、理論で学んだ内容を適用し、しっかりとHTMLとCSSの枠組みをつかむことができるように講義を設定しました
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
Web Design
Web Design
学習した受講者のレビュー
学習した受講者のレビュー
5.0
5.0
companyable
32% 受講後に作成
初心者でも理解しやすく、よく説明してくださいます。
5.0
freehy1356
32% 受講後に作成
理解しやすいように丁寧に説明してくれる
5.0
빠른 까치
30% 受講後に作成
今まで様々なオンラインコーディング講座を受講してきましたが、これほど発音が明瞭で説明が簡潔な講座は初めてでした。 最初は有名ではないので半信半疑でしたが、むしろ講師の実力が本当にしっかりしていることを感じました。 概念説明も無駄なく整理されており、例示も実用的で理解がはるかに早いです。 「この方が後で有名になったらどうしよう」と思って、すぐに決済しました。 初心者の方々、特に集中できない方々に強くお勧めします。 JavaScript講座もぜひ出てほしいです。すぐに受講する意向100%です。
受講後に得られること
HTML + CSSコア理論
どんなに複雑なレイアウトも設計できます。
独自のポートフォリオを作成
GITによるプロジェクトの展開
クローンコーディング=口述？ NO！
直接コーディングして完成するHTML、CSSの基盤🏃
カフェ24ベストショッピングモール
口述ではなく、私は自分で作っています🔥
理論の内容をジュルリョク読んで勉強する方法より何かを自分で作って学んだ内容を書く時が一番早くコーディングを学ぶ方法だと思います。カフェ24ベストショッピングモールデザインをクローンコーディングするためのコアなhtml、css理論を学び、学んだ内容に基づいてクローンコーディングを進行し、最終的に自分だけのショッピングモールを作ることになります。
結局は書き込めそうなんですか？
なぜこのように書くべきかはじっくり示しています。
クローンコーディングの遺跡は「結局は口述」になる場合だと思いますが。
そうしないように、なぜこのようにコードを書く必要があるのか、汗のような汗のレイアウトを描きながら授業を進めます。講義をすべて聞いたら、他の複雑なレイアウトを持つウェブサイトを一人で作るときも、恐れずに簡単にプロジェクトに適用できると思います:)
講義を聞いた後、あなたは💡
- 膨大な量のHTML、CSSがこれ以上怖くなくなります。
- 複雑なレイアウトを持つウェブサイトも自分で作成できます。
- 将来のJavascriptを学ぶときは、HTML要素を自由に扱うことができます。
一緒にコーディングだけの講義の特徴⭐
クローンコードによる
学ぶ
学んだ理論をクローンコーディングで直接プロジェクトを作成しながら、正確かつ迅速にコーディングを学ぶことができます。
ただ倒れる
いいえ
この講義は開発入門者あるいは非専攻者のために作られました。わかると思って、ただ進む部分なしに、丁寧にわかります。
チャプター別学習内容📚
章1. HTMLのタグとさまざまな属性の理論
- html動作原理
- タグと属性
- セメンティックタグ
- 大量のタグを勉強する方法
第2章 クローンコーディングのためのCSS理論
- css 適用法と文法
- marginとpadding
- ボックス構造
- フレックスボックス
- transitionとtransform
- animation
チャプター3.本格的なクローンコーディング時間🔥
- 与えられた写真からレイアウトを編む
- レイアウトを実装するためのcssを作成する方法
- 効率的なcssファイル管理方法とcss方法論
- 再利用可能なcssコードを書いて5分でサブページを完成させる
章 4. 作成したウェブページ git を使って配布
- html動作原理
- タグと属性
- セメンティックタグ
- 大量のタグを勉強する方法
よくある質問✅
Q. コーディングを初めて学ぶ人も聞くことができますか？
この講義はWeb開発者の入門者や非専攻者を対象に制作されました:) 誰もが簡単に追いつくことができるように知っていると思って、進むことなく step by stepで講義が行われます。
Q. クローンコーディングはどのように行われますか？
テンプレートが与えられた状態で始まるのではなく、白紙の状態でコードが少なくなります。完成しなければならないレイアウト写真を見て、じっくり写真と同じレイアウトを作成する方法で授業を進めることになります:)
Q. 選手学習が必要ですか？
選手学習の知識は必要ありません。講義のチャプター1、2でクローンコーディングを行う上で必要なhtml、cssの基本理論を扱い、クローンコーディングを進行しながらさらに必要な理論部分は該当パートで詳しく扱うので心配しなくても構いません。
こんな方に
おすすめです
学習対象は
誰でしょう？
コーディングを始める人
Web開発者またはフルスタック開発者を希望する人
前提知識、
必要でしょうか？
コーディングを学びたい心
155
受講生
12
受講レビュー
2
回答
5.0
講座評価
1
講座
Web開発者として、あれこれプロジェクトを作るのが好きな人間です。
自ら試行錯誤しながら積み上げてきたWeb開発の知識を共有しています :)
カリキュラム
全体
47件 ∙ (6時間 17分)
講座資料（こうぎしりょう）:
授業資料
1. 講義紹介
01:55
2. 一度準備する必要があるもの
02:43
3. HTML、CSSとは何ですか？
04:00
4. Javascriptとは
02:01
5. 私たちの最初のHTML
05:24
6. HTML タグについて (1)
04:49
7. HTML タグについて (2)
06:22
8. タグは属性を持ちます
06:08
9. HTMLの構造を学ぶ
06:27
11. Semantic tag
05:46
12. フォームタグ（1）
09:47
13. フォームタグ（2）
07:28
14. HTMLにCSSを適用する
03:43
15. CSSの基礎文法
05:54
16. boxについて
07:43
17. borderを理解する
04:02
18. marginで間隔を調整する
07:25
19. paddingについて
02:35
20. idとclass
06:05
22. フレックスボックス
14:33
24. 様々なcssのセレクタ
13:16
27. transformについて
08:02
講座掲載日:
最終更新日:
受講レビュー
全体
12件
5.0
12件の受講レビュー
companyable1600受講レビュー 2
∙
平均評価 5.0
- freehy13566308
受講レビュー 1
∙
平均評価 5.0
- styeo1799
受講レビュー 8
∙
平均評価 4.8
- ingodwetrust88119375
受講レビュー 1
∙
平均評価 5.0
- tingoat3746775
受講レビュー 4
∙
平均評価 5.0
￥4,185
似ている講座
同じ分野の他の講座を見てみましょう！
![フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]Course Thumbnail](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
.png?f=avif&w=420)
![[Inflearn X 생활コーディング] HTMLとインターネットCourse Thumbnail](https://cdn.inflearn.com/public/courses/335806/cover/88d920fe-0c13-484f-8d31-1f1be0c6c4e0/335806.png?f=avif&w=420)
![[幻想的な足足]デザインからコーディングまでCourse Thumbnail](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?f=avif&w=420)
