강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Publishing

カフェ24のベストショッピングモールデザインのクローンコード(HTML + CSS)

カフェ24に登場したベストショッピングモールデザインを直接クローンコーディングしてみて 素早くHTMLとCSSを学ぶことができます。HTML + CSSの基本的な理論を学び、直接クローンコーディングを通じてモールデザインを完成させ、理論で学んだ内容を適用し、しっかりとHTMLとCSSの枠組みをつかむことができるように講義を設定しました

  • ruhunsu30591
실습 중심
html
css
클론코딩
Clone Coding
HTML/CSS
Web Design

学習した受講者のレビュー

こんなことが学べます

  • 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開発者またはフルスタック開発者を希望する人

前提知識、
必要でしょうか?

  • コーディングを学びたい心

こんにちは
です。

135

受講生

8

受講レビュー

2

回答

5.0

講座評価

1

講座

웹개발자로 이것저것 프로젝트를 만드는 것을 좋아하는사람이에요

직접 부딫혀가며 쌓아온 웹개발 지식을 공유 해드리고 있습니다 :)

 

カリキュラム

全体

47件 ∙ (6時間 17分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

8件

5.0

8件の受講レビュー

  • ingodwetrust88119375님의 프로필 이미지
    ingodwetrust88119375

    受講レビュー 1

    平均評価 5.0

    5

    30% 受講後に作成

    今まで様々なオンラインコーディング講座を受講してきましたが、これほど発音が明瞭で説明が簡潔な講座は初めてでした。 最初は有名ではないので半信半疑でしたが、むしろ講師の実力が本当にしっかりしていることを感じました。 概念説明も無駄なく整理されており、例示も実用的で理解がはるかに早いです。 「この方が後で有名になったらどうしよう」と思って、すぐに決済しました。 初心者の方々、特に集中できない方々に強くお勧めします。 JavaScript講座もぜひ出てほしいです。すぐに受講する意向100%です。

    • tingoat3746775님의 프로필 이미지
      tingoat3746775

      受講レビュー 4

      平均評価 5.0

      5

      100% 受講後に作成

      プロジェクト進行時に役立つ多くのTipsと有用なサイトに関する情報、何よりgithubに関する知識は本当にとても役立ちそうです。ありがとうございます。

      • ssy0509159545님의 프로필 이미지
        ssy0509159545

        受講レビュー 1

        平均評価 5.0

        5

        32% 受講後に作成

        • youcool825829님의 프로필 이미지
          youcool825829

          受講レビュー 6

          平均評価 5.0

          5

          32% 受講後に作成

          • programdesignerk님의 프로필 이미지
            programdesignerk

            受講レビュー 1

            平均評価 5.0

            5

            32% 受講後に作成

            ¥4,016

            似ている講座

            同じ分野の他の講座を見てみましょう!