Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Web Development

Tailwind CSS Basics Guide: Easy and Fast Styling

Introducing Tailwind, the solution that lets you build modern websites quickly without leaving HTML!

(4.7) 34 reviews

1,244 learners

3시간 만에 완강할 수 있는 강의 ⏰
HTML/CSS

Reviews from Early Learners

What you will learn!

  • Basic properties of Tailwind CSS

  • flex&grid, transition, animation in Tailwind

  • Add Utility Class Settings

  • Responsive design and SVG controls

  • Plugins officially supported by Tailwind

  • Create a responsive resume

You can make something like this!

Create a Responsive Resume with Tailwind CSS📝

[PC/Mobile Screen]

Many companies are paying attention
Tailwind CSS

To enable building websites within HTML documents only, without going to CSS documents.
A modern website that builds quickly.

To achieve this , we use a pre-implemented class.
Perform styling work .

Satisfaction and usage indicate that interest is growing.


What will you learn in class? 🕵️‍♀️

  1. Get a taste of Tailwind by working through basic examples introduced on the official website.
  2. Learn about Tailwind's basic properties
  3. Flex&grid, transition, and animation in Tailwind
  4. A taste of how to use it more efficiently by adding utility class settings
  5. Responsive design and SVG controls
  6. Plugins officially supported by Tailwind
  7. Create a responsive resume


I recommend this to these people ✨

Tailwind is hot these days
For those who are curious about what it is

Tailwind for your own
Anyone who wants to create a resume

Required for the project
People who lack CSS knowledge

Make your website faster
Anyone who wants to make it

Tailwind is
I am very satisfied 💁‍♂️

👌 You only need to look at the HTML document.

👌 No need to worry about class names, no need to worry about collaboration!

👌 Easy to maintain.

👌 You can build a website easily and quickly.

Recommended for
these people

Who is this course right for?

  • Developers who introduced Tailwind at their company

  • For those of you wondering what Tailwind is

  • Anyone who wants to create their own resume using Tailwind, which is popular these days

  • For those who want to create a simple website but lack CSS knowledge

  • Anyone who wants to create a website easily and quickly

Need to know before starting?

  • HTML

  • CSS

Hello
This is

10,322

Learners

352

Reviews

2

Answers

4.8

Rating

21

Courses

더 오름은 제주코딩베이스캠프의 프리미엄 브랜드로 주로 실무, 취업과 연관된 강의를 제작하고 있습니다.

제주코딩베이스캠프에서 이론적인 지식을 획득하셨다면, 더 오름의 실전 강의들을 통해 포트폴리오와 실무 능력들을 모두 가져가세요! 

" 2%를 채우기 위한 여러분의 집념과 열정을 응원합니다! "

 

︎ 더 오름 로드맵

The Oreum 로드맵.png.webp

 

Curriculum

All

25 lectures ∙ (2hr 0min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

34 reviews

4.7

34 reviews

  • 바로서기님의 프로필 이미지
    바로서기

    Reviews 22

    Average Rating 4.9

    4

    84% enrolled

    이 강의의 장점은 짧은 시간에 군더더기 없이 빠른 흐름으로 내용을 전달합니다. 강의의 목적에 맞춰 불필요한 부분이 거의 없고 이 점에서 웹 퍼블리싱 경험이 없는 사람들에게는 도움이 되는 강의라고 생각합니다. 하지만 반대로 다른 CSS 프레임워크를 다루어본 적이 있는 사람에게는 너무 기초적인 내용만 전달한다는 생각이 들 겁니다. 더군다나 최근의 트렌드에 따라 tailwincss라는 새로운 툴을 배우려는 사람에게는 고유의 설정이나 기능은 많이 다루지 않기 때문에 이 부분에서 실망할 수 있습니다. 그런 점에서 향후 tailwindcss의 고급 기능을 다루는 별도의 강의가 추가되었으면 하는 바람이 듭니다.

    • 이원영님의 프로필 이미지
      이원영

      Reviews 4

      Average Rating 5.0

      5

      100% enrolled

      tailwindcss를 전반적으로 빠르게 습득하는데 도움이 많이 되는 강의였던거 같습니다. 거기다가 기본적으로 요즘 많이 쓰는 리액트의 기본까지 부록으로 해주신것은 센스있으신것 같습니다. 이제 전반적으로 강의를 들었고 느는것은 사용하는것인데.. 그것에 대한 내용이 있었으면 더 좋았던것 같습니다.

      • 권성우님의 프로필 이미지
        권성우

        Reviews 1

        Average Rating 5.0

        5

        96% enrolled

        상당히 친절하고 깔끔한 강의입니다. 공식문서 먼저 보기 귀찮으신 분들 이 강의 먼저 들으시고 공식문서 보시면 이해하기 수월할 것 같습니다.

        • baby4님의 프로필 이미지
          baby4

          Reviews 65

          Average Rating 5.0

          5

          76% enrolled

          수업 잘 들었습니다

          • 미스터몽키님의 프로필 이미지
            미스터몽키

            Reviews 2

            Average Rating 5.0

            5

            80% enrolled

            최신 트랜드 tailwindcss 에 대해 핵심을 빠르게 익힐 수 있어 너무 좋네요. 또한 vscode 유용한 단축키나 개발에 필요한 유용한 지식도 중간 중간 알려주셔서 너무 좋았습니다. 동영상 편집을 잘 하셔서 지루하지 않게 빠르게 공부할 수 있었어요. 좋은 강의 다음에 또 부탁할게요~

            $17.60

            theoreum's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!