강의

멘토링

로드맵

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件の受講レビュー

  • 빠른 까치님의 프로필 이미지
    빠른 까치

    受講レビュー 1

    平均評価 5.0

    5

    30% 受講後に作成

    지금까지 여러 온라인 코딩 강의를 들어봤지만, 이렇게 딕션이 또렷하고 설명이 깔끔한 강의는 처음이었습니다. 처음에는 유명하지 않아서 반신반의했는데, 오히려 강사님의 실력이 정말 탄탄하다는 걸 느꼈습니다. 개념 설명도 군더더기 없이 정리돼 있고, 예시도 실용적이라 이해가 훨씬 빠릅니다. ‘이 분 나중에 유명해지면 어쩌지’ 싶어서 바로 결제했어요. 초보자 분들, 특히 집중 안 되는 분들한테 강력 추천합니다. 자바스크립트 강의도 꼭 나왔으면 좋겠어요. 바로 수강할 의향 100%입니다.

    • jaekon seo님의 프로필 이미지
      jaekon seo

      受講レビュー 4

      平均評価 5.0

      5

      100% 受講後に作成

      프로젝트 진행때 도움이 되는 많은 팁들과 유용한 사이트에 대한 정보 무엇보다 github에 대한 지식은 정말 많이 도움이 될듯 합니다. 감사합니다.

      • 소연님의 프로필 이미지
        소연

        受講レビュー 1

        平均評価 5.0

        5

        32% 受講後に作成

        • 유영재님의 프로필 이미지
          유영재

          受講レビュー 6

          平均評価 5.0

          5

          32% 受講後に作成

          • 김대관님의 프로필 이미지
            김대관

            受講レビュー 1

            平均評価 5.0

            5

            32% 受講後に作成

            ¥4,020

            似ている講座

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