Tailwind CSS v1 | Tutorial Series | 02 Install And Setup

Veröffentlicht am: 12 Oktober 2020
auf dem Kanal: codewithchu
761
18

Install And Setup Tailwind Css Framework using NPM.

Video Sections:
0:00 Intro
0:27 Setup npm project & Install Tailwind
2:19 Setup Source Css File
2:57 Setup Tailwind Config
5:53 Setup Build Scripts
7:05 Automate Build Process
11:52 VS Code Extension Recommendation
13:00 Tailwind Demo

Setup Tailwind Using NPM
Creating Tailwind Css Config File
Setting up script to watch tailwind config and source css file to automate build process.

Tutorial Overview
How to setup and install Tailwind Css using NPM.
Building a Website with Tailwind Css, using css grids, flex box for layout.
Utilizing Tailwind Css mobile first approach to build responsive web design.
Creating subtle animations on our UI components with transition and transform utility classes. Creating components, cards, buttons, navbar with hamburger menu on mobile.

This video tutorial series about TailwindCss by Code with Chu. Video 2 of 14.

Subscribe and Learn to Code w/ Chu
   / @codewithchu  

Tutorial Source Files can be found on Github.
https://github.com/codewithchu/tailwi...

Demo Site
https://tailwindcss.arthurchu.ca/

Resources
--------------------------------------------------------------
TailwindCss - https://tailwindcss.com/
NodeJs - .https://nodejs.org/
VScode - https://code.visualstudio.com/
html - https://www.w3schools.com/html/
css - https://www.w3schools.com/css/
javascript - https://www.w3schools.com/js/

Connect with Code With Chu
--------------------------------------------------------------
https://arthurchu.ca
  / codewithchu  
  / codewithchu  
  / codewithchu  
https://github.com/codewithchu/


Auf dieser Seite können Sie das Online-Video Tailwind CSS v1 | Tutorial Series | 02 Install And Setup mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer codewithchu 12 Oktober 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 761 Mal angesehen und es wurde von 18 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!