stackup-dev / open-source-campaign

Repository for StackUp's Open Source Campaign
11 stars 50 forks source link

Request For Tailwind CSS Campaign #396

Open dikiaditama opened 2 years ago

dikiaditama commented 2 years ago

Name of Proposer

dikiaditama

Campaign Name

Tailwind CSS Basics for Web Dev

Campaign Description

The campaign is aimed at teaching Tailwind CSS, an in-demand framework. This is a campaign proposition for intermediate users who are into front-end development. The campaign will introduce Stackies to the world of frameworks used by giant tech companies.

Number of Quests

  1. Introduction to Tailwind CSS.
  2. Designing a website with Tailwind CSS

Quest 1 Summary

This quest will focus on teaching about the basics of Tailwind CSS, its installation and file structures, and basic terminal commands using official documentation and other learning resources. This will give Stackies insight into what they are about to dive into.

Quest 1 Learning Objectives

What is Tailwind CSS about? How to install Tailwind CSS. Tailwind CSS file structure. Basic terminal commands used by Tailwind CSS beginners.

Quest 1 Deliverables

A quiz

Quest 2 Summary

This quest will introduce stackies to the world of Tailwind components, their types, and different use cases. This can be achieved using code chunks. This is useful as Tailwind is a component-based library, which is one of the reasons for its ease of use.

Quest 2 Learning Objectives

How to use Tailwind components. How to use Tailwind with react Uses and differences between both components.

Quest 2 Deliverables

A screenshot of the editor, terminal, and output. with a link to a public GitHub repository.

Olufade-James commented 2 years ago

Seamus

I agree with this Campaign request, there is a need to learn a CSS framework which is a quicker and easier way for a developer to style an app that will be responsive and maintain the code of our application. Tailwind which is a CSS framework has the availability of utility classes which makes it easier to build complex responsive layouts freely.