Tailwind css phản ứng bản thảo

Công ty làm việc từ xa 100% nên rất tiện cho các bạn Front-end dù các bạn đang ngồi ở đâu. Nếu kỹ năng tốt tinh thần thì trách nhiệm tốt, có thể làm part-time 3-4h/ngày vẫn được lợi cực tốt (cộng tích lũy kinh nghiệm dự án thương mại điện tử thị trường toàn cầu)

Yêu cầu chung

• Trung thực và có tinh thần trách nhiệm cao. Do chủ yếu làm việc từ xa cần có thái độ làm việc chuyên nghiệp tương tác với nhóm tốt hơn
• Thái độ chủ động trong mọi công việc. Ví dụ. bàn giao code nên có tài liệu hướng dẫn (tối thiểu là 1 file readme. md để người nhận dễ dàng sử dụng repo)
• Phát triển các ứng dụng (ứng dụng web) bằng tích hợp đa nền tảng nên cần có khả năng tự học, thích ứng dụng hoàn cảnh & sẵn sàng học hỏi công nghệ mới là một lợi thế lớn
• Yêu thích và luôn mong muốn làm & cải tiến website cho UX/UI ngày càng tối ưu hơn

Yêu cầu chuyên môn

• Có 1-3 năm kinh nghiệm Front-end (hoặc nhiều hơn là vẫn được). Cụ thể là Reactjs, Nextjs, TypeScript – know Sveltejs and TailwindCSS is lợi thế
• Kiến thức nền HTML5/CSS3 và Javascript tự tin trụ (bởi vì cái này tự học được mà không cần thiết phải đưa vào bất kỳ dự án nào)
• Có khả năng đánh giá yêu cầu để phân tích và đưa ra giải pháp kỹ thuật trước khi bắt tay vào mã
• Biết sử dụng Figma, Sketch cơ bản để có thể làm việc với nhóm thiết kế tốt hơn (có thể được đào tạo nếu không biết)

Bạn có thể ứng tuyển vào EGANY bằng cách gửi CV và thông tin của mình tới email [email protected], nêu rõ vị trí muốn ứng tuyển trong email tiêu đề và trình bày nội dung về nguyện vọng của bạn

Đừng chỉ gửi mỗi CV mà không có chia sẻ gì cả, các đồng nghiệp tương lai của bạn sẽ không thể hiểu về bạn đâu. Hãy chủ động chia sẻ chân thành về bản thân và những mong muốn của bạn từ những dòng email đầu tiên trước khi chúng ta đồng hành cùng nhau phát triển nhé 🤜🤛

Tôi thấy Tailwind CSS là 1 thư viện CSS rất khó hiểu hiện nay. Với Bootstrap, khả năng tùy biến thấp hơn nhiều so với Tailwind CSS. Tuy nhiên cần nhớ nhiều hơn vì mỗi lớp của Tailwind sẽ tương ứng với 1 thuộc tính trong CSS

1. Tạo 1 dự án React

1

2

npx tạo-phản ứng-app my-project

 

• Go to the directory of project

1

2

cd của tôi-dự án

 

• Lưu ý. you must install Node JS and npm, npx. Bạn có thể tham khảo liên kết này. https. // tài liệu. npmjs. com/download-and-installing-node-js-and-npm

2. Cài đặt Tailwind CSS

1

2

npm cài đặt -D tailwindcss postcss autoprefixer

 

1

2

npx tailwindcss init -p

 

3. Add information to file tailwind. cấu hình. js

tập tin theo chiều gió. cấu hình. js

1

2

3

4

5

6

7

8

9

10

11

/** @type {nhập('tailwindcss'). Cấu hình} */

mô-đun. xuất = {

  nội dung. [

    ". /src/**/*. {js,jsx,ts,tsx}",

  ],

  chủ đề. {

    gia hạn. {},

  },

  plugin. [],

}

 

4. Thêm tệp của thư viện Tailwin vào tệp css của dự án

Ví dụ tôi sẽ thêm vào chỉ mục tập tin. css của React js. Bạn có thể thêm vào các tệp khác nhau của dự án sau đó thêm tệp này vào chỉ mục tệp gốc. html

mục lục. css

1

2

3

4

@tailwind base;

@tailwind các thành phần;

@tailwind tiện ích;

 

5. Run project project

Ứng dụng. js

1

2

3

4

5

6

7

8

xuất chức năng mặc định Ứng dụng() {

  return (

    <h1 className="text-3xl font-bold underline">

      Xin chào thế giới.

    </h1>

  )

}

 

Thêm mã bên trên vào ứng dụng tệp. js and try. You can see results of the class tử tailwind as text-3xl, font-bold