강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Web Development

フォローして学ぶHTML、CSS

このレッスンを通して、HTML、CSSの基礎を固めることができます。

  • John Ahn
html
html5
css
HTML/CSS

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

こんなことが学べます

  • HTML

  • CSS

Web開発者必須知識HTML、CSS!
この講義でWeb開発の基礎をしっかりと握ってみましょう🔥

HTML/CSSの基礎から実務まで🗂️

HTMLとCSS。開発に関心があったり、現在開発をしている方なら誰でも聞いたことがあります。 HTMLとCSSはWeb開発の最も基本的なものです。 Web開発を始める方はもちろん、すでに実務にいる現職開発者の方にとっても重要な基礎知識です。実務にいる開発者もHTML、CSSの具体的な部分を見落とし過ぎる場合が思ったより多いんですよね。私と一緒にWeb開発の基礎をしっかり固めてください! 💪

この講義を通して、HTML、CSSの基礎から実務で使われるほとんどの技術まで習ってみてください。開発自体に初めて接する人も、この講義でウェブ開発の基本的な知識を習得することができます。

このレッスンは、概念を学び、すぐに練習しながら、HTML CSSのほとんどの知識を一度に習得できるようにしました。基礎から一つずつ学び、もう少し多様なHTML、CSS技術を使えるようにお手伝いします。 Web開発者としては必須のHTMLとCSSを学び、就職にも多くのお役に立てば幸いです。


こんな方におすすめですよ🙋

入門者

「開発を勉強したいのですが、
何からすべきかわかりません。」

実務者

「開発者として働いています。
HTMLとCSSを常に書いたものだけを書くことになります。


この講義だけの特長 ✨

構造的理解を助ける
図表中心
簡単で詳細な説明

直接ソースコード
作成しながら
自然に繰り返し学習

実際のアプリケーション
作ることができる
実習中心の講義

1-2.図表による視覚的説明+直接コード作成の2段階!

図表を通して視覚的に見たときに、ただ説明を聞くだけでより理解が良くなるからです。また、このように図表を通して学習した後、ソースコードを作成するので、自然に復習する効果が現れると思います。

3. フォローして学び、実習中心の講義

まず必要な概念を身につけた後、実習で概念をより確実にしてくれます。


こんなことを学びます📚

#全体の内容


#1 HTML Basics

#2 CSS Basics

#3簡単なボタンを作成してCSSを学ぶ

#4 Flexbox, Grid, Display

#5 YouTubeサイトを作成

#6 Instagramサイトを作る


予想される質問 Q&A 💬

Q.非専攻者も聞ける講義ですか?

基礎から詳しく講義するので、非専攻者も聞くことができます。

Q.なぜHTML、CSSを学ぶべきですか?

Web開発者なら無条件に使うので、最も基本となる部分だと考えてください。

Q.講義を聞く前に準備すべきことはありますか?

入門講義なので、事前の知識がなくても聞くことができます。


知識共有者の
他の講義が気になったら?

累積受講生55,000+人、フォローして学ぶウェブ開発シリーズ📖


こんな方に
おすすめです

学習対象は
誰でしょう?

  • コーディングに初めて接する人

  • HTMLの基本を固めたい人

  • CSSの基本を固めたい人

こんにちは
です。

84,079

受講生

2,691

受講レビュー

2,430

回答

4.8

講座評価

20

講座

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

カリキュラム

全体

56件 ∙ (8時間 26分)

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

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

受講レビュー

全体

32件

4.9

32件の受講レビュー

  • 이다경님의 프로필 이미지
    이다경

    受講レビュー 1

    平均評価 3.0

    3

    98% 受講後に作成

    내용을 구체적으로 전달하시기보다는 계속 읽으시고 특히 마지막 프로젝트는 코드를 읽으면서 치기만 하셔서 크게 도움이 되었다는 느낌은 많이 안 들었습니다 ㅠ 보통 앞에 기초 하고 뒤에 프로젝트 하면 기존에 배운 것들을 어떻게 응용하고 어떻게 활용하는지도 알려주시면서 이런 기능에서 함께 다루면 좋은 다른 코드도 함께 알려주시는데 이 프로젝트는 정말 코드 줄줄 읊으면서 받아적기 뿐이네요. 그리고 생기초가 알아듣기에는 힘든 내용인 것 같아요. 저도 어느 정도 기반이 있는 상태에서 들어서 다행이지 생기초인 상태에서 이거 들으면 힘들겠어요

    • 하성호님의 프로필 이미지
      하성호

      受講レビュー 1

      平均評価 5.0

      5

      96% 受講後に作成

      수강들으면서 제 디자인의 꿈을 키우고있어여, 개발과정에만 집중하다 이런 강의도 배우니, 커리어가 상승하는 느낌과 동시에 디자인적인 재미까지 더해가는 것같아 즐겁네요!

      • 1994kjhg님의 프로필 이미지
        1994kjhg

        受講レビュー 2

        平均評価 4.0

        5

        100% 受講後に作成

        html css 기초지식이 부족했었는데 이 강의 듣고나니까 이해가 잘됩니다. 어떤 요소들이 있고 각자 스타일링을 어떻게 해야하는지 폭넓게 강의해주십니다.

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

          受講レビュー 4

          平均評価 5.0

          5

          30% 受講後に作成

          강의를 듣고 진행하니 빠르게 지식이 습득되고 있어 좋습니다. 아주 실무에 유익한 강의만 구성되어 있어 좋았습니다.

          • 김인창님의 프로필 이미지
            김인창

            受講レビュー 5

            平均評価 4.6

            5

            30% 受講後に作成

            감사합니다.

            ¥5,857

            John Ahnの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

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