First yard.
Building a foundation of JavaScript

01 Getting Started with JavaScript
__01-1 Basic knowledge for JavaScript
__01-2 The Role of JavaScript in Web Development
__01-3 Setting up an editor for writing code
__01-4 Starting with a simple script

02 Programming Basics: Variables and Data Types
__02-1 How to receive input and output in a program
__02-2 To become familiar with the program, let's start with variables.
__02-3 How computers see the world, data types
__02-4 JavaScript's Pros and Cons: Data Type Conversion
__[Do it!] Practice Converting Fahrenheit to Celsius

03 Operators and Control Statements
__03-1 Symbols and operators indicating program operations
__03-2 Conditional statements that freely control program flow
__[Do it!] Practice: Create a program that distinguishes between even and odd numbers
__03-3 A loop that easily repeats the same action
__[Do it!] Check if a number is prime

04 Going a Step Further with Programming: Functions and Scope
__04-1 The flower of programming, functions
__[Do it!] Examining the debugging features of the hands-on Web Developer Tools window
__04-2 Variable scope, scope
__[Do it!] Checking the scope in the practice web developer tools window
__04-3 Function expressions used without a name
__[Do it!] Create a callback function that displays the practice input value
__04-4 Deployment syntax
__04-5 Timer function that takes time into account

Second yard.
Web documents and JavaScript

05 DOM Basics
__05-1 DOM and DOM Tree
__05-2 Accessing web elements
__05-3 Modifying styles with JavaScript
__05-4 Handling Forms in the DOM

06 Events and Event Handlers
__06-1 Learn about the event
__06-2 Handling Events
__[Do it!] Creating a Practice Modal Box
__06-3 event object
__[Do it!] Creating a Carousel with JavaScript
__06-4 Event Propagation

07 Using DOM
__07-1 DOM tree and node list
__07-2 Adding a new node to a web document
__[Do it!] Add products to your shopping cart
__[Do it!] Displaying different images depending on the practice time
__07-3 Delete node
__[Do it!] Practice Creating Your Own Book List

Third yard.
JavaScript and Objects

08 Learn about frequently used built-in objects
__08-1 The top-level object of a web browser, window
__08-2 Using the Date Object
__[Do it!] How many days have passed since I started walking?
__[Do it!] Making a Hands-on Digital Clock
__08-3 Using Math Objects
__[Do it!] Randomly change the background image of a practice web document

09 Creating a JavaScript Object
__09-1 Learn about objects
__09-2 Constructor functions and classes
__[Do it!] Finding the volume of a cylinder using a constructor function and class
__09-3 Accessing the keys and values ​​of an object
__09-4 Inheritance in Prototypes and Classes
__[Do it!] Create a new object that inherits the practice prototype
__[Do it!] Practice class inheritance

10. Using Strings and Arrays Efficiently
Accessing the string __10-1
__10-2 Using string methods
__[Do it!] Hide part of your email address for security reasons
__10-3 Handling strings with regular expressions
__10-4 Converting strings and arrays
__[Do it!] Practice Capitalizing the first letter of an English string
__10-5 Using Arrays Smartly
__10-6 Looking at various methods of arrays

11 Arrays and Objects, A Closer Look
__11-1 Reviewing the features of EcmaScript 2015
__11-2 Destructuring and Assigning Structures
__11-3 Methods for transforming arrays
__11-4 Map and Set
__[Do it!] Organizing subjects for which you have requested to open a practice room
__11-5 Iterators and Generators
__[Do it!] Making a practical subway route map

Fourth yard.
Communicating with the server

12 HTTP Communication and JSON
__12-1 HTTP communication
__12-2 JSON
__12-3 Retrieving data from the server
__[Do it!] Practice Retrieving JSON data and displaying it on the screen 1
__[Do it!] Practice Retrieving JSON data and displaying it on the screen 2
__12-4 Handling Exceptions

13 Asynchronous Programming
__13-1 Asynchronous processing method
__13-2 Promise
__[Do it!] Create a promise to order and complete a practice coffee
__[Do it!] Check the then() method that returns a promise
__[Do it!] Connecting Promises with Promise Chaining
__13-3 fetch API
__13-4 async function and await reserved word
__[Do it!] Retrieving and displaying member information from the practice server 1
__[Do it!] Retrieving and displaying member information from the practice server 2

Fifth yard.
Drawing in a web browser window with Canvas

14 Drawing shapes, text, and images on canvas
__14-1 Getting to Know Canvas
__14-2 Drawing basic shapes on canvas
__[Do it!] Draw a frog face on a practice canvas and save it as a file.
__14-3 Drawing text on canvas
__14-4 Displaying an image on a canvas

15 Working with Graphic Elements with Canvas
__15-1 Specifying various graphic styles
__[Do it!] Practice creating your own drawing app
__15-2 Transforming graphic elements
__[Do it!] Rotate the shape each time you click the practice button
__15-3 Compositing graphic elements

16 Running animations on canvas
__16-1 Drawing shapes using objects
__[Do it!] Practice drawing multiple shapes randomly
__16-2 Adding animation effects
__[Do it!] Practice Making a circle that moves back and forth
__[Do it!] How to create an animation with a practice trajectory
__[Do it!] Practice Creating an animation where multiple shapes move randomly

Sixth Yard: Using APIs

17 Using Web APIs
__17-1 Learn about the API
__17-2 Web Storage API
__[Do it!] Hands-on web storage handling
__[Do it!] Practice Creating a To-Do List Program Using Local Storage
__17-3 Geolocation API

18 Using Public APIs
__18-1 Learn about the public API
__18-2 Using the Map API
__[Do it!] Get an API key to use the Kakao Map API
__[Do it!] Marking the location of Aegis Publishing on the practice map
__18-3 Using the 'Public Data Portal' Site
__[Do it!] Apply to use the open API for practice
__[Do it!] Get data using the open API
__[Do it!] Marking Campgrounds Nationwide on a Practice Map

Search

“Everything about Modern JavaScript in one book!”
Covers everything from the latest grammar to practical use of Naver and Kakao APIs.

JavaScript has now become a ubiquitous language, used everywhere from the web to servers and apps.
If you only briefly studied the basics of JavaScript when you first started web development, you will be overwhelmed by the vast world of JavaScript when you jump into the real world.
This book was prepared for readers who are lost and don't know where to start studying JavaScript.
If you read just this one book, you can learn almost everything you need to know about JavaScript, from the latest grammar to API utilization.

“A must-read for both front-end and back-end developers!”
A book that will be helpful to everyone, from beginners to experienced developers.

JavaScript is upgraded every year, with new features continually being added.
Among them, we have included as many core functions as possible.
If you are new to JavaScript, study this book step by step from beginning to end.
If you know the basic grammar, you can look at the first part as much as you need, and then go to the 'third yard.
Let's start by reading 'JavaScript and Objects' carefully.
You'll gain a much deeper understanding of JavaScript. You'll also learn the latest syntax added after ECMAScript 2015 (ES6).
Let's build a solid foundation in JavaScript, the foundation of all web development, whether it's React.js or Node.js.

“Learn programming by doing it yourself!”
Experience the effective learning design unique to the "Do it! Series."

The most effective way to learn programming is through hands-on practice.
Learn in detail from basic grammar through simple examples and '1-minute review'.
In the practical "Do it! Practice" exercise, you'll develop the critical thinking skills a developer needs by thinking about how to develop a program before you even begin coding.
By tackling the 'Finishing Problems' at the end of each chapter, you can develop your application skills to freely utilize various JavaScript grammars.

“Study with the #1 author in the web field!”
Provides author-directed lecture videos

Video lectures produced by the author are provided free of charge.
Study with the book, or if you get stuck while reading, look for lecture videos.
Your learning will be more effective, as if you were receiving private tutoring.


“Self-study is no problem!”
30-day study plan provided

We've prepared a pacemaker '30-Day Study Plan' that will accompany you until you turn the last page of this book.
If you make a plan to study steadily for a month and stick to it, you will definitely be able to finish it.

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.
Let's meet readers who have similar concerns and share difficult content.
Studying while helping each other is more rewarding.
If you want to go far, go with a friend.
- Do it! Study Room Cafe: cafe.naver.com/doitstudyroom

The completed source file is available on the Aegis Publishing website's data room or 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