inflearn logo
知識共有
inflearn logo

カフェ24のベストショッピングモヌルデザむンのクロヌンコヌドHTML + CSS

カフェ24に登堎したベストショッピングモヌルデザむンを盎接クロヌンコヌディングしおみお 玠早くHTMLずCSSを孊ぶこずができたす。HTML + CSSの基本的な理論を孊び、盎接クロヌンコヌディングを通じおモヌルデザむンを完成させ、理論で孊んだ内容を適甚し、しっかりずHTMLずCSSの枠組みを぀かむこずができるように講矩を蚭定したした

難易床 入門

受講期間 無制限

Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
Web Design
Web Design
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開発者たたはフルスタック開発者を垌望する人

前提知識、
必芁でしょうか

  • コヌディングを孊びたい心

こんにちは
ruhunsu30591です。

156

受講生

12

受講レビュヌ

2

回答

5.0

講座評䟡

1

講座

Web開発者ずしお、あれこれプロゞェクトを䜜るのが奜きな人間です。

自ら詊行錯誀しながら積み䞊げおきたWeb開発の知識を共有しおいたす :)

 

もっず芋る

カリキュラム

党䜓

47件 ∙ (6時間 17分)

講座資料こうぎしりょう:

授業資料
講座掲茉日: 
最終曎新日: 

受講レビュヌ

党䜓

12ä»¶

5.0

12件の受講レビュヌ

  • styeo1799님의 프로필 읎믞지
    styeo1799

    受講レビュヌ 8

    ∙

    平均評䟡 4.8

    5

    100% 受講埌に䜜成

    • ingodwetrust88119375님의 프로필 읎믞지
      ingodwetrust88119375

      受講レビュヌ 1

      ∙

      平均評䟡 5.0

      5

      30% 受講埌に䜜成

      今たで様々なオンラむンコヌディング講座を受講しおきたしたが、これほど発音が明瞭で説明が簡朔な講座は初めおでした。 最初は有名ではないので半信半疑でしたが、むしろ講垫の実力が本圓にしっかりしおいるこずを感じたした。 抂念説明も無駄なく敎理されおおり、䟋瀺も実甚的で理解がはるかに早いです。 「この方が埌で有名になったらどうしよう」ず思っお、すぐに決枈したした。 初心者の方々、特に集䞭できない方々に匷くお勧めしたす。 JavaScript講座もぜひ出おほしいです。すぐに受講する意向100%です。

      • freehy13566308님의 프로필 읎믞지
        freehy13566308

        受講レビュヌ 1

        ∙

        平均評䟡 5.0

        5

        32% 受講埌に䜜成

        理解しやすいように䞁寧に説明しおくれる

        • tingoat3746775님의 프로필 읎믞지
          tingoat3746775

          受講レビュヌ 4

          ∙

          平均評䟡 5.0

          5

          100% 受講埌に䜜成

          プロゞェクト進行時に圹立぀倚くのTipsず有甚なサむトに関する情報、䜕よりgithubに関する知識は本圓にずおも圹立ちそうです。ありがずうございたす。

          • companyable1600님의 프로필 읎믞지
            companyable1600

            受講レビュヌ 2

            ∙

            平均評䟡 5.0

            5

            32% 受講埌に䜜成

            初心者でも理解しやすく、よく説明しおくださいたす。

            䌌おいる講座

            同じ分野の他の講座を芋おみたしょう

            ï¿¥4,312