Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Web Development

HTML5 + CSS3 + JavaScript

Khóa học này là quá trình học hỏi một cách có hệ thống các kỹ thuật cốt lõi của phát triển frontend, tập trung vào HTML5, CSS3, JavaScript - nền tảng của phát triển web. Học viên sẽ học toàn bộ luồng công việc từ thiết kế cấu trúc trang web, tạo kiểu (styling) đến triển khai các tính năng động thông qua thực hành, và có thể nâng cao năng lực thực tế thông qua học tập dựa trên dự án thực tế.

(4.0) 1 đánh giá

5 học viên

  • hiroad
JavaScript
html5
css3

Dịch cái này sang tiếng Việt

  • Hiểu rõ cấu trúc cơ bản của web

  • Tự tay làm thử trang web riêng

📌 Giới thiệu khóa học

“Không bao giờ là quá muộn để bắt đầu phát triển web!”
HTML5, CSS3 và JavaScript là nền tảng của phát triển giao diện web. Khóa học này được thiết kế sao cho ngay cả người mới bắt đầu cũng có thể dễ dàng theo dõi và bạn có thể học các khái niệm cốt lõi một cách có hệ thống thông qua lý thuyết và thực hành.

✨ Kết quả bạn có thể tạo ra sau khi tham gia lớp học

  • Trang web danh mục đầu tư của riêng tôi

  • Trang web có thiết kế đáp ứng

  • Các hàm JavaScript đơn giản tương tác với người dùng (ví dụ: nhấp vào nút, trượt hình ảnh, v.v.)

🎯 Khuyến nghị cho những người này

  • Dành cho những người mới làm quen với HTML, CSS và JavaScript

  • Người tìm việc muốn học xuất bản web

  • Những người muốn phát triển kỹ năng phát triển web của mình thông qua thực hành thực tế

📚 Bạn sẽ học được gì

  • Thiết kế cấu trúc trang web bằng HTML5

  • Áp dụng kiểu thiết kế và bố cục đáp ứng với CSS3

  • Triển khai tương tác người dùng động với JavaScript

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người mới học web

  • Lập trình viên tương lai hoặc người đi làm muốn áp dụng ngay vào thực tế

Cần biết trước khi bắt đầu?

  • Không, khóa học này được thiết kế để ngay cả những người mới làm quen với HTML, CSS, JavaScript cũng có thể hiểu. Tuy nhiên, việc quen thuộc với việc sử dụng chuột và bàn phím cũng như có kinh nghiệm sử dụng trình duyệt web sẽ hữu ích cho việc học tập.

Xin chào
Đây là

안녕하세요,

저는 IT 실무와 교육 현장에서 20년 넘게 활동해 온 홍창윤입니다.
웹 개발, 클라우드, 빅데이터, AI까지 폭넓은 기술을 직접 개발하고 가르쳐 온 실무형 강사입니다.

HTML5, CSS3, JavaScript 같은 웹 기초부터 Spring Boot 기반 백엔드, AWS 클라우드, AI/머신러닝까지 비전공자도 이해할 수 있도록 쉽게 풀어내는 강의에 집중하고 있습니다.

📌 이런 강의를 제공합니다!

  • 누구든지 쉽게 따라올 수 있는 기초부터 실무까지

  • 실습 중심 + 프로젝트 기반 학습

  • 질문과 피드백이 활발한 소통 중심 커뮤니티

💡 저는 여러분이 "코딩을 도전하고 완성할 수 있는 사람"이 되도록 돕는 것을 가장 중요하게 생각합니다.

🔗 연락 및 포트폴리오

Chương trình giảng dạy

Tất cả

26 bài giảng ∙ (11giờ 33phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

1 đánh giá

4.0

1 đánh giá

  • pskim7760님의 프로필 이미지
    pskim7760

    Đánh giá 3

    ∙

    Đánh giá trung bình 4.3

    4

    100% đã tham gia

    716.373 ₫

    Khóa học tương tự

    Khám phá các khóa học khác trong cùng lĩnh vực!

    JavaScriptで学ぶfullPage + anime + SVG Animationポートフォリオ

    lizb

    Vanilla Javascript + fullPage.js + SVG AnimationインタラクティブWebポートフォリオ！ 就職と転職のための必須コース！

    초급

    초급

    Interactive Web, JavaScript

    JavaScriptで学ぶfullPage + anime + SVG Animationポートフォリオ

    lizb

    JavaScript + jQueryの基礎から実務まで：中級Part.1강의 썸네일

    JavaScript + jQueryの基礎から実務まで：中級Part.1

    usefulit

    理論と実践を通してJavaScriptとjQueryについて学ぶ中級コースです。 HTML、CSS、JSの基本概念に基づいて、実務に適用できる内容で構成されています。 Part.1は、ドキュメントオブジェクトモデル（DOM）、jQueryの基本概念、ノードの検索、作成、追加、削除、移動について説明しています。

    초급

    초급

    JavaScript, jQuery

    JavaScript + jQueryの基礎から実務まで：中級Part.1강의 썸네일

    JavaScript + jQueryの基礎から実務まで：中級Part.1

    usefulit

    Webプログラミング(HTML5+CSS+javaScript)강의 썸네일

    Webプログラミング(HTML5+CSS+javaScript)

    software25766

    初心者のためのWebプログラミング講義。 HTML、CSS、JavaScriptの基本的な文法と活用法を段階的に学習できるように構成されています。 Webページの構造とデザイン、インタラクション機能の実装など、Web開発の重要な要素をカバーしています。

    입문

    입문

    HTML/CSS, JavaScript, Responsive Web

    Webプログラミング(HTML5+CSS+javaScript)강의 썸네일

    Webプログラミング(HTML5+CSS+javaScript)

    software25766

    JavaScriptの中高級：エンジンコア강의 썸네일

    JavaScriptの中高級：エンジンコア

    tonextday

    4つのコースで構成されたJavaScriptバイブルコースの2番目のコースです。 JavaScriptエンジンの理解により、JavaScriptに最適化されたプログラムを開発できます。自信を持ってシステムを設計できます。

    초급

    초급

    JavaScript

    JavaScriptの中高級：エンジンコア강의 썸네일

    JavaScriptの中高級：エンジンコア

    tonextday

    JavaScript+jQuery の基礎から実務まで: 基礎 Part.1강의 썸네일

    JavaScript+jQuery の基礎から実務まで: 基礎 Part.1

    usefulit

    理論と実践を通じて、JavaScript を習得できる講義です。コーディングを初めて触れる方でも、段階的に説明するので簡単に理解できます。Part 1 では、JavaScript の概要、変数、データ型、演算子、制御文、jQuery の基礎を扱います。

    입문

    입문

    JavaScript, jQuery

    JavaScript+jQuery の基礎から実務まで: 基礎 Part.1강의 썸네일

    JavaScript+jQuery の基礎から実務まで: 基礎 Part.1

    usefulit

    Do it! HTML+CSS+JavaScript Web 標準の定石강의 썸네일

    Do it! HTML+CSS+JavaScript Web 標準の定石

    easyspub

    キーボードを持って実習してみると、Web開発の3大技術が終わる！

    입문

    입문

    HTML/CSS, JavaScript, DOM

    Do it! HTML+CSS+JavaScript Web 標準の定石강의 썸네일

    Do it! HTML+CSS+JavaScript Web 標準の定石

    easyspub

    Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

    ggangcoding162118

    Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

    초급

    초급

    Interactive Web, JavaScript, HTML/CSS

    Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

    ggangcoding162118

    JavaScript ES6+基礎コア文法강의 썸네일

    JavaScript ES6+基礎コア文法

    erumcoding

    JavaScriptに初めて入門された方が、最新のJavaScriptについて知る必要がある重要な文法を短く太字にまとめました。文法の勉強は一度に確実にそして短く終わり、貴重な時間は何かを作るのに投資してください！

    초급

    초급

    JavaScript, ES6

    JavaScript ES6+基礎コア文法강의 썸네일

    JavaScript ES6+基礎コア文法

    erumcoding

    Do It! Django + Bootstrap：Python Web開発の定石강의 썸네일

    Do It! Django + Bootstrap：Python Web開発の定石

    sungyonglee

    Python Web 開発 A to Z を学びながら作成! Web の基礎からブログ開発、公開までを一度に学べます。

    초급

    초급

    Python, Django, Bootstrap

    Do It! Django + Bootstrap：Python Web開発の定石강의 썸네일

    Do It! Django + Bootstrap：Python Web開発の定石

    sungyonglee

    [2025] 非専攻者向け React Native アプリ開発 マスタークラス강의 썸네일

    [2025] 非専攻者向け React Native アプリ開発 マスタークラス

    junghw

    アイデアはあるけど、アプリをどう開発したらいいかわからなかった方々、 実践プロジェクトを4つ作りながら、アプリ開発をマスターしてみましょう！

    입문

    입문

    JavaScript, React, Node.js

    [2025] 非専攻者向け React Native アプリ開発 マスタークラス강의 썸네일

    [2025] 非専攻者向け React Native アプリ開発 マスタークラス

    junghw

    クリーンアップ JavaScript: ベース構築!강의 썸네일

    クリーンアップ JavaScript: ベース構築!

    tonextday

    考え方を扱います。JavaScript の核心と本質を論理的に整理できます。JavaScript の経験を整理して、考え方を自分で整理できます。JavaScript の技術論理を確立できます。JavaScript 全体を見渡す視野を広げることができます。JavaScript の技術面接問題に対応できます。

    초급

    초급

    JavaScript, Interview, Tech Interview

    クリーンアップ JavaScript: ベース構築!강의 썸네일

    クリーンアップ JavaScript: ベース構築!

    tonextday

    フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]강의 썸네일

    フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]

    funcoding

    現場で実際のウェブサービスを開発した経験に基づき、初心者向けに実際の商用化も可能なレベルのウェブおよびアプリサービスを開発することを目標とするフルスタックシリーズ講座です。そのためのPart2講座として、多様な技術が存在するフロントエンド技術の中から、レスポンシブ、互換性まで考慮した最新のHTML5、CSS3、バニラJavaScript（Javascript）+ ES6をすべてしっかりと整理する講座です。

    입문

    입문

    HTML/CSS, JavaScript, ES6

    フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]강의 썸네일

    フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]

    funcoding

    誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成강의 썸네일

    誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成

    yeseong0412

    誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作り Springbootでサーバーを開発し、ReactNativeで自分だけの掲示板を作ってみましょう！

    초급

    초급

    JavaScript, React Native, Kotlin

    誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成강의 썸네일

    誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成

    yeseong0412

    JavaScript 機械学習 TensorFlow.js강의 썸네일

    JavaScript 機械学習 TensorFlow.js

    tonextday

    JavaScript 環境で機械学習の概念を扱います。 JavaScript と TensorFlow.js を使って機械学習を実装する形式とコードを扱います。

    중급이상

    중급이상

    Tensorflow, JavaScript, Machine Learning(ML)

    JavaScript 機械学習 TensorFlow.js강의 썸네일

    JavaScript 機械学習 TensorFlow.js

    tonextday

    Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)강의 썸네일

    Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

    codingworks

    ウェブ パブリッシャー向けの JS 核心理論および実践例教材および完成版は、PDF で作成された講義教材です。この教材は、ウェブ パブリッシャーが必ず知っておくべき JavaScript と jQuery の基本を忠実に習得できる役割を果たします。この教材の特徴は、理論に関連するスモール ミッション (Small Mission) を通じて、理論をさらに強化できることです。特に、学習したすべての理論を活用した実践例も、忠実に準備された教材です。この PDF の全ページは、純粋な JavaScript (Vanlila JavaScript) と jQuery ページの数が 320 ページ以上で、CodingWorks が簡単に理解できるように十分な説明が追加されています。特に、パブリッシャーがウェブサイト作成のために必要な jQuery 相互作用の実践例を学習できます。

    초급

    초급

    JavaScript, jQuery, HTML/CSS

    Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)강의 썸네일

    Web パブリッシャーのための JavaScript & jQuery 核心理論実践例題 (教材、完成版)

    codingworks

    ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）강의 썸네일

    ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

    webstoryboy

    ウェブデザイン機能社出題基準 2023年バージョンに合わせて誰でも合格できるように製作しました。 5種類を学び、素早く合格しましょう！

    초급

    초급

    HTML/CSS, jQuery, JavaScript

    ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）강의 썸네일

    ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

    webstoryboy

    2024 html/css 基礎タンタン超スピード 頑強コース강의 썸네일

    2024 html/css 基礎タンタン超スピード 頑強コース

    jyoung

    html/css初心者入門者を対象に基礎をしっかり固め、もちろん レスポンシブレイアウト作成の実践を学ぶことができます。

    입문

    입문

    HTML/CSS, html-layout, css3

    2024 html/css 基礎タンタン超スピード 頑強コース강의 썸네일

    2024 html/css 基礎タンタン超スピード 頑強コース

    jyoung

    まだ生きている不死の jQuery - 基礎から実務まで강의 썸네일

    まだ生きている不死の jQuery - 基礎から実務まで

    ezweb

    全世界のウェブサイトで75%以上が使用しているJavaScriptライブラリ、jQuery！華麗な効果よりも原理を理解し、基礎を固められるように構成しました。jQueryの基礎から活用まで学習し、あなただけのポートフォリオを完成させたり、現場で即活用してみてください。

    초급

    초급

    HTML/CSS, JavaScript, jQuery

    まだ生きている不死の jQuery - 基礎から実務まで강의 썸네일

    まだ生きている不死の jQuery - 基礎から実務まで

    ezweb

    Node.js サーバーエンジン作成 – Express.js クローンで学ぶフレームワーク設計강의 썸네일

    Node.js サーバーエンジン作成 – Express.js クローンで学ぶフレームワーク設計

    nhcodingstudio

    Express.jsを使用するレベルを超えて、実際にその内部エンジンをゼロから最後まで直接実装し、真のサーバーの動作原理を体で習得する講義です。ルーター、ミドルウェア、リクエスト-レスポンスオブジェクト、静的ファイル処理、テンプレートレンダリングなどExpressのすべての構成要素をゼロから直接作成し、サーバー開発者として成長する経験を提供します。

    초급

    초급

    JavaScript, Node.js, Express

    Node.js サーバーエンジン作成 – Express.js クローンで学ぶフレームワーク設計강의 썸네일

    Node.js サーバーエンジン作成 – Express.js クローンで学ぶフレームワーク設計

    nhcodingstudio

    アプリ開発入門のためのReact Native完璧基礎クラス강의 썸네일

    アプリ開発入門のためのReact Native完璧基礎クラス

    junghw

    アプリ開発をしたいけど、どこから始めたらいいか途方に暮れている方々のために準備しました。 この講座で、その悩み、もう終わりにしましょう！

    입문

    입문

    JavaScript, React, Node.js

    アプリ開発入門のためのReact Native完璧基礎クラス강의 썸네일

    アプリ開発入門のためのReact Native完璧基礎クラス

    junghw