Getting Started with Web and HTML

01 How does the web work?
__01-1 Various types of websites
__01-2 Understanding Networks
__01-3 Understanding the basic behavior of the web
__01-4 Learn about web accessibility
__Chapter 01 Review Problem

02 Getting Started with Web Development
__02-1 Web Development: Where to Start
__02-2 Setting up a web development environment

03 Creating a basic HTML document
__03-1 First Encounter with HTML
__03-2 Understanding the structure of HTML
__03-3 Creating an HTML file
__03-4 Semantic tags that create the structure of web documents
__Chapter 3 Review Problem

04 Entering various contents into web documents
__04-1 Enter text
__04-2 Create a list
__04-3 Create a table
__04-4 Inserting an image
__04-5 Inserting audio and video
__04-6 Inserting a hyperlink
Chapter __04 Review Problem

05 Fill out the input form
__05-1 Inserting a form
__05-2 input tag for user input
__05-3 Main attributes of the input tag
__05-4 Various tags used in the form
Chapter __05 Review Problem

Second Yard CSS Handling

06 CSS Basics
__06-1 Styles and Style Sheets
__06-2 Learn CSS Basic Selectors
__06-3 Understanding Cascading Style Sheets
Chapter 6 Review Problem

07 Various styles for expressing text
__07-1 Font-related styles
__07-2 Using web fonts and icon fonts
__07-3 Text-related styles
__07-4 List Style
__07-5 Table Style
Chapter 7 Review Problem

08 CSS Box Model
__08-1 CSS and the Box Model
__08-2 Specifying border styles
__08-3 Property that controls margins
__08-4 Creating a Web Document Layout
__08-5 Positioning Web Elements
__Chapter 8 Review Problem

09 Decorate the background with images and gradient effects
__09-1 Specifying background color and background range
__09-2 Specifying a background image
__09-3 Decorating the background with a gradient effect
Chapter 9 Review Problem

Third Yard: Creating a Responsive Web

10 Responsive Web and Media Queries
__10-1 Understanding Responsive Web
__10-2 Creating responsive elements
__10-3 Understanding Media Queries
__Chapter 10 Review Problems

11. Laying out with a flexbox layout
__11-1 Basic Properties for Deployment
__11-2 Examining Properties for Responsive Web
__Chapter 11 Review Problems

12 Laying out with CSS Grid Layout
__12-1 Using CSS Grid Layout
__12-2 Laying out grid lines and template areas
__Chapter 12 Review Problems

Fourth Yard CSS Advanced Features

13 CSS Advanced Selectors
__13-1 connection selector
__13-2 Attribute Selector
__13-3 Virtual Classes and Virtual Elements
__13-4 CSS Function Overview
Chapter 13 Review Problem

14 Transitions and Animations
__14-1 Understanding Transforms
__14-2 Understanding Transitions
__14-3 Learn about animation
Chapter 14 Review Problem

Fifth Yard: JavaScript Basics

15 First Encounter with JavaScript
__15-1 What to do with JavaScript
__15-2 When Web Browsers Met JavaScript
__15-3 JavaScript terminology and basic input/output methods
__15-4 JavaScript Style Guide
__Chapter 15 Review Problems

16 Basic JavaScript Grammar
__16-1 Understanding variables
__16-2 Understanding data types
__16-3 Learn about operators
__16-4 Understanding Conditional Statements
__16-5 Learning about loops
Chapter 16 Review Problem

17 Functions and Events
__17-1 Understanding the function
__17-2 Variable Scope
__17-3 Creating reusable functions
__17-4 Function Expressions
__17-5 Events and Event Handlers
Chapter 17 Review Problem

Sixth Yard Document Object Model (DOM)

18 JavaScript and Objects
__18-1 Getting to know objects
__18-2 JavaScript's built-in objects
__18-3 Browser-related objects
__Chapter 18 Review Problems

19 Working with the Document Object Model (DOM)
__19-1 Understanding the Document Object Model
__19-2 Accessing DOM elements and modifying their contents
__19-3 Handling Events in the DOM
__19-4 Adding and Deleting Nodes in the DOM
__19-5 Adding/deleting class attributes
Chapter 19 Review Problem

[Do it! Practical Project] Create Your Own Netflix Website

Search

A complete web basics textbook in one volume!
《Do it! HTML+CSS+JavaScript Web Standards Essentials》 Fully Revised Edition Released!

A completely revised edition of "Do it! HTML5+CSS3+JavaScript Web Standards," which has been with countless web development beginners since its first edition in 2021, has been published.
Since the first edition was published, more than half of the content has been revised to reflect the latest emerging technologies and trends, resulting in a book that is perfect for those just starting out in web development.

From the latest web standards to responsive web and ES6+
Learn the web fundamentals closest to practical use!

Some say that the rise of generative AI will make the job of developer disappear, but this book argues otherwise.
Generative AI is also just a tool that can be used conveniently as long as you know how to develop it.
And the core technologies that underpin web development remain unchanged: HTML, CSS, and JavaScript.

This book provides a friendly introduction to HTML tags, allowing readers new to the web to master the basics.
Additionally, by studying this book, you will be able to grasp the latest technologies and trends, such as responsive web and ES6+, so that you can immediately apply them in your work.

Practice → Review → Evaluation all in one!
Studying effectiveness triples with systematic learning design!

This book is structured so that reading it once will give you the same effect as reading it three times.
At the beginning of each chapter, you'll learn the learning objectives in advance through the "Study this chapter!" section, then practice coding various examples.
Once you've finished studying a chapter, answer the questions in the "Check" corner to reflect on what you learned in that chapter.
Finally, you will use the 'Reflection Problem' to assess how well you have understood what you have learned.
If you study according to this systematic structure, you can expect that reading it once will have the same learning effect as reading it three times.

Solve over 500 different examples
Learn everything from the basics to practical use!

Once you've learned the basics of HTML, CSS, and JavaScript, it's important to start coding using what you've learned.
So, we've included over 500 examples in a variety of formats, from hand-coding where you fill in the blanks in the source code by hand to "Do it!" practice where you follow along step-by-step to create a program.
When solving examples, all files are provided in advance so that you can focus on utilizing the code you learned.
We also provide a result file, so you can study by comparing it with the results of your own code.

We're including a special appendix of the PDF e-book "How to Create a Netflix Site" and a "Web Cheat Sheet" that lets you see key phrases at a glance.

We are giving you a PDF book titled “How to Create a Netflix Site” that will allow you to use everything you learned in this book all at once.
It's available for free in online bookstores for anyone new to web development.
After reading the book, be sure to create a site similar to the actual service using this PDF book.
You can learn how and in what order to use the techniques you studied in the book when actually creating a web.
At the back of the book, we've included a "Web Cheat Sheet" that provides an overview of the tags, attributes, and grammar introduced earlier.
I've gathered them all in one place so that you can quickly look them up when you suddenly forget a tag or attribute while coding.
It's convenient to tear it up and stick it next to your desk so you can look it up right away.

It's like receiving one-on-one tutoring
Free author-direct lecture videos

Study with direct lecture videos narrated by the author himself.
You can finish the book more easily without giving up halfway.
If you're planning to teach yourself web development or want to review what you learned in school, be sure to take advantage of our video lectures.

I recommend both self-study and textbooks!
Two study plans are provided to suit your study pace.

If you set a goal and study, you can read even a thick book from start to finish.
If you want to study step by step, try the '30-Day Essential Course', and if you want to finish quickly by focusing on a short period of time, try the '15-Day Intensive Course'.
By the time you finish reading the book as planned, you'll have completely mastered the fundamentals of web development.
It is also useful for reference in lesson planning, so please actively use it as a textbook for academies or universities.

Come to the 'Do it! Study Room' where we learn, share, and grow together!

If you plan and study alone, you will quickly become tired.
If you have any difficult questions, try sharing them with readers who have similar concerns.
It's more rewarding to study while helping each other.
By helping others with the things I understand well and receiving help with the things I don't understand well, I can enjoy the review effect.
If you want to go far, go with a friend.
Do it! Study Room: cafe.naver.com/doitstudyroom

I recommend this book to these people!

ㆍ College students aspiring to become front-end or back-end developers
Web developers who want to know the latest web standard technologies
ㆍ Web designers who want to conquer the field of web development
Marketers who want to create simple web pages themselves
ㆍ A CEO who wants to create a website while preparing to start a business

Example source files are available in the data room on the Aegis Publishing website or on the author's GitHub.

ㆍ Easy Publishing website: www.easyspub.co.kr → Click [Data Room] → Search for book title
Author's GitHub: https://github.com/funnycom/doit-hcj-new