BEST

Programming

Front-end

Awesome Web UI Styling with Tailwind CSS

Name: Awesome Web UI Styling with Tailwind CSS
Price: 77000 KRW

[Creating a great web UI style with Tailwind CSS] The lecture covers the most popular framework, Tailwind CSS v3.4.1, in detail for 19 hours, from theory to practical responsive websites. A long lecture does not mean it is a good lecture. However, I am confident that this lecture is a good lecture that is also long. In particular, since all the Tailwind CSS theory is covered in detail for 8 hours and 30 minutes, people who are lacking in CSS theory can learn CSS theory thoroughly. This lecture was created with a focus on Tailwind CSS styling created by developers and publishers.

(5.0) 24 reviews

282 learners

codingworks

css

웹퍼블리싱

강의교안

TailwindCSS

Responsive Web

HTML/CSS

Reviews from Early Learners

What you will learn!

Systematic learning and application of Tailwind CSS core theory
Using Flex and Grid Easily and Conveniently with Tailwind CSS
Tailwind Utility Classes and CSS All Properties
Creating practical examples using Tailwind CSS
A clear understanding of CSS theory with easy explanations
Web publishers who need Tailwind CSS skills and results
Introducing your resume & portfolio with Tailwind CSS Responsive Web Design

Beautiful Web UI Styling with Tailwind CSS

'19 hours of rich class content and class time based on solid content and examples'

'8 hours and 30 minutes of Tailwind CSS theory lessons from experienced publishers'

'Creating practical examples to complete the theory and creating responsive web pages'

'A teaching method where you code everything yourself, rather than copying code from the official website.'

'Coding Works PDF textbook that covers everything from Tailwind CSS installation to environment settings and all theories'

CSS Frameworks Ranking in 2023

Tailwind CSS, which has been consistently popular and ranked first in satisfaction in CSS Frameworks Ranking, is the hottest CSS framework in the world these days. The most representative reason for its popularity is that it allows creative styling using utility classes, and it is also quite fast in terms of work time to create a high-quality design.

🎯 Tailwind CSS Official Website: https://tailwindcss.com/

Image Source: OSS Insight ( https://ossinsight.io/collections/css-framework/)

What is Tailwind CSS?

It is a CSS framework that aims for Utility-First, allowing you to use CSS properties quickly and efficiently by intuitively displaying them in classes.

Almost all CSS properties required for web UI styling are predefined in the form of built-in classes, so you can use them by combining the defined classes appropriately.

So, since you can style only the HTML file without looking at the CSS file separately, you can concentrate better and work faster.

Utility-First : Styling within your HTML code using pre-built utility classes.
For example, if you want to give a div a margin of 4 (1rem), padding of 2 (0.5rem), center-align the letters, and draw an underline, you can intuitively add a class name predefined by Tailwind, that is, a utility class, to the class.
...
In the existing CSS method, it was done as follows.
div { margin: 1rem; padding:0.5rem; text-align: center; text-decoration: underline; }

Tailwind CSS vs. Plain CSS Code Comparison

▲ Assuming that the UI above is created

▲ Code in the standard CSS style

▲ Tailwind CSS style code

Tailwind CSS style styling is...

The existing CSS method has the hassle of having to look at HTML files and CSS files interchangeably for styling, but with the Tailwind CSS method, you can style just by looking at the HTML code, as in the example code above.

Tailwind CSS has the great advantage of being faster and more focused than the traditional CSS method because it only looks at the HTML code while styling the same results.

What CodingWorks Considered as the Biggest Disadvantage of Tailwind CSS Before Preparing the Course

About a year before Coding Works prepared the Tailwind CSS course, I watched a few YouTube videos about Tailwind CSS and had two concerns as a publisher.

The first concern is good, but it's unproductive to repeatedly enter the same class names, and the HTML becomes messy. In addition, since the same class names are used repeatedly, when modifying, you can't modify them all at once, but have to modify them as many times as you used. I thought it might be a bit awkward to use in practice.

But as I began to prepare for the lecture in earnest, I thoroughly searched the official website and found that there were almost no Korean materials, so I studied more deeply by watching overseas materials and overseas YouTuber lectures. As I did, I came to think that the above worries were needless worries and that I had made hasty judgments without studying deeply. You can minimize the use of repetitive class names by using a child selector as shown below. If you modify it with the Tailwind CSS child selector method, you only need to modify the parent element of the buttons once.

The second concern was that while regular CSS can be easily reused by creating a style and simply inserting the class name where necessary, Tailwind CSS can't do that. I was worried that it would be really inconvenient when publishing in practice. In other words, I thought that I wouldn't be able to reuse styles. However , as in the example below, you can use Tailwind CSS components to reuse styles in the same way as regular CSS styles.

I was like that too, but if you only see the shortcomings of Tailwind CSS in blogs or short YouTube videos, don't ignore it like I did. If you study it a little more deeply, you will realize that it is a pretty good CSS Framework... that you can do detailed and creative CSS styling, and that the ability to use Tailwind CSS is a very good competitive edge when getting a job.

Differences from other CSS frameworks

In existing CSS frameworks such as Bootstrap or Semantic UI, it is difficult to make detailed changes and the efficiency is very low when trying to change the design. Even if you want to make simple design changes, you have to make difficult changes through developer tools. However , Tailwind CSS is designed from the beginning to allow for high-freedom web UI styling.

Soon, while traditional CSS frameworks would result in different websites looking similar, Tailwind CSS would allow for completely different website styling depending on the creator .

In short, Tailwind CSS...

'While creative styling

No.1 CSS Framework to Reduce Production Time'

Tailwind CSS has so many great advantages and charms despite some drawbacks.

😊 Advantages of Tailwind CSS

Rapid development can shorten development time.
No need to worry about class names.
You can work while focusing only on HTML.
It's good to apply a consistent design system.
Responsive layouts are a breeze to work with.
You can supplement messy HTML code by utilizing components.
Easy to maintain.
Framework independence (combined with other frameworks) ex) Bootstrap + Tailwind CSS

😞 Cons of Tailwind CSS

There is a learning curve that takes time and effort to reach a certain level (especially for developers).
There is a severe lack of learning courses produced in Korean, making it difficult to find information.
The same class names are used repeatedly in HTML code.
- This part can be greatly improved by using Tailwind CSS style child & descendant selectors through lectures.
Until you get used to it, you'll likely be heavily reliant on the official documentation at first.
It is convenient and fast, but the readability of the code is greatly reduced due to the lengthy HTML code.
There is the hassle of having to create and compile the CLI installation environment.

Q) Is the Tailwind CSS course for developers or web publishers?

A) The course is open to both developers and web publishers. Also available are web designers and UI/UX designers with basic HTML+CSS knowledge.

There is a bit of difficulty (Learning Curve) in studying Tailwind CSS theory, but the learning curve is not as high as you think. Once you get past studying Tailwind CSS theory, you will be able to create web UI practical publishing examples in no time.
Tailwind CSS utilization ability and Tailwind CSS publishing results not only increase the competitiveness of developers, but also provide competitiveness to all job groups that have work that requires publishing. Tailwind CSS utilization ability makes developers more competitive because developers are not necessarily in the job group that has to publish. However, if developers are good at publishing... and can do it beautifully and quickly, they are more competitive than web publishers.
I think Tailwind CSS's ability to utilize is superior to that of traditional CSS Frameworks like Bootstrap. Tailwind CSS allows for meticulous and detailed CSS design depending on the creator's ability.

🚩 Coding Works Tailwind CSS Course Features

Tailwind CSS classes taught by experienced publishers
19 hours of rich class content and class time based on faithful content and examples
In class, we will code everything from scratch without copying code from the Tailwind CSS official site.
Tailwind CSS covers all the theory and explains it in detail individually, then you learn while coding.
Tailwind CSS theory-based, diverse and beautiful web UI practical examples that will satisfy even experienced publishers
Tailwind CSS for Developer and Publisher Jobs and Competitiveness: Creating Responsive Web Resume (Real Learning Results)
CodingWorks PDF textbook that covers everything from Tailwind CSS CLI installation to environment setup and all theories
Creating HTML Wireframe Structure for Responsive Career Resume Publishing Lesson
Tailwind CSS Course designed for developers and publishers

👍 Why are class hours long?
Coding Works believes that, just like when we were teaching at a government-funded academy, there must be systematic steps to do publishing well. That is why we believe that the proportion of theory classes cannot be high. Everyone thinks theory classes are boring. However, if you create examples without understanding the theory, your skills will not improve.

👍 Direct coding method, not a code copying class
The thing you should not do when learning CSS frameworks is to copy HTML code from the official site and modify it part by part. If you do that, you will not understand the HTML structure of the CSS framework, so you will not be able to really study. Therefore, even when learning frameworks, you must type in all the codes one by one. That is how you will improve your skills.

👍 Creating HTML Wireframe Structure Lesson
Learn how to create an HTML wireframe structure for a responsive resume with real-world examples. Since Tailwind CSS rarely uses class names, you need to create a good HTML wireframe structure so you don’t make mistakes when inserting Tailwind CSS class names.

👍 Why create a responsive career resume as your final product?
At the end of every learning, there should be a final result. That way, you can feel a sense of accomplishment, and it is important to have the experience of applying the theory you have studied to real life situations. That is why we create a responsive career resume.

📖 Tailwind CSS textbook (PDF) produced by Coding Works

Tailwind CSS textbook (PDF) consists of a total of 45 pages. It is an easy-to-understand summary of the essential key points from the vast content on the Tailwind CSS official website. It contains detailed information on Tailwind CSS Styling, from initial setup to CLI installation and environment settings for real projects and HTML wireframe structures, as well as theoretical lecture content.

The official Tailwind CSS website is in English and contains a lot of content that is not absolutely necessary, so studying theories through the official Tailwind CSS website can easily lead to a loss of concentration and a loss of motivation to learn.

Things to note before taking the class

We recommend using Visual Studio Code as your text editor, as Tailwind CSS IntelliSense is required.
If the class subject is an experienced publisher, it is okay to watch the theory class at a fast pace and then move on to creating a practical example. However, if the class subject is a developer or publisher who lacks the basics of publishing, we recommend that you study the theory class thoroughly.
Before the practical example class, unzip [Tailwind CSS (v3.4.1) Theory and Practical Example Complete Version] and delete all but the images folder in individual folders, then follow the class.

How to use Visual Studio Code

This lecture This course was created using Visual Studio Code . Visual Studio Code is a free program with no usage restrictions. All lecture videos are based on Visual Studio Code.

Please learn the basic usage first through the Coding Works YouTube video below, and then study <Section 1. [Tailwind CSS Core Theory] Handling Basic Elements (ver 3.4.1)>.

How to use and set up Visual Studio Code (Watch the video)
How to use Emmet in Visual Studio Code (Watch the video )
How to install and use the Visual Studio Code essential extension (watch video)
Prevent Full Reload from Jumping Up When Editing CSS in Visual Studio Code (Watch Video)

Download Visual Studio Code from the official website (click)

✅ There is no video on YouTube showing how to install the Live Sass Compilier Extension, but you must install it.
✅ If you install the required extensions and practice briefly before learning the theory, you can take the class much more smoothly.

🖐 Frequently Asked Questions

If you have any questions other than the ones listed below, please leave them on the Q&A board of the relevant lecture community and we will do our best to answer them.

Q) How much HTML+CSS knowledge is required?
If you have experience using HTML+CSS, you can follow along and get the skills and results you expect.

Q. Are there any notes regarding taking the course (environment required, other things to keep in mind, etc.)?
The class has a lot of content and progresses quickly. However, it does not go without sufficient explanation, but explains in detail. I think you will follow along well. Before the theory class, be sure to learn the basics of using Visual Studio Code.

And if possible, it is recommended to have a dual monitor environment. It is okay for theory classes, but a single monitor can be a bit inconvenient when creating a responsive web resume in the last section.

Q) I have no experience using CSS Frameworks. Will that be okay?
It doesn't matter at all. Tailwind CSS is a completely different system from traditional frameworks, so you can think of it as learning general publishing.

Q) How can I study more CSS theory while taking the class?
In this case, since most of the CSS theories are covered on the Coding Works YouTube channel, you can search for the desired topic on the Coding Works YouTube channel and study it if necessary.

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

✒ Introducing the knowledge sharer

Created a course called [Amazing Web UI Styling with Tailwind CSS] Coding Works has taught publishing theory, application, and personal portfolio homepage creation to over 300 national publishing course students. In particular, the instructor has specialized in publishing lectures for several years, perfectly guiding all preparation processes for publisher employment from A to Z, so that most students can get jobs right after completing the course. In addition, the instructor has been evaluated as being very helpful to Inflearn students by conducting publishing-related lectures at Inflearn.

Recommended for
these people

Who is this course right for?

Those who need to learn and apply the systematic Tailwind CSS core theory
Developers who want to access and use CSS easily and conveniently
Publishers who need to improve their competitiveness in job hunting and career changes by adding Tailwind CSS skills
Anyone who wants to make their developer resume responsive
Anyone who wants to make their web publisher resume responsive

Need to know before starting?

HTML+CSS Basics

Hello
This is

12,538

Learners

737

Reviews

2,102

Answers

4.9

Rating

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

52 lectures ∙ (19hr 29min)

Course Materials:

Lecture resources

Section 1. Tailwind CSS Course Introduction and Study Notes

5 lectures ∙ (1hr 21min)

Section 2. [Tailwind CSS Core Theory] Handling Basic Elements (ver 3.4.1)

20 lectures ∙ (8hr 37min)

6. [Must Read] Notes for Learning Tailwind CSS Theory
09:33
7. Typography(1) - Text Formatting and Color
30:44
8. Typography(2) - Text Formatting and Color
35:59
9. Typography(3) - Using web fonts in Tailwind CSS
26:25
10. Borders(Borders) – Border, Border Radius
22:51
11. Spacing – margin padding, Sizing – width height, Size
19:00
12. Background (Color, Image, Gradient)
33:32
13. Layout(1) - Aspect Ratio, Columns, Display
23:11
14. Layout(2) - Object Fit, Overflow, Position, Visibility, Z-Index, Opacity
33:11
15. Effects(effect) – Box Shadow, Text Shadow
14:22
16. Transforms
23:32
17. Transitions, Animation
23:08
18. Interactivity
32:49
19. Flex Layout: Core Theory and Creating Layout Examples
44:00
20. Grid Layout: Core Theory and Creating Layout Examples
42:58
21. Aligning Elements in Flex
28:00
22. Tailwind CSS pseudo-classes (Hover, Focus, Content)
18:13
23. Child, Descendant, and nth-child in Tailwind CSS
23:54
24. Tailwind CSS parent and sibling selectors based on mouse interaction
16:17
25. Responsive Layout (Responsive Design)
16:08

Section 3. [Tailwind CSS Practical Examples] Practical Example (Card UI, Responsive Section UI)

9 lectures ∙ (4hr 17min)

26. Preparation and Notes for Creating Practical Examples [MUST READ]
13:33
27. Card UI Design (0) - Making Dark Mode (ft. SVG)
29:03
28. Card UI Design(1) - Crew Contact List
21:48
29. Card UI Design (2) - Real State Price
36:29
30. Section UI Design (1) - Responsive Subscribe Form (Part 1) - Detailed UI Design
32:56
31. Section UI Design (1) - Responsive Subscribe Form (Part 2) - Mouse Interaction, Responsive Layout
15:17
32. Section UI Design (2) - Meet the team (Grid Responsive Layout)
36:11
33. Section UI Design (3) - Login Form (Responsive)
40:50
34. Table UI Design - Company Member Info Table(ft. nth-of-type)
31:20

Section 4. Tailwind CSS CLI Environment Setup

6 lectures ∙ (2hr 8min)

Section 5. Tailwind CSS Career Resume & Portfolio Introduction Responsive Web Development

9 lectures ∙ (3hr 4min)

Section 6. Student Resources Download

3 lectures

Published:

Last updated:

Reviews

All

24 reviews

5.0

24 reviews

pcdoomco4
Reviews 3
∙
Average Rating 5.0
5
8% enrolled
이번에 새로운강의가 또나와 구입하게되었습니다. 항상 강의의 디테일이 증명해주듯 수박의겉핥기가아닌 끝짱을보자란 식으로 매우 디테일하게 강의가 진행되는방식은 적어도 웹퍼블관련강좌는 코딩웍스가 정답이구나를 느꼈습니다. 정말다른강사의 강의를 찾아볼필요가없이 이강좌하나만제대로 소화하면 실력이 확실히 쌓이는걸 체감하면 코딩웍스 팬이 안될수가없네요 이번강좌도 잘 듣겠습니다.
- 코딩웍스(Coding Works)
  Instructor
  첫번째 수강평 감사합니다!!
공부벌레
Reviews 6
∙
Average Rating 4.8
4
100% enrolled
실습 강의를 보고 그대로 따라해도 틀린 부분이 존재합니다~ 또 실습 강의 도중 중간에 변경 내용이 있을 때 다시 수정을 하시는데 제 작업중인 코드, 웹 창과 강의 영상, 강의 영상의 소스코드 한번에 4개의 화면을 계속 돌아가면서 보려니 피로감이 심합니다~ 강의 내용이 순차적으로 정리되었으면 더 좋았을 것 같아요. 하지만 그럼에도 불구하고 tailwind css를 배우기에는 정말 좋은 강의입니다.
- 코딩웍스(Coding Works)
  Instructor
  수강평 감사합니다~
Thomas
Reviews 46
∙
Average Rating 4.7
5
100% enrolled
많은 도움이 되었습니다.
- 코딩웍스(Coding Works)
  Instructor
  수강평 감사합니다~
My Dream
Reviews 3
∙
Average Rating 5.0
5
100% enrolled
이번 강의는 저에게 큰 도움이 되었습니다. Tailwind CSS에 관심 있는 분들께 추천드립니다. 개인적으로는 TailwindCSS 실전 응용편 강의를 요청드리고 싶습니다. 이전에 수강한 "SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트"와 같은 실전 강의를 부탁드립니다. (Tailwind CSS가 저에게 딱 맞는 CSS 인것 같아서요.^^)
- 코딩웍스(Coding Works)
  Instructor
  수강평 감사합니다!!
박정식
Reviews 39
∙
Average Rating 5.0
5
100% enrolled
고생하셨습니다.
- 코딩웍스(Coding Works)
  Instructor
  수강평 감사드립니다. 강의 오픈 일주일도 안되서 100% 달성하셨네요. 대단하십니다!!

$59.40

codingworks's other courses

Check out other courses by the instructor!

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)

퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 특히 요즘 퍼블리셔와 개발자에게 요구되는 디자인 능력을 피그마(Figma) 학습으로 많은 부분 커버할 수 있도록 피그마(Figma)로 모바일 웹 UI 디자인 작업을 하는 과정도 상세하게 설명하였습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 모바일 웹 퍼블리싱은 CSS 변수(Var) 활용한 모바일과 태블릿에 맞춘 레이아웃을 완벽하게 맞추는 학습을 통해서 실무 작업과 대동소이한 정도의 작업 능력을 갖추게 됩니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

초급

HTML/CSS, 포트폴리오, 모바일 디자인

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)

반응형 웹사이트 포트폴리오(App Official Landing Website)

코딩웍스(Coding Works)

반응형 웹사이트 포트폴리오(App Official Landing) 제작 과정은 HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다. 필수로 사용해야 하는 제이쿼리 플러그인으로 Scroll Reveal Animation과 Slick 슬라이더 사용법을 학습합니다. 반응형 제작 방식은 기존 방식의 float와 position을 이용한 반응형 레이아웃 제작 방식으로 제작합니다. 하지만 어느 특정 요소에서는 Flex를 사용하는 부분도 있습니다.

초급

HTML/CSS, jQuery, 반응형 웹

반응형 웹사이트 포트폴리오(App Official Landing Website)

코딩웍스(Coding Works)

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

코딩웍스(Coding Works)

HTML+CSS+JQUERY 초중급 퍼블리싱으로 다양한 실전 예제 학습을 통해 퍼블리싱 중급 실력을 위한 퍼블리싱 기본기를 익히시게 됩니다. 특히, 다양한 실전 예제를 통해 충분한 설명과 실전 작업으로 경험하고 퍼블리싱에 자신감을 생깁니다. 41시간이 넘는 충분한 학습량을 제공하는 퍼블리싱 수업입니다. (코딩웍스 유튜브 퍼블리싱 채널에 CSS 중급이론 학습을 병행하시면 더욱 효과적입니다.)

초급

HTML/CSS, jQuery

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

코딩웍스(Coding Works)

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

지금까지 200여명의 오프라인 학원 학생들 신입 퍼블리셔 취업 포트폴리오 지도한 경험을 통해 코딩웍스가 심혈을 기울여 만들었습니다. 면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작 강의는 퍼블리셔 취업을 위해 필수로 준비해야 하는 개인 포트폴리오 홈페이지를 어떻게 어디서부터 준비하는지 알려드리는 충실한 가이드입니다. 강의는 총 19시간 이상의 강의 내용이 담겨 있습니다. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항, 취업과 실무에서 최고로 중요한 퍼블리싱 기본기, 취업을 위한 제이쿼리와 자바스크립트 & 코딩 미션, 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법, 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용, 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령 등 신입 퍼블리셔로서 알아야 할 모든 내용을 담고 있습니다.

초급

포트폴리오, HTML/CSS, jQuery

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌3)

코딩웍스(Coding Works)

HTML+CSS+JS 실전 포트폴리오(시즌3)는 퍼블리싱 실전 예제를 제작하는 과정입니다. 다양한 실전 예제 제작을 통해서 퍼블리싱 실력을 중상급으로 성장할 수 있습니다. 34시간 이상의 충분한 강의 시간과 다양한 종류의 실전 제작 과정이므로 제작 노하우와 응용 방법을 충분히 익힐 수 있습니다.

초급

HTML/CSS, JavaScript, jQuery

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌3)

코딩웍스(Coding Works)

웹 퍼블리셔를 위한 자바스크립트 & 제이쿼리 핵심이론 실전예제(교재, 완성본)

코딩웍스(Coding Works)

웹 퍼블리셔를 위한 JS 핵심이론 및 실전예제 교재 및 완성본은 PDF로 제작된 강의 교재입니다. 해당 교재는 웹 퍼블리셔가 꼭 알아야 하는 자바스크립트와 제이쿼리 기본기를 충실히 갖출 수 있는 역할을 합니다. 해당 교재 특징으로는 이론과 연결된 스몰미션(Small Mission)을 통해서 이론을 더욱 탄탄히 할 수 있습니다. 특히 배운 모든 이론을 활용한 실전 예제 역시 충실히 준비된 교재입니다. 해당 PDF 전체 페이지는 순수 자바스크립트(Vanlila JavaScript)와 제이쿼리(jQuery) 페이지 수는 320페이지 이상으로 코딩웍스가 쉽게 이해할 수 있도록 충분한 설명을 덧붙여 놓았습니다. 특히, 퍼블리셔가 웹사이트 제작을 위해 필수적인 제이쿼리 상호작용 실전 예제를 학습하실 수 있습니다.

초급

JavaScript, jQuery, HTML/CSS

웹 퍼블리셔를 위한 자바스크립트 & 제이쿼리 핵심이론 실전예제(교재, 완성본)

코딩웍스(Coding Works)

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

웹디자인기능사 출제기준(2025.1.1~2025.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인 기능사 실기시험 강의는 다릅니다. 2023년도에 추가된 D유형, E유형 완벽 제작 수업영상과 2024년도에 추가된 F유형 완벽 제작 수업영상이 모두 반영되어 있습니다.

입문

HTML/CSS, jQuery, 웹 디자인

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

반응형 웹사이트 포트폴리오(Architecture Agency)

코딩웍스(Coding Works)

HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다. (반응형 제작 방식은 기존 방식의 float와 position을 이용한 반응형 레이아웃 제작 방식입니다. 현재로서는 기존 웹사이트가 기존 방식으로 제작된 레이아웃이 대부분이기 때문에 Flex와 Grid도 학습해야 하지만 기존 방식 레이아웃을 반드시 학습하시고 잘 사용해야 합니다.)

중급이상

HTML/CSS, jQuery, 웹 디자인

반응형 웹사이트 포트폴리오(Architecture Agency)

코딩웍스(Coding Works)

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

코딩웍스(Coding Works)

HTML+CSS+JS 실전 포트폴리오(시즌2)는 중급 퍼블리싱으로 다양한 실전 예제 학습을 통해 퍼블리싱 중급 실력을 위한 퍼블리싱 기본기를 익히시게 됩니다. 특히, 다양한 실전 예제와 전체 반응형 웹사이트 제작을 통해 중급 퍼블리싱에 자신감이 생기고 수업한 작업물을 통해 취업을 위한 개인 포트폴리오로 귀중한 자료가 툅니다. 38시간 가까운 충분한 학습량과 실전 예제를 통한 중급 퍼블리시 노하우를 익히게 되는 퍼블리싱 수업입니다.

초급

HTML/CSS, jQuery, JavaScript

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

코딩웍스(Coding Works)

플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)

코딩웍스(Coding Works)

플렉스(Flex) 반응형 웹사이트 퍼블리싱 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 할 수 있습니다. 또한 플렉스(Flex) 기초부터 응용 나아가 실전 UI 제작 강의가 충실합니다. 플렉스(Flex) 이론과 실전예제 그리고 반응형 웹사이트 제작과정이 20시간 이상으로 실전 경험 못지 않은 실력과 자신감을 갖게 됩니다.

초급

Flex, 반응형 웹

플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)

코딩웍스(Coding Works)

중상급 퍼블리싱을 위한 CSS3의 모든 것

코딩웍스(Coding Works)

[중상급 퍼블리싱을 위한 CSS3의 모든 것] 강의에서 부족한 퍼블리싱 이론을 확실하게 갖추실 수 있습니다. 이론은 어느 정도 알지만 뭔가 만들려고 할 때 자신 있게 퍼블리싱이 안될 때가 자주 있습니다. 중상급 퍼블리싱 레벨의 실력을 위해 깊이 있게 이론을 학습하고 확실한 퍼블리싱 실력을 갖추기 위한 필수적인 코스입니다. [중상급 퍼블리싱을 위한 CSS3의 모든 것] 강의는 초급부터 중상급 실력을 목표하는 분들을 대상으로 CSS3 모든 이론과 이론을 응용하는 스킬과 노하우를 배울 수 있습니다.

초급

HTML/CSS

중상급 퍼블리싱을 위한 CSS3의 모든 것

코딩웍스(Coding Works)

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

코딩웍스(Coding Works)

취업을 위해 면접을 자주 봐야 합니다. 면접을 자주 보기 위해서는 괜찮은 퍼블리셔 개인 포트폴리오 홈페이지가 반드시 있어야 합니다. 코딩웍스가 심혈을 기울여 만든 괜찮은 개인 포트폴리오 홈페이지 제작 가이드 교재(PDF)입니다. 해당 교재는 인터넷에서 구글링 해서 구할 수 있는 내용이 아닙니다. 코딩웍스가 수년간 현장에서 300여 명의 학생에게 퍼블리싱 이론, 실전, 개인 포트폴리오 홈페이지 제작 강의하고 학생들이 빨리 원하는 회사에 취업할 수 있도록 개인 포트폴리오 홈페이지 제작 방법을 상세하게 담은 세상에 하나뿐인 퍼블리셔 취업 개인 포트폴리오 홈페이지 제작 가이드(PDF) 입니다.

초급

포트폴리오, 웹 디자인, HTML/CSS

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

코딩웍스(Coding Works)

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)

퍼블리셔 취업을 위한 진짜 가이드 전자책(PDF)으로 효율적인 퍼블리싱 학습방법, 좋은 퍼블리싱 강의 잘 가르치는 퍼블리싱 강사 고르는 안목, 신입이지만 경력자처럼 퍼블리싱하는 요령, 바람직한 코딩 습관과 원칙, 개인 포트폴리오 홈페이지 제작 방법, 디자이너 개발자와의 협업 요령, 퍼블리셔로 알아야 할 필수 사이트, 포토샵 UI 디자인 실력키우기 등 퍼블리셔 취업을 위해 반드시 알아야 하는 HTML+CSS+JQUERY 퍼블리싱 기본기를 상세하게 알려드립니다. 또한, 국비지원 퍼블리셔 과정에 대해 상세히 설명합니다.

입문

HTML/CSS

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)

SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

SCSS 기초부터 활용까지 체계적으로 배우실 수 있습니다. 퍼블리셔 취업을 위해 SCSS(SASS) 활용 능력이 경쟁력을 높여주는 만큼 능력을 증명하는 SCSS(SASS)+GRID+FLEX를 활용한 실전 포트폴리오 퍼블리싱 결과물도 얻으실 수 있습니다. SCSS(SASS) 핵심이론 & 실전 예제 중심으로 구성된 수업이며 취업과 실무를 위해 SCSS(SASS)+GRID+FLEX 퍼블리싱 스킬과 노하우를 배울 수 있습니다.

초급

Sass, Flex, HTML/CSS

SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

SCSS(SASS) FLEX GRID 핵심이론(PDF) 교재 및 활용예제

코딩웍스(Coding Works)

SCSS(SASS) FLEX GRID 핵심이론(PDF)과 활용 예제는 SCSS(SASS), FLEX, GRID 사용에 관한 핵심 이론을 알기 쉽게 핵심만 정리한 PDF 교재입니다. 중상급 퍼블리싱 실력을 목표로 하는 분들에게 SCSS(SASS), FLEX, GRID에 대한 이해도와 활용 능력은 필수입니다. 그리고 퍼블리싱 취업과 이직에 큰 경쟁력이 될 거로 생각합니다. SCSS(SASS) FLEX GRID 핵심이론(PDF) 뿐만 아니라 이론 활용 예제 완성본(html, scss, css)가 별도로 첨부되어 있어서 이론 학습 후 이론을 활용한 응용 예제를 만들어 볼 수 있습니다.

초급

HTML/CSS, Sass, Flex

SCSS(SASS) FLEX GRID 핵심이론(PDF) 교재 및 활용예제

코딩웍스(Coding Works)

퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)

코딩웍스(Coding Works)

코딩웍스가 다년간의 강의 노하우를 집대성한 자체제작 HTML+CSS+FLEX+JQUERY 퍼블리싱 핵심 이론서 교재. 불필요한 내용없이 딱! 필요한 핵심 내용만 정리된 최고의 퍼블리싱 이론교재. 퍼블리싱 입문을 위한 핵심 이론서 PDF 교재와 예제파일 다운로드 컨텐츠입니다.

입문

HTML/CSS, jQuery, Flex

퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)

코딩웍스(Coding Works)

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

19페이지, 총 22가지 다양한 모바일 레이아웃 제작하면서 퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 특히 CSS 중첩(Nesting) 방식을 충분히 학습할 수 있습니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

초급

모바일 디자인, HTML/CSS, wireframe

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

[Tailwind CSS 실전 포트폴리오 퍼블리싱]은 Tailwind CSS를 활용해 26가지 이상의 다양한 실전 예제 제작하는 과정입니다. 실전 예제를 빠르게 다양하게 제작하면 그 속에서 필수적인 이론을 설명합니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

초급

TailwindCSS, HTML/CSS

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

코딩웍스(Coding Works)

SCSS(SASS)와 FLEX Layout을 실전에 완벽하게 활용합니다! 피그마로 전체 웹사이트의 메인 페이지 및 핵심 서브 페이지 UI를 디자인하고, 일관성 있는 클래스네임과 함께 HTML 와이어프레임 구조를 만들어 퍼블리싱까지 완료하는 체계적인 반응형 웹 사이트 프로젝트 제작 과정입니다. 총 41시간 이상의 과정 속에서 핵심 이론 및 실무 활용 능력을 충분히 익히고, PC - 모바일 - 태블릿 대응 반응형 레이아웃을 설계 및 제작하면서 반응형 웹 프로젝트에 대한 경험과 노하우는 물론 제이쿼리(jQuery) 핵심 이론 및 실무 활용 능력까지 대폭 향상시키게 됩니다.

초급

HTML/CSS, Sass, scss

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

코딩웍스(Coding Works)

퍼블리셔 취업하는 훌륭한 이력서 작성 가이드

코딩웍스(Coding Works)

퍼블리셔 취업을 위해 채용 담당자에게 어필할 수 있는 이력서 작성방법을 상세히 알려드립니다. 이력서 작성을 어디서부터 시작해야 할지 어려운 분들께 추천드립니다. 신입 또는 이직을 위해 퍼블리셔 이력서를 작성하는 방법을 실제 사례를 기반으로 한 예시와 함께 설명합니다. 또한, 지원자 입장에서의 이력서 작성 방법이 아니라 채용 담당자 입장에서 냉정한 관점에서 면접을 부르는 이력서 작성 가이드입니다. 어필하는 이력서 작성 방법과 함께 강조할 사항, 주의할 사항 그리고 구체적인 꿀팁과 코딩웍스가 제작한 이력서 템플릿까지 제공합니다.

입문

이력서

퍼블리셔 취업하는 훌륭한 이력서 작성 가이드

코딩웍스(Coding Works)

Similar courses

Explore other courses in the same field!

핵심만 골라배우는 CSS3

수코딩

프론트엔드 입문자들은 필수적으로 익혀야하는 CSS3!! 기초부터 시작해서 고급에 이르기까지 CSS3를 샅샅히 파헤쳐봅니다!

입문

HTML/CSS

핵심만 골라배우는 CSS3

수코딩

반응형 웹사이트 포트폴리오(Architecture Agency)

코딩웍스(Coding Works)

중급이상

HTML/CSS, jQuery, 웹 디자인

반응형 웹사이트 포트폴리오(Architecture Agency)

코딩웍스(Coding Works)

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)

초급

HTML/CSS, 포트폴리오, 모바일 디자인

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)

3D리플릿 만들기 - 인터랙티브 웹 프로젝트

1분코딩

인터랙티브 웹 프로젝트는, CSS와 자바스크립트를 이용해 창의적인 인터랙션이 있는 예제를 하나씩 만들어보는 시리즈입니다.

중급이상

HTML/CSS, JavaScript, 인터랙티브 웹

3D리플릿 만들기 - 인터랙티브 웹 프로젝트

1분코딩

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

초급

모바일 디자인, HTML/CSS, wireframe

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프

영코디 킴쌤

디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강의[개정판] 입니다.

초급

Bootstrap, 반응형 웹, 웹 디자인

부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프

영코디 킴쌤

모던 웹 인터렉티브 CSS3 [PART2/3]

영코디 킴쌤

초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 500여명이 넘는 프론트엔드, 백엔드, 풀스택, 웹 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다!

입문

HTML/CSS, 웹 디자인, css3

모던 웹 인터렉티브 CSS3 [PART2/3]

영코디 킴쌤

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)

입문

HTML/CSS

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

HTML과 CSS를 배워서 웹사이트 제작에 필요한 기본 지식을 배울 수 있습니다. 코딩을 처음 접할 때 두려움이 없도록 정말 알기 쉽게 설명한 강의입니다.

입문

HTML/CSS

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

입문

HTML/CSS, jQuery, 웹 디자인

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

초급

포트폴리오, HTML/CSS, jQuery

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

<M.B.I.T> 테스트 페이지 만들기! with Django

제주코딩베이스캠프

개발 유형을 테스트하는 웹 페이지를 만들어보세요! MBTI아닌 MBIT(My Best IT personalities)! 'MBIT 테스트 페이지'를 직접 만들어보며 웹 개발의 전반적인 프로세스를 익혀볼 수 있습니다. (Django 3.1 버전을 사용합니다.)

초급

HTML/CSS, JavaScript, Django

<M.B.I.T> 테스트 페이지 만들기! with Django

제주코딩베이스캠프

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

Photoshop과 Adobe XD 프로그램을 활용해 다양한 디바이스의 웹, 앱 레이아웃을 디자인해 본 뒤 간단한 코딩 기술을 학습해 직접 구현해볼 수 있게 됩니다.

초급

HTML/CSS, jQuery, XD

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

웹디자인기능사 실기 B-3 유형 html+css

두노피

자격증 시험이 아니더라도 연습하기 좋은 예제입니다. 웹디자인 기능사 실기 B-3 유형을 천천~~히 따라해보아요

초급

HTML/CSS

웹디자인기능사 실기 B-3 유형 html+css

두노피

웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)

두노피

전국 합격률 60%중에 우리반 합격률은 90%! 시험요구사항을 파악하면 가능합니다. 실기 책 사지마요 어려워요

초급

HTML/CSS, jQuery

웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)

두노피

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의!! 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!

입문

JavaScript, React, Node.js

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

Figma 디자인부터 퍼블리싱까지

Michael Kwon

디자이너와 개발자를 위한 올인원 강좌! 새로운 UI3 반영

초급

Figma, HTML/CSS

Figma 디자인부터 퍼블리싱까지

Michael Kwon

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

코딩웍스(Coding Works)

초급

포트폴리오, 웹 디자인, HTML/CSS

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

코딩웍스(Coding Works)

[환상의족발] 디자인부터 코딩까지

두노피

맛있는 족발이에요~ 요즘 족발 장난 아니던데...꿀꺽

초급

Photoshop, HTML/CSS, 클론코딩

[환상의족발] 디자인부터 코딩까지

두노피

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

초급

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

Awesome Web UI Styling with Tailwind CSS

Reviews from Early Learners

What you will learn!

[Video Update News] Tailwind CSS v4.0 has been officially released.

Beautiful Web UI Styling with Tailwind CSS

'19 hours of rich class content and class time based on solid content and examples'

'8 hours and 30 minutes of Tailwind CSS theory lessons from experienced publishers'

'Creating practical examples to complete the theory and creating responsive web pages'

'A teaching method where you code everything yourself, rather than copying code from the official website.'

'Coding Works PDF textbook that covers everything from Tailwind CSS installation to environment settings and all theories'

CSS Frameworks Ranking in 2023

What is Tailwind CSS?

Tailwind CSS vs. Plain CSS Code Comparison

Tailwind CSS style styling is...

What CodingWorks Considered as the Biggest Disadvantage of Tailwind CSS Before Preparing the Course

Differences from other CSS frameworks

In short, Tailwind CSS...

'While creative styling

No.1 CSS Framework to Reduce Production Time'

Tailwind CSS has so many great advantages and charms despite some drawbacks.

😊 Advantages of Tailwind CSS

😞 Cons of Tailwind CSS

Q) Is the Tailwind CSS course for developers or web publishers?

After taking Tailwind CSS course, you can create results like this.

🚩 Coding Works Tailwind CSS Course Features

📖 Tailwind CSS textbook (PDF) produced by Coding Works

📖 Completed version and reference materials provided

Things to note before taking the class

✅ Player Knowledge

✅ Note

How to use Visual Studio Code

🖐 Frequently Asked Questions

✒ Introducing the knowledge sharer

Recommended for
these people

Hello
This is

Curriculum

Reviews

codingworks's other courses

Similar courses

Awesome Web UI Styling with Tailwind CSS

Reviews from Early Learners

What you will learn!

[Video Update News] Tailwind CSS v4.0 has been officially released.

Beautiful Web UI Styling with Tailwind CSS

'19 hours of rich class content and class time based on solid content and examples'

'8 hours and 30 minutes of Tailwind CSS theory lessons from experienced publishers'

'Creating practical examples to complete the theory and creating responsive web pages'

'A teaching method where you code everything yourself, rather than copying code from the official website.'

'Coding Works PDF textbook that covers everything from Tailwind CSS installation to environment settings and all theories'

CSS Frameworks Ranking in 2023

What is Tailwind CSS?

Tailwind CSS vs. Plain CSS Code Comparison

Tailwind CSS style styling is...

What CodingWorks Considered as the Biggest Disadvantage of Tailwind CSS Before Preparing the Course

Differences from other CSS frameworks

In short, Tailwind CSS...

'While creative styling

No.1 CSS Framework to Reduce Production Time'

Tailwind CSS has so many great advantages and charms despite some drawbacks.

😊 Advantages of Tailwind CSS

😞 Cons of Tailwind CSS

Q) Is the Tailwind CSS course for developers or web publishers?

After taking Tailwind CSS course, you can create results like this.

🚩 Coding Works Tailwind CSS Course Features

📖 Tailwind CSS textbook (PDF) produced by Coding Works

📖 Completed version and reference materials provided

Things to note before taking the class

✅ Player Knowledge

✅ Note

How to use Visual Studio Code

🖐 Frequently Asked Questions

✒ Introducing the knowledge sharer

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

codingworks's other courses

Similar courses

Recommended for
these people

Hello
This is