인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
Programming

/

Web Development

Publishing Core Theory PDF Textbook and Example Files (HTML+CSS+FLEX+JQUERY)

Coding Works' self-produced HTML+CSS+FLEX+JQUERY publishing core theory textbook, which summarizes the teaching know-how accumulated over many years. The best publishing theory textbook that summarizes only the core content that is needed, without any unnecessary content. This is a PDF textbook and example file download content for publishing beginners.

(4.7) 50 reviews

1,070 students

HTML/CSS
jQuery
Flex
Thumbnail

This course is prepared for Beginners.

What you will learn!

  • Learning the core theories of publishing for a career in web publishing

  • HTML+CSS+JQUERY Publishing Core Theory

  • HTML Essential Core Theory

  • CSS Essential Core Theory

  • CSS Virtual Class Core Theory

  • CSS Flex Core Theory

  • JQUERY Interaction Essential Methods Functions

✔️ A must-have for beginners! A theory textbook and practical examples consisting of necessary contents and tips
✔️ HTML+CSS+FLEX+JQUERY publishing textbook with 5 years of teaching know-how
✔️ PDF textbook that contains practical experience in front-end publishing and offline lecture know-how
✔️ Don't carry heavy books around, and have the publishing PDF textbooks right in your phone!!

💡 This is downloadable content, not video content.

  • Coding Works publishes textbooks that are a culmination of many years of offline lecture know-how
  • Coding Works' self-produced HTML+CSS+FLEX+JQUERY publishing core theory textbook
  • The best publishing theory textbook that only contains the essential content without any unnecessary content!
  • Download the PDF textbook and example files for the Publishing Core Theory book
  • High-quality PDF textbooks that are as good as printed books

💡 Publishing Core Theory PDF Textbook and Theory Example Content Composition

1) Publishing PDF textbook that contains the core and lecture know-how (total 187 pages)

  • HTML Core Theory (How to use Blackbox, Core Theory) - 45 pages
  • CSS Core Theory (Core Theory, Virtual Classes) - Page 94
  • FLEX Core Theory (Parent Attributes, Child Attributes, Practical Examples) - Page 31
  • JQUERY Core Theory (Core Theory, Interaction Method Function) - Page 17

2) HTML+CSS+FLEX+JQUERY publishing core theory html example files (247)

  • HTML theory examples (20 html files)
  • CSS Essential Core Theory Example (72 HTML files)
  • CSS Pseudoclass Theory Example (37 html files)
  • CSS Flex Theory Example (27 html files)
  • JQUERY theory example (65 html files)
  • Practice images for learning theory

💡 I want to study publishing, but what textbooks are available on the market?

  • First of all, it's too thick and there's a lot of it...
  • I can't tell what's important and what's less important.
  • I just want to know the essential points right now, but there's so much to cover that I can't even think about it...
  • It's written so concisely and with so many fine details.
  • It's hard to talk and there's too much to write...
  • I wish there was a lecture material that only covers the key points like an offline lecture. The book is too heavy to carry around, so I need a PDF textbook that I can always view on my mobile device...

For effective learning, please refer to the Coding Works Publishing YouTube channel!


Please watch the theory video lectures on the Coding Works Publishing YouTube channel in parallel. Of course, not all theory videos are on the YouTube channel, but most of the important theory videos are there. Since there are many videos, it is recommended to search for videos as in the example below.

Coding Works Publishing YouTube Channel: https://www.youtube.com/codingworks

▼ Email sent by a Coding Works student after getting a job at a publisher (2021.10.13)

Hello teacher :)

Teacher, I am Kim O-jeong, a student who was taking Inflearn's lectures.
I am a student who sent an email this summer asking for advice on my personal portfolio.
Do you remember?😊😊

It's nothing else than,
I'm sending this email to tell you that I successfully landed a job at a publisher with the portfolio I received advice on from you!

Even!!
The company contacted me first after seeing the portfolio I posted on Saramin, and I was interviewed via Zoom and passed!
The company matched my desired salary, and I was able to join a company where I could do only publisher work, not design or development work.

It was a company looking for an experienced publisher, and they contacted me, a new employee, and asked me why they contacted me.
He said that he looked at a lot of other people's portfolios, but he contacted me because the "Functional Definition" in my portfolio caught his eye.

I think this is all thanks to the teacher's lectures.
If I hadn't taken the teacher's class, my portfolio would have just been ordinary, but I was able to successfully get a job thanks to the great tips the teacher gave me!

Although I have never actually met him,
While creating my portfolio, I relied on it a lot, trusted it, and worked hard while watching the teacher's lectures!

I feel like my skills have improved a lot in the three months I spent listening to the teacher's lectures and creating a portfolio, more than the skills I built up while taking long classes at the academy.

I desperately wanted it,
I believed and did as the teacher said and the results were really good.

Thank you so much!

Be careful of corona
I hope to see you again with another great lecture :)

▼ Email sent by a Coding Works student after getting a job at a publisher (2021.11.26)

Coding Works teacher, I am a student of Inflearn class~

Hello teacher~ I'm Inflearn student OOO~ I found out your email address from another student's answer..😊😊
I just wanted to say thank you 😊😊

I've had a hard time taking your class and submitting my resume for about two weeks now...
I passed the interview at a company and decided to come to work.. Thank you so much..😭😭

Actually, I was worried because I'm 32 years old. I submitted a lot of resumes, but I didn't get any calls.
But this company's HR manager said that he doesn't like people who graduated from private academies 😊😊
The company I decided to join is small, but it has developers and web designers.
They said they would train them for three months and then put them into practice.
It's a bit far and the salary is low, but I'm going to study hard and try to increase my salary~ 😊😊

Thank you so much for everything. You answered my questions so well, and I am so amazed that I got a job after taking this online class.

I will continue to study and improve my skills by listening to your lectures. Fighting~!

📖 Preview of Coding Works Publishing Theory PDF Textbook

🌟 HTML textbook class contents

  1. Glossary of terms related to web production
  2. How to install and use Brackets
  3. Dummy Text Korean Breath
  4. Creating a basic HTML document structure
  5. Text Formatting (Main Format/Other Format)
  6. Tags for creating lists
  7. Handling images (figure, img, figcaption)
  8. Creating Hyperlinks and Anchors
  9. Handling Image Maps by Direct Coding
  10. How to use temporary images (placehold.it)
  11. Download YouTube Videos
  12. HTML5 and Multimedia (Playing Audio, Video, Playing YouTube Videos)
  13. Creating a table (1-3)
  14. Form related tags (1~2)
  15. Layout created with HTML5 semantic tags (1~2)

🌟 CSS textbook class contents

CSS Text Formatting Styles
• Must-read / CSS basic grammar / CSS link methods / CSS selectors / CSS application priority
• CSS text-related styles / Using Google Web Fonts / CSS list styles / How to use FontAwesome

CSS background color, background image decoration
• Control CSS background colors and images / Create CSS background gradients
• Layout style (inline vs block elements)
• Layout style (display property: inline, block, inline-block)
• Box Model / CSS Table Style

Creating a CSS Position Layout
• CSS position (align elements horizontally: float, clear)
• CSS position (position property / positioning child elements outside of parent elements)
• CSS position (showing and hiding elements: z-index, visibility, opacity, display)

CSS Transforms & Animations
• transform: translate
transform: scale
transform: rotate, transform: origin
transform: skew
• CSS Animation properties
Creating Keyframes

CSS pseudo-classes
• Mouse over virtual class:hover
• :first-child selects the first element in the sequence, :last-child selects the last element
• Pseudo-class that checks the order: nth-child, Pseudo-class that checks the order and tag type: nth-of-type
• When clicking on the form element input: :focus, text inserted into the form element input::placeholder

Using CSS Advanced Selectors
• Attribute selector, adjacent selector, sibling selector
• Pseudo-class :checked when form elements checkbox and radio are clicked
• Virtual class :before :after

🌟 CSS Flex (Flexible Box)

Attributes used in parent elements

- display: flex
- justify-content
- align-items
- flex-direction
- flex-wrap
- align-content

Attributes used in child elements

- flex
- order
- align-self
- Margin property used by child elements

Flex application example

- Flex layout (1) - Use vertical center and horizontal center overlapping
- Flex layout (2) - Horizontally arranging nested divs as parent and child
- Flex Layout (3) – Creating Top Navigation
- Flex Layout (4) – Semantic Tag Responsive Layout

🌟 jQuery textbook class contents

  1. What is jQuery?
  2. Creating basic jQuery syntax
  3. Linking JS files to jQuery locations
  4. jQuery selectors, functions, and methods types
  5. jQuery Essential Core Theory – Functions
  6. jQuery Essential Core Theory – Essential Methods
  7. jQuery Essential Core Theory – Method (Show/Hide)
  8. jQuery Essential Core Theory – Method (Fade Effect)
  9. jQuery Essential Core Theory – Method (Class Control)
  10. jQuery Essential Core Theory – Mouse Event List
  11. jQuery Essential Core Theory – List of Attribute Manipulation Methods
  12. jQuery Essential Core Theory – Positional Navigation Selector List
  13. jQuery Essential Core Theory – Attribute Navigation Selector List


🙋🏻‍♂️ PDF textbook related must-reads

Q. The jQuery section in the PDF textbook doesn't have much content.

A) jQuery is so vast in its nature that it is difficult to include all the content in a PDF textbook, so there is content on basic usage and essential functions, events, and method usage. And for beginners who are new to publishing, CSS and FLEX are most important, so 170 pages, which is 90% of the PDF textbook, are allocated.

Q. What is the difference between Coding Works Publishing Core Theory PDF textbook and textbooks on the market?

A. We have excluded content that you don't need to know right away, content that is not important, and only included the essential key points. Coding Works textbooks are PDF textbooks that have been supplemented from textbooks used in offline academies for many years. In particular, they contain many Coding Works lecture tips that are not found in textbooks on the market.

Q. How big is the download content?

A) The total size of the content you are downloading is 42MB. The PDF theory textbook has been uploaded in 5 parts for your convenience. You can receive them individually. And the practice example files are well organized into folders when unzipped.

Q. I will print it out and look at it, but is the PDF textbook high-quality?

A) Since the PDF file is produced in high quality 300 dpi, you can print it clearly.

Q. How can I use the downloaded content?

A) All downloaded content is files produced by Coding Works. Coding Works PDF textbooks may not be used for any other purpose or distributed to others other than the personal study purpose of the person who registered for the course. Also, the part of the PDF file that displays Coding Works may not be edited and used as teaching material.

🙋🏻‍♂️ Please read before asking questions~!!

If you have any questions while learning, please ask. When asking a question, you must upload the content that is not working, the code, and the browser result screen capture. In the case of code, you must upload all HTML, CSS, and JS codes so that we can give you an accurate answer. And when uploading code, it is convenient to use the Visual Studio Code Capture Extension, CodeSnap. For instructions on how to use the Visual Studio Code Capture Extension , CodeSnap, please refer to the contents of the Coding Works blog below.

■ How to use CodeSnap, the code capture extension: https://www.inflearn.com/blogs/1672

👨🏼‍🏫 Instructor Introduction

  • (Currently) Freelance Frontend Publisher
  • Jo Eun Computer Academy Web Publishing Instructor
  • Now a Web Publishing Instructor at Computer Academy
  • Front-end publisher, front-end publishing specialist
  • Now, the Computer Academy Web Design Technician Practical Certification Course
  • Lakpia ICT Training Center Front-end Publishing Master Course Instructor
  • Easy & Edu Front-end Publishing, UI/UX Design
  • HTML+CSS+JQUERY publishing YouTube channel 'Coding Works' operation
  • Coding Works Publishing YouTube Channel - https://www.youtube.com/codingworks

Interview and employment-inducing publisher personal portfolio homepage production, scss, sass, flex, grid, html, css, html/css, website, web publisher, publisher employment, website, coding, coding, jquery, javascript, jquery, javascript, layout, interactive web, interactive web, web design, web design, portfolio, publishing, responsive web, web design technician practical exam, bootstrap, bootstrap, css frameworks, framework

Recommended for
these people!

Who is this course right for?

  • If you are new to web coding

  • If you need HTML+CSS+JQUERY publishing lecture materials

  • Web planners who want to increase their understanding of web publishing

  • Developers who want to improve their understanding of front-end publishing

  • Those who want to make website maintenance and corrections themselves

Need to know before starting?

  • Basic computer skills and internet browser skills

  • Basic English typing skills for coding

Hello
This is

12,177

Students

701

Reviews

2,082

Answers

4.9

Rating

23

Courses

■ [현재] 국비 퍼블리싱 & 프론트엔드 강사 
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱

 

🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704

Curriculum

All

9 lectures ∙ (12min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Become the author of a review that helps everyone!