__Coding Concept Dictionary

Chapter 1: Coding: The Magic of the 21st Century

01-1 Coding, Who Are You?
01-2 3 Ways to Make Coding Easier
__The development of computers led to the development of coding!
__one.
Leverage frameworks that provide source code, like Milky Kit.
__two.
Just search Stack Overflow and you'll find it all!
__three.
Coding made easier with AI!
Complete programs without coding - no-code tools
01-3 Start coding with web development!
__Why Web Development is a Good Beginner's Guide to Coding
__Two areas of development - front-end and back-end
01-4 Web Development, Just Install This and You're Ready!
__The most popular web browser, Google Chrome!
__A tool optimized for coding, a code editor
__[Do it! Practice] Installing VS Code
Coding Conquest Quiz 01

Chapter 2 HTML, the skeleton that makes up the web

02-1 HTML that composes web documents
__Looking at the document structure in Word
__What exactly is HTML?
__[Do it! Practice] Writing Simple HTML Code
02-2 Unraveling HTML Tags
__Tags that form the structure of HTML
__Managing HTML documents neatly
__Using the auto-complete feature
__[Do it! Practice] Creating a Super-Simple Website with VS Code
__[Do it! Practice] Editing a Web Page with Developer Tools
Coding Conquest Quiz 02

Chapter 3: Web in Your Own Style! CSS

03-1 CSS, the center of web design
__The Master of Transformation, CSS for Web Design
__HTML meets CSS
03-2 Three Ways to Apply CSS to HTML
__[Do it! Practice] Linking CSS Files
__[Do it! Practice] Using the 〈style〉 Tag
__[Do it! Practice] Using inline styles
03-3 Understanding CSS Structure with the Box Model
__Web pages are made up of boxes!
__[Do it! Practice] Applying CSS in Developer Tools
__Block elements and inline elements
__Inclusion relationship from nesting!
Coding Conquest Quiz 03

Chapter 4: JavaScript Brings Life to the Web

04-1 JavaScript, I'm curious about you!
__JavaScript, wake up the sleeping web!
__From the web to servers and mobile apps! A variety of tools to extend JavaScript.
04-2 Four JavaScript Grammar Rules for Programming
__Basic Structure of Programming
__A box containing data, a variable
__Unchanging value, constant
__Vending machine, function that processes data
__True vs. False, Conditional Statements
__No more repetitive tasks, loops
04-3 How JavaScript Handles Web Browsers
__DOM - everything you see when you access a website
__BOM - everything except the DOM
__[Do it! Practice] Manipulating Documents with JavaScript
__How JavaScript Deals with 'Events'
Coding Conquest Quiz 04

Chapter 5: Rules for Inter-App Communication, API

05-1 API, Data Exchange Rules
__Rules for exchanging data, API
__API between web browser and web server - HTTP
__Tell me the destination - URL
__Four ways to process data, CRUD
__Data format, Jason
05-2 How to use API in everyday life
__Open API and Private API
__[Do it! Practice] Using Public Data
Coding Conquest Quiz 05

Chapter 6: Easily Implementing an API Server with Node

06-1 JavaScript's Milky Kit, Node!
__Node, Breaking the Limits of JavaScript!
__[Do it! Practice] Installing Node
__A window for talking to the computer - Terminal
__[Do it! Practice] Running a Node
__Node's Marketplace - NPM
__[Do it! Practice] Setting up a Node project using NPM - Piglet
06-2 Preparatory Exercises for Building a Web Server
__Send a request to a web server - IP address, port, routing
__You can specify the execution order - callback function
__[Do it! Practice] Creating a Simple API Server - Express
06-3 Implementing the Animal Sound API
__[Do it! Practice] Creating an API that responds in JSON format
__[Do it! Practice] Routing with Variables
__[Do it! Practice] Creating the Optimal Environment for Retrieving Data - CORS
06-4 Deploying APIs with GitHub and CloudType
__Code Repository, GitHub
__[Do it! Practice] Deploying APIs with Cloud Type
Coding Conquest Quiz 06

Chapter 7: Bulletin Board Completed in 10 Minutes! Now I'm a Developer

07-1 The Beginning of Moving HTML! Template Engine
__The role of the template engine
__HTML + JavaScript = EJS
__[Do it! Practice] Creating a Simple Web Page with EJS
__[Do it! Practice] Setting Conditions for Displaying Data
07-2 How does the server process data?
__Two ways to send data to the server - GET, POST
__[Do it! Practice] Processing a query request using the GET method
__[Do it! Practice] Handling Create Requests with the POST Method
__Data one by one, database
__JavaScript and database interpreter, ORM
07-3 Creating a bulletin board using a database
__[Do it! Practice] Creating a Bulletin Board Page
__[Do it! Practice] Integrating Node and Escurit
__[Do it! Practice] Adding post creation and viewing features
__[Do it! Practice] Adding a Post Edit/Delete Feature
__[Do it! Practice] Deploying a Bulletin Board Using CloudType
Coding Conquest Quiz 07

[Appendix] An error occurred while practicing!

〈Review! Try it on Your Own!〉 Model Answers & Explanations
Coding Conquest Quiz Answers & Explanations

◆ Advantages of this book

ㆍThere is a teacher who can solve your problem at any time.
Get started with coding easily by watching video lectures together!
ㆍThe focus is on practice rather than theory, so you can learn concepts while having fun.
ㆍIt is also perfect as a textbook as you can review what you have learned through practice and quizzes.
You can also refer to the answers and explanations to correct any mistakes yourself.
ㆍWe provide all the codes required for the practice.
Experience the joy of web development by simply copying and pasting code.
While it's important to enter your code accurately to avoid errors, the main purpose of this book is to help you quickly learn the entire process of web development!

◆ Recommended for these people!

ㆍNon-major general public who wants to learn coding
ㆍMiddle and high school students who dream of working as developers
Web publishers who want to change careers to web developers
Web designers who want to communicate with web developers
Parents who want to easily learn coding with their children
ㆍAnyone who wants to know the basics of coding!

------------------------------------------------------

600,000 subscribers! 140 million cumulative views!
Jocoding, the #1 web education YouTuber, is here to help beginner developers!

Don't even know the "ㅋ" in coding? Are you a liberal arts student who's given up on math? Don't worry! For those of you who just stare blankly at your monitor, Jocoding wrote this book to save you.
You can learn more thoroughly by watching the video lectures related to this book in the "Do it! Joe Coding's First Web Development" playlist on the Joe Coding YouTube channel or the Easy Publishing YouTube channel.
If you get stuck while studying, please refer to the video.

ㆍJocoding's YouTube channel: youtube.com/@jocoding
ㆍAegis Publishing YouTube Channel "Do it! Jocoding's First Web Development" Playlist: bit.ly/plan_jocoding

------------------------------------------------------

From basic web concepts to creating a bulletin board in no time!
My first web programming reveal to the world!

You've probably heard of coding, programming, and HTML, but if you're new to development, it can be difficult to clearly define the terms.
In fact, no matter how much you search on portal sites, it is not easy to understand the concept accurately.
Stop delving into theory! This book teaches you the basics of coding, then dive right in and start creating a bulletin board.
And we'll create a bulletin board page ourselves and distribute it on the Internet so that anyone can access it.
Even those who don't even know the basics of coding can understand the core of web programming and completely master the key concepts of coding with this book.

------------------------------------------------------

In this book, you will learn web development in 5 steps!
Implementing a server that processes tasks starting from the visible screen is also OK!

We'll learn JavaScript by creating our own web pages and working with HTML and CSS, then manipulating familiar websites.
Easily understand how web browser screens are structured and moved.
Even nodes that may seem difficult can be run using simple commands in Visual Studio Code, and you can even create animal sound APIs, making web development much more approachable.
And then, we'll synthesize everything we've learned from the book, create a bulletin board page, and distribute it on the Internet so that everyone can access it.

------------------------------------------------------

If you're worried, "Am I sure I understand this correctly?"
From exercises to check your understanding to quizzes to complete the concepts!

Just because you've read a book doesn't mean you can be confident that you fully understand it.
In such cases, check how much you understand coding yourself through "Review! Try it on your own!" and "Coding Conquest Quiz."
Just trying and thinking about solving a problem is enough to develop your skills, so don't just pass it by and definitely give it a try.
If you get any questions wrong, don't forget to review those parts and move on!

------------------------------------------------------

If you encounter an error while practicing, please pay attention!
Check out the [Appendix] to solve your problem!

Chapters 6 and 7, where we begin to practice in earnest, cover somewhat complex code.
So even if you follow it step by step, you may make mistakes like making typos or missing some details.
However, any error can be easily resolved by checking just the five points presented in the [Appendix].

------------------------------------------------------

Download the example file with the code!
Complete code in an instant, error-free with copy & paste!

If you're still unfamiliar with manually entering code or are pressed for time, try downloading example files from the [Resources] section of the Aegis Publishing website! Simply open the file for each exercise, copy the code, and paste it into Visual Studio Code to easily complete the results.

Easys Publishing website (http://www.easyspub.co.kr) → [Data Room] → Search for 'Do it! Jocoding's First Web Development'

------------------------------------------------------

"Meet intelligent readers who grow through books!"
[Do it! Study Room]: Learn, Share, and Grow Together

If you find studying alone burdensome, try visiting the study cafe 'Do it! Study Room'.
By joining [Do it! Study Group] and uploading your study plan and putting it into practice, you can receive a book as a gift and develop a consistent study habit.

ㆍDo it! Study Room Cafe: cafe.naver.com/doitstudyroom → [Do it! Study Group] Menu