- 78
- 248 747
iron coding
India
เข้าร่วมเมื่อ 16 เม.ย. 2024
Iron Coding is a channel where you can learn HTML, CSS, JavaScript, and React. We make it easy to build real-life projects, whether you're just starting out or already experienced. Join us to improve your web development skills.
HTML CSS Javascript code tutorial, learning HTML, learning CSS, learning Javascript, get code free HTML CSS JAVASCRIPT,
animation code.
Subscribe to the channel to stay updated with new videos
HTML CSS Javascript code tutorial, learning HTML, learning CSS, learning Javascript, get code free HTML CSS JAVASCRIPT,
animation code.
Subscribe to the channel to stay updated with new videos
Install Tailwind CSS Latest Version 4.0 in React JS Project
How to install Tailwind CSS in React | Tailwind CSS React tutorial | How to Install Tailwind CSS 4.0 With Vite React
Integrate Tailwind CSS with React
Tailwind CSS setup in React
React Tailwind CSS installation
In this tutorial, I will guide you how to install tailwind css in react. Tailwind css just upgrade there version to 4.0 and they changes the installation process completely.
What You'll Learn:
Setting up a new React application using vite.
Installing Tailwind CSS.
Configuring Tailwind for optimal performance.
Implementing Tailwind's utility classes to style your components.
Follow & Chat with us:
Telegram: t.me/iron_coding
Instagram: iron.coding
📌 React JS projects with Tailwind CSS:
Animated Portfolio Website with React JS, Tailwind CSS, and Framer Motion
th-cam.com/video/AR-uqkPDQYs/w-d-xo.html
How to Make Portfolio Website with React JS & Tailwind CSS | React Portfolio Tutorial 2024
th-cam.com/video/V1BDMy64Unc/w-d-xo.html
Complete Ecommerce Website Using React JS | React JS Projects 2024
th-cam.com/video/PsIA2w6eiPg/w-d-xo.html
Complete Responsive Portfolio Website Using React JS & Tailwind CSS | Beginners Tutorial
th-cam.com/video/tAKYsnJVk34/w-d-xo.html
How to Build To-Do List App with React JS
th-cam.com/video/-qM82_YTuQQ/w-d-xo.html
📌 JavaScript projects:
Create To-Do List App Using HTML CSS
th-cam.com/video/xKLwToE-uF0/w-d-xo.html
Weather App using HTML CSS & Javascript
th-cam.com/video/TWlVG9jyQig/w-d-xo.html
📌 Deploy websites for free:
Best Way to Deploy Your Website for FREE on Vercel
th-cam.com/video/VyVMsse0C6E/w-d-xo.html
Deploy & Host Your Website for Free on GitHub
th-cam.com/video/ms5W8AVJu2w/w-d-xo.html
Don’t Forget to SUBSCRIBE
For more exciting tutorials on react js projects, coding, and web development, make sure to subscribe to Iron Coding and hit the notification bell so you never miss an update!
#TailwindCSS #ReactJS #WebDevelopment #ReactTutorial #TailwindCSSTutorial
Integrate Tailwind CSS with React
Tailwind CSS setup in React
React Tailwind CSS installation
In this tutorial, I will guide you how to install tailwind css in react. Tailwind css just upgrade there version to 4.0 and they changes the installation process completely.
What You'll Learn:
Setting up a new React application using vite.
Installing Tailwind CSS.
Configuring Tailwind for optimal performance.
Implementing Tailwind's utility classes to style your components.
Follow & Chat with us:
Telegram: t.me/iron_coding
Instagram: iron.coding
📌 React JS projects with Tailwind CSS:
Animated Portfolio Website with React JS, Tailwind CSS, and Framer Motion
th-cam.com/video/AR-uqkPDQYs/w-d-xo.html
How to Make Portfolio Website with React JS & Tailwind CSS | React Portfolio Tutorial 2024
th-cam.com/video/V1BDMy64Unc/w-d-xo.html
Complete Ecommerce Website Using React JS | React JS Projects 2024
th-cam.com/video/PsIA2w6eiPg/w-d-xo.html
Complete Responsive Portfolio Website Using React JS & Tailwind CSS | Beginners Tutorial
th-cam.com/video/tAKYsnJVk34/w-d-xo.html
How to Build To-Do List App with React JS
th-cam.com/video/-qM82_YTuQQ/w-d-xo.html
📌 JavaScript projects:
Create To-Do List App Using HTML CSS
th-cam.com/video/xKLwToE-uF0/w-d-xo.html
Weather App using HTML CSS & Javascript
th-cam.com/video/TWlVG9jyQig/w-d-xo.html
📌 Deploy websites for free:
Best Way to Deploy Your Website for FREE on Vercel
th-cam.com/video/VyVMsse0C6E/w-d-xo.html
Deploy & Host Your Website for Free on GitHub
th-cam.com/video/ms5W8AVJu2w/w-d-xo.html
Don’t Forget to SUBSCRIBE
For more exciting tutorials on react js projects, coding, and web development, make sure to subscribe to Iron Coding and hit the notification bell so you never miss an update!
#TailwindCSS #ReactJS #WebDevelopment #ReactTutorial #TailwindCSSTutorial
มุมมอง: 1 488
วีดีโอ
Introduction to JavaScript: Learn Variables and Key Data Types in JavaScript
มุมมอง 887หลายเดือนก่อน
#javascript #webdevelopment #codingbasics What Is JavaScript | Introduction to JavaScript | How to Write Your First JavaScript Program | Variables and Data Types in JavaScript | JavaScript Tutorial for Beginners Learn the basics of JavaScript in this beginner-friendly video! We'll cover an introduction to JavaScript, variables, and data types to help you get started with coding. Perfect for any...
Animated Portfolio Website with React JS, Tailwind CSS, and Framer Motion
มุมมอง 6K2 หลายเดือนก่อน
how to make a portfolio website react js portfolio tutorial tailwind css portfolio animated portfolio website How to Build an Animated Portfolio Website with React, Tailwind CSS, and Framer Motion Source Code: topmate.io/ironcoding/1328844 In this tutorial, I’ll guide you step-by-step to create an animated portfolio website using React, Tailwind CSS, and Framer Motion. Whether you're a beginner...
Best Way to Deploy Your Website for FREE on Vercel
มุมมอง 1.3K2 หลายเดือนก่อน
#vercel #hosting How to deploy a website on Vercel for free, Free website hosting with Vercel, Deploy Next.js app on Vercel, Vercel free hosting tutorial, Step-by-step guide to deploy website on Vercel, Deploy React app on Vercel, How to use Vercel for free hosting, Vercel hosting guide for beginners, Deploy website from GitHub to Vercel, Best free hosting platforms 2024 In this video, I will s...
Deploy & Host Your Website for Free on GitHub in Minutes!
มุมมอง 1.1K3 หลายเดือนก่อน
How to deploy a website on Github Free website hosting Github Github Pages deployment tutorial How to use Github Pages for beginners Publish website Github Pages In this video, we’ll learn how to deploy and host your website on GitHub for free! This step-by-step guide will show you how to set up a GitHub repository, push your code, and get your site live on GitHub Pages in no time. Whether you’...
Create Live Streaming App using React JS & ZEGOCLOUD SDK
มุมมอง 7013 หลายเดือนก่อน
Get 10000 free mins with UIKits: bit.ly/4eDKxjn Take advantage of ZEGOCLOUD: bit.ly/4eEp5uC How to build a live streaming app: bit.ly/3U2R4M0 ZEGOCLOUD live streaming SDK allows you to easily build your live streaming apps within minutes. video chat app using React & ZEGOCLOUD: th-cam.com/video/wsEtOdB_KKU/w-d-xo.html Telegram: t.me/iron_coding Instagram: iron.coding?igsh=MXQwOXVn...
How to Make Portfolio Website with React JS & Tailwind CSS | React Portfolio Tutorial 2024
มุมมอง 3.9K3 หลายเดือนก่อน
how to make a portfolio website react js portfolio tutorial tailwind css portfolio react portfolio website In this video, you'll learn how to build a stunning portfolio website using React JS and Tailwind CSS. This tutorial is perfect for beginners, and I explain everything step-by-step to ensure you can follow along easily. In the next video we will add animations in this portfolio website wit...
Create Video Calling App using React JS & ZEGOCLOUD
มุมมอง 1.6K4 หลายเดือนก่อน
Get 10000 free mins with UIKits: bit.ly/3XTjOcN Learn more about ZEGOCLOUD: bit.ly/4e1C5Kt How to build a video call App: bit.ly/4gsu7Ma ZEGOCLOUD video call SDK & API allows you to easily build your live video chat apps within minutes. Telegram: t.me/iron_coding Instgram: iron.coding?igsh=MXQwOXVnc3EzMHlwbQ Video Titles How to build a live streaming app using React? How to build ...
Create To-Do List App Using HTML CSS And JavaScript | JavaScript Projects 2024
มุมมอง 2.8K4 หลายเดือนก่อน
Create To-Do List App Using HTML CSS And JavaScript | JavaScript Projects 2024
How to Build To-Do List App with React JS | React JS Projects 2024
มุมมอง 2K5 หลายเดือนก่อน
How to Build To-Do List App with React JS | React JS Projects 2024
Weather App using HTML CSS & Javascript | Javascript Projects 2024
มุมมอง 8K5 หลายเดือนก่อน
Weather App using HTML CSS & Javascript | Javascript Projects 2024
Complete Ecommerce Website Using React JS | React JS Projects 2024
มุมมอง 32K5 หลายเดือนก่อน
Complete Ecommerce Website Using React JS | React JS Projects 2024
Complete Responsive Portfolio Website Using React JS & Tailwind CSS | Beginners Tutorial
มุมมอง 32K5 หลายเดือนก่อน
Complete Responsive Portfolio Website Using React JS & Tailwind CSS | Beginners Tutorial
Responsive Image Slider with HTML CSS and JavaScript
มุมมอง 6K6 หลายเดือนก่อน
Responsive Image Slider with HTML CSS and JavaScript
Create 3D Rotation Effect Using CSS | Step-by-Step Tutorial
มุมมอง 12K6 หลายเดือนก่อน
Create 3D Rotation Effect Using CSS | Step-by-Step Tutorial
Create News Website Using React JS and Bootstrap | React JS Projects for Beginners
มุมมอง 3.8K6 หลายเดือนก่อน
Create News Website Using React JS and Bootstrap | React JS Projects for Beginners
Animated Login Page Using HTML CSS & JavaScript | Step-by-Step Tutorial
มุมมอง 18K6 หลายเดือนก่อน
Animated Login Page Using HTML CSS & JavaScript | Step-by-Step Tutorial
Animated Website with HTML and CSS | Beginner's Guide"
มุมมอง 4.7K6 หลายเดือนก่อน
Animated Website with HTML and CSS | Beginner's Guide"
How to Create a Fully 3D Animated Website Using Spline | Step-by-Step Tutorial
มุมมอง 4.6K7 หลายเดือนก่อน
How to Create a Fully 3D Animated Website Using Spline | Step-by-Step Tutorial
How to Create an Animated Login Page with HTML & CSS | Step-by-Step Tutorial
มุมมอง 2.5K7 หลายเดือนก่อน
How to Create an Animated Login Page with HTML & CSS | Step-by-Step Tutorial
Create Stunning 3D Rotation Cards Animation with CSS | CSS Tutorial
มุมมอง 9877 หลายเดือนก่อน
Create Stunning 3D Rotation Cards Animation with CSS | CSS Tutorial
Responsive Portfolio Website Tutorial | HTML & CSS | Step-by-Step Guide
มุมมอง 2.3K7 หลายเดือนก่อน
Responsive Portfolio Website Tutorial | HTML & CSS | Step-by-Step Guide
Responsive Navbar Tutorial | HTML & CSS | Step-by-Step Guide
มุมมอง 2.8K7 หลายเดือนก่อน
Responsive Navbar Tutorial | HTML & CSS | Step-by-Step Guide
forms and entities in HTML #webdevelopment #webdeveloper #html #css #htmlcss #javascript #coding
มุมมอง 1337 หลายเดือนก่อน
forms and entities in HTML #webdevelopment #webdeveloper #html #css #htmlcss #javascript #coding
Learn web development day 7 #webdevelopment #html #css #javascript #coding
มุมมอง 5637 หลายเดือนก่อน
Learn web development day 7 #webdevelopment #html #css #javascript #coding
Learn web development day 6 #webdevelopment #html #css #javascript #coding
มุมมอง 4468 หลายเดือนก่อน
Learn web development day 6 #webdevelopment #html #css #javascript #coding
Objects Arrays & Functions in JavaScript | Lecture 2
มุมมอง 2548 หลายเดือนก่อน
Objects Arrays & Functions in JavaScript | Lecture 2
Variables in JavaScript | Tutorial in English | lecture 1
มุมมอง 1.4K8 หลายเดือนก่อน
Variables in JavaScript | Tutorial in English | lecture 1
Super helpful
Intellisense is not working...please help
How to add that config file of tailwind to add custom classes etc
make Telwind css video
Thank you bro 🙏🙌
Congratulations i unsubscribeed your channel
Who cares?
Bro did you copied from great stack ?
hello bro i keep getting this error after installing and setting up vite " [plugin:vite:css] [postcss] It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration."
Bro if you are using vite js then you have to select tailwind for vite but if you are using create react app command then you have to use tailwind post css Here is the link for vite: tailwindcss.com/docs/installation/using-vite Here is the link for react js: tailwindcss.com/docs/installation/using-postcss
good job bro, I am from indonesia🤗🤗
Thanks bro 🙏
please make one for shadcn as we are facing issue due to tailwindcss update
Helpfull bro
Good 👍
Nice bro
Amazing brother i really need this as i was struggling from past 5 days and i see your video and my problem got solved 😊
bhai tailwind config bnaya hu me khud se sb kuch correct hai bus isko latest version 4 ke anusahr index css me kese migrate kru like colors background image and addcomponenets functions pls guide
Bhai Tailwind v4 ke liye tailwind.config.js update kar lo, colors aur background image check kar lo. Official migration guide follow karo: tailwindcss.com/docs/upgrade-guide.
How to install in normal react js app !
Bhai (create react app) me install karne ke liye (npm install -D tailwindcss postcss autoprefixer) run karo, phir (npx tailwindcss init -p) kro aur index.css me Tailwind imports add kar lo.
@@ironcodingNormal mein error aa raha h ye command chal nahi rahi h
Thank you brother for your informative video and please do how to host my python websites which uses flask
Very helpful video sir 👏
Thanks and welcome
Vote for previous voice back 👉
Chinese 😊
Well explained thanks for suc informative tutorial
can one not just use copilot?
Need more tutorials like this
Wow amazing 😊
Thank you! Cheers!
Nice trick
Bro please give the source code we cannot copy from description
Projects
Resources
Doesn't work
Helpful
Resource
Resources
This video is very amazing and time saving thankyou ❤keep making such beautiful content
Thank you so much 😀
bro why you waste our time? your sorce code didnt open.
You are a really great coder you should upload more often bring the complete series from basics of react and tailwind 🙏
Thanks bro and I'm also working on the react for beginners series coming soon 👀
Resources
In IG
well explained.... no extra talk, just explain the codes and show the results. Good working brother
Thanks brother 🙏💙
Resources
In IG
Resources
In IG
Thank you 💪🏻
You're welcome!
Cool 😊
😮😮🔥
Nice
Thanks
its only front-end..
😍
Hello sir I love❤ ur teaching can u help me with installing of JS in VScode If possible reply me in steps how to install
nice sir this video is very helpful need more
I’m a high school student who is learning to code, and I came across your channel very recently. I love your videos, and this video was really helpful! Do you think you can make a whole series with more js lessons?
Thank you bro more detailed and full series coming soon ❤️
It is enough for job ?
Esme Frontend bas hai ya backend