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.
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!!
1) Publishing PDF textbook that contains the core and lecture know-how (total 187 pages)
2) HTML+CSS+FLEX+JQUERY publishing core theory html example files (247)
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
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 :)
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~!
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
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
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.
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
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
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
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
All
9 lectures ∙ (12min)
Course Materials: