강의

멘토링

커뮤니티

Programming

/

Web Development

Learning the essentials of HTML5

We thoroughly explore HTML5, from the basics that front-end beginners must learn to advanced techniques!

  • sucoding
웹개발
실습 중심
HTML/CSS

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

受講後に得られること

  • Learn HTML4 legacy syntax

  • Learn the latest HTML5 syntax.

  • Understanding the basic structure of HTML5

  • Using HTML5 semantic tags

  • How to use various form elements (<input>, <select>, <textarea>)

  • HTML5 multimedia elements (audio, video)

  • SEO-friendly HTML writing

  • Hands-on HTML5 based project practice

非専攻者も理解しやすいHTML5!
🛩スコーディングのフロントエンドロードマップシリーズ1段階! 🛩

HTML入門分野のベストセラー

スコーディングオンライン講義が本でも出版されました!

2022 『コーディング自律学習 HTML+CSS+JavaScript』出版! 🎉

スコーディングオンライン講義が本としてリリースされました。
発売以来一度も1位から降りてきたことがないほどHTML/CSS入門分野のベストセラーです。 😎
本と一緒に見ると、相乗効果が数倍になります。

購入する

気になる

何を学びますか?

HTML5では使用できるタグが150個以上になります。本当にたくさんありますか?
しかし、これらすべてのタグをすべて学び、それぞれの意味をすべて暗記することは容易ではありません。

この講義では、実務でよく使うタグだけを厳選して学習します。
実際の業務で活用頻度の低いタグは思い切って除いて、
重要なタグだけが集中的に学習できるように設定しました。

これにより、初心者でもより簡単かつ効率的にHTMLを学ぶことができます。

完全初心者でも大丈夫です、

基礎からじっくりとみんなお知らせします。

HTML5はフロントエンドで学ぶ言語の中で最も簡単ですが、
フロントエンドの始まりで終わりと言うほど重要な言語です。

何も知らない非専攻者でも心配しないでください。
基礎をしっかりと積むことができるように細かく親切に説明します。

スコーディング講義だけ
特別なポイント

完全初心者でも簡単に理解できるカリキュラム

  • 非専攻者も理解できるように基礎概念からじっくり説明します。

  • 実習と理論を適切に配合し、学習効果を最大化しました。

実践にすぐに適用できるタグ中心学習

  • 実務でよく使うコアタグだけを厳選して効率的に学習できます。

  • 不要な理論は最小限に抑えられ、実際の活用に集中します。

直感的な例と実践中心の講義

  • 抽象的な説明ではなく、直接コーディングしながら学ぶ実践中心の講義です。

  • すぐに結果を確認し、素早く実力を築くことができます。

実務のヒントと開発者のノウハウ惜しみなく公開

  • 教科書にない現業開発者だけの実戦のヒント業務効率を高める方法までお知らせします。

  • HTML5だけでなく、フロントエンド開発者として成長するための方向性も提示します。

受講生のカスタムフィードバックと入念なQ&Aサポート

  • 受講生の質問に対する迅速でフレンドリーなフィードバックを提供します。

  • よくあるミスや混乱する部分をつかみ、個々の学習効果を最大化します。

ちょっと待ってください!

講義にも私と合う「決」があることをご存知ですか?

誰にも認められる大作ゲームが私には面白くないように
講義も皆に同じように合うわけではありません。

いくら賞賛が自らの講義でも私と合わないことができ
逆に、誰かに普通の講義が私にとって最高の講義になることができます。

だから私のすべての講義は少なくとも10%以上無料で公開されています。
直接聞いて、私とスタイルの「結」が合っていることを確認してみてください!

もし私と結ばれたら、
フロントエンド開発者への最速の近道をご案内いたします。
信じてフォローしてください! 🚀

この講義で作る
様々な
ミニプロジェクト

画像リンク

マークアップとして活用できるイメージリンクを作成します。

基本から着実に

シンプルなカード形式のUIから始めて、正しいマークアップ方法を学びます。

ウィキバックと目次

リストタグを学ぶと、このような複雑なウィキバックと目次も作成できます。

ログイン

さまざまなフォーム関連要素を含むUIをマークアップする方法を学びます。

料金表

テーブルコーディングを正しくする方法も学びます。

Credeit Card

複雑なクレジットカードUIをマークアップしながら、HTMLタグとARIAを正しく適用する方法を学びます。

よくある質問

Q. 本当に何も知らない初心者です。大丈夫でしょうか?
A. はい。本当に大丈夫です。何も知らない方が学習できるように構成したカスタム講座です。

Q. 本を購入しました。オンラインレッスンも購入する必要がありますか?
A.本を購入した場合は、さらに購入することをお勧めします。本では扱わない内容も多く含まれています。

Q. HTML5を勉強したことがあります。それでも聞くだけですか?

A. 本講義はHTML5のみ扱うので、タグについてある程度知っていれば聞かなくてもいいです。でも基礎を復習する気持ちでまた聞いてみることをお勧めします!

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):Windows、macOS

  • 使用ツール:ビジュアルスタジアコード(Visual Studio Code)、Chrome(Chrome)

  • PC仕様:ウェブサーフィンが可能なレベルの最低仕様も可能

学習資料

  • 実習進行のための講義別学習資料提供


選手の知識と注意事項

  • 完全非専攻者、初心者も受講可能

  • 選手の知識は不要

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Beginner & novice who has never studied HTML before

  • Experienced, but not confident in my knowledge of HTML.

  • A practitioner who only uses divs for markup without using semantic tags.

  • Someone who wants to learn simply and easily, without complicated explanations.

こんにちは
です。

4,703

受講生

241

受講レビュー

107

回答

4.9

講座評価

7

講座

수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.

다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.

현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:

또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]

カリキュラム

全体

68件 ∙ (4時間 11分)

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

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

受講レビュー

全体

10件

4.9

10件の受講レビュー

  • todaerika님의 프로필 이미지
    todaerika

    受講レビュー 10

    平均評価 4.9

    5

    85% 受講後に作成

    As a backend developer, I recently took this course to study the basics in depth, as I'm trying to delve deeper into the frontend side. First of all, I was able to concentrate well because of your comfortable voice tone that easily catches the ear. Overall, the content was great because it brought together only the essential elements of basic HTML, web standards, and web accessibility. I will listen to the CSS lecture diligently afterward.

    • sucoding
      知識共有者

      Hello dlsrksrhk! Thank you for your positive feedback on my lecture :) I will strive to provide even better lectures in the future. Thank you.

  • syung2love661314님의 프로필 이미지
    syung2love661314

    受講レビュー 1

    平均評価 5.0

    5

    66% 受講後に作成

    Starting with almost no understanding of HTML, I was able to learn step-by-step through this course. Each lecture started with simple concepts and gradually covered more in-depth content, allowing me to systematically learn the overall concepts of HTML. In particular, the examples and exercises were useful in building practical knowledge.

    • sucoding
      知識共有者

      Thank you for your kind words :) Happy coding!

  • dangdong님의 프로필 이미지
    dangdong

    受講レビュー 2

    平均評価 5.0

    修正済み

    5

    100% 受講後に作成

    I was worried since it was an introductory course, but I was so satisfied with it. I'll move on to the CSS course!

    • sucoding
      知識共有者

      Hello Jang Dongwook! I'm glad to hear you're progressing through your studies without any issues! I'll be cheering you on!

  • jmkim4469님의 프로필 이미지
    jmkim4469

    受講レビュー 2

    平均評価 4.0

    4

    100% 受講後に作成

    • sucoding
      知識共有者

      Hello jmkim! Thank you for the great review!

  • jangminwoo864125님의 프로필 이미지
    jangminwoo864125

    受講レビュー 9

    平均評価 4.7

    5

    31% 受講後に作成

    Thorough and kind explanation, I like it

    • sucoding
      知識共有者

      Hello! Thank you for leaving such kind words. Please let me know anytime if you have any feedback or questions! 😊

¥4,411

sucodingの他の講座

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

似ている講座

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