Видео 198
Просмотров 406 307

3:34

Simple Form - Tailwind for React

8:21

Before and After - Tailwind for React

10:12

Dark Mode - Tailwind for React

5:35

Hover, Active, Focus - Tailwind for React

6:37

Install Tailwind For React - React for Tailwind Tutorial

6:11

Create Custom Tailwind CSS Classes - Tailwind for React

In this video I am going to show you how to make custom css classes using Tailwind!
Patreon
www.patreon.com/jesustakethecompiler
Tailwind Installation for React
tailwindcss.com/docs/guides/create-react-app
Github Snippets (slap a star or two on it)
github.com/FOD17/Tailwind-React
About Tailwind (from their website)
Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.
It's fast, flexible, and reliable - with zero-runtime.
#react #tailwind #tutorial

Видео

3:34

Aspect Ratio - Tailwind for React

Просмотров 1,4 тыс.Год назад

In this video I am going to show you how to use Aspect Ratio for your videos Patreon www.patreon.com/jesustakethecompiler Tailwind Installation for React tailwindcss.com/docs/guides/create-react-app Github Snippets (slap a star or two on it) github.com/FOD17/Tailwind-React About Tailwind (from their website) Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any o...

8:21

Simple Form - Tailwind for React

Просмотров 1 тыс.Год назад

In this video I am going to talk about how to make a small form with Tailwind. Patreon www.patreon.com/jesustakethecompiler Tailwind Installation for React tailwindcss.com/docs/guides/create-react-app Github Snippets (slap a star or two on it) github.com/FOD17/Tailwind-React About Tailwind (from their website) Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any...

10:12

Before and After - Tailwind for React

Просмотров 8 тыс.2 года назад

In this video I am going to talk about how to use Before and After with Tailwind. Patreon www.patreon.com/jesustakethecompiler Tailwind Installation for React tailwindcss.com/docs/guides/create-react-app Github Snippets (slap a star or two on it) github.com/FOD17/Tailwind-React About Tailwind (from their website) Tailwind CSS works by scanning all of your HTML files, JavaScript components, and ...

5:35

Dark Mode - Tailwind for React

Просмотров 5 тыс.2 года назад

In this video I am going to talk about how to use Dark Mode with Tailwind. Patreon www.patreon.com/jesustakethecompiler Tailwind Installation for React tailwindcss.com/docs/guides/create-react-app Github Snippets (slap a star or two on it) github.com/FOD17/Tailwind-React About Tailwind (from their website) Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any oth...

Hover, Active, Focus - Tailwind for React

6:37

Hover, Active, Focus - Tailwind for React

Просмотров 6 тыс.2 года назад

In this video I am going to talk about how to work with hover, active, and focus with Tailwind! Patreon www.patreon.com/jesustakethecompiler Tailwind Installation for React tailwindcss.com/docs/guides/create-react-app Github Snippets (slap a star or two on it) github.com/FOD17/Tailwind-React About Tailwind (from their website) Tailwind CSS works by scanning all of your HTML files, JavaScript co...

Install Tailwind For React - React for Tailwind Tutorial

6:11

Install Tailwind For React - React for Tailwind Tutorial

Просмотров 5232 года назад

In this video I am going to show you how to install Tailwind for React! Note: The first four videos in this series were recorded at slighter smaller font. The rest will be larger. Patreon www.patreon.com/jesustakethecompiler Tailwind Installation for React tailwindcss.com/docs/guides/create-react-app Github Snippets (slap a star or two on it) github.com/FOD17/Tailwind-React About Tailwind (from...

2:54

Append - Python List Methods

Просмотров 112 года назад

Patreon: www.patreon.com/jesustakethecompiler In this video I will show you how to use append! Like. Share. Sub. #python #list #programming

1:47:19

XKCD React Website | Project

Просмотров 842 года назад

In this video I will show you how to convert a responsive website to a responsive React website! Like. Share. Subscribe!!! 0:00 Introduction to Responsive XKCD Website 2:35 Making the Header 10:45 CSS Styling the Header 24:55 JavaScript for the Header 29:00 Working on the Comic Section 32:42 CSS Styling for the Comic Section 40:10 Mega Footer Section 47:00 CSS Styling for Mega Footer 55:11 Made...

XKCD Responsive Standard Website | Project

1:14:00

XKCD Responsive Standard Website | Project

Просмотров 1762 года назад

In this video I show you how to make a responsive website that is a somewhat clone/reimagining of the XKCD website. There were a few edits I had to make at times because of code errors and what not, but here is the source code: github.com/FOD17/XKCD 0:00 Introduction to Responsive XKCD Website 2:35 Making the Header 10:45 CSS Styling the Header 24:55 JavaScript for the Header 29:00 Working on t...

Convert Responsive Website to React Project | Chuck Norris API

1:18:59

Convert Responsive Website to React Project | Chuck Norris API

Просмотров 3062 года назад

In this video I am going to show you how to make a responsive website that uses the Chuck Norris API and convert it from a standard website to a react project My Patreon www.patreon.com/jesustakethecompiler Github github.com/FOD17/chuck-norris-api-website Chuck Norris API api.chucknorris.io/ 0:00 Introduction to Responsive Web and Chuck Norris API 1:00 Starting with HTML 7:39 Doing the JavaScri...

Responsive Website Project | Chuck Norris API

52:58

Responsive Website Project | Chuck Norris API

Просмотров 5382 года назад

In this video I am going to show you how to make a responsive website that uses the Chuck Norris API. My Patreon www.patreon.com/jesustakethecompiler Github github.com/FOD17/chuck-norris-api-website Chuck Norris API api.chucknorris.io/ 0:00 Introduction to Responsive Web and Chuck Norris API 1:00 Starting with HTML 7:39 Doing the JavaScript to get Jokes and Dynamically Load HTML 29:08 CSS TIME,...

Make A Responsive React Website! | Morbin' TIME

1:33:31

Make A Responsive React Website! | Morbin' TIME

Просмотров 982 года назад

www.patreon.com/jesustakethecompiler Github Project - SLAP A STAR ON IT github.com/FOD17/Morbius Morbius is going to be morbin all over your web browser. In this video I show you how to make a responsive Morbius website to show off to your friends you are the ULTIMATE fan! The main purposes is to show how to translate a standard website (HTML, CSS, JS) to React. Rather than have multiple videos...

Make A Responsive Website! | Morbin' TIME

1:00:11

Make A Responsive Website! | Morbin' TIME

Просмотров 802 года назад

www.patreon.com/jesustakethecompiler Github Project - SLAP A STAR ON IT github.com/FOD17/Morbius Morbius is going to be morbin all over your web browser. In this video I show you how to make a responsive Morbius website to show off to your friends you are the ULTIMATE fan! 0:00 Introduction (Responsive Web) 0:41 FontAwesome Import 1:44 Working on The Website (MORBIN' TIME) 2:30 Setting up Respo...

Python List Comprehension - Code Quickie #19

16:31

Python List Comprehension - Code Quickie #19

Просмотров 622 года назад

www.patreon.com/jesustakethecompiler In this video I will show you a lot of ways you can use List Comprehension in Python to make and modify lists. It is pretty cool stuff! 0:00 Introduction 07:27 Form of List Comprehension 02:17 Working with Strings 04:08 Nested Array 06:28 Conditionals 09:19 Conditional Inside Expression 11:24 Nested Looping 14:22 Functions Like. Share. Sub. Graphics: Anvil M...