CSS Tutorial for beginners in Tamil 2024 | Full Course for Beginners | Basic to Advanced concepts
Vložit
- čas přidán 24. 07. 2024
- Free Full courses in Tamil: balachandra.in Visit and learn CSS, JS and React
#css #frontend #tamilprogramming #html #fullcourse #tutorial #2024
Learn CSS in Tamil. This full course for beginners CSS, or Cascading Style Sheet, is responsible for the styling and looks of a website. In this course, we cover CSS from the ground up. You will learn everything from basic skills, such as coloring and text, to highly advanced skills, like custom animations.
To learn HTML Tutorial for beginners in Tamil:
• HTML Tutorial for begi...
CSS Full Course for Beginners:
(0:00:00) Intro
(0:04:56) Chapter 1: Start Here
(0:34:43) Chapter 2: Selectors
(1:03:14) Chapter 3: Colors
(1:24:46) Chapter 4: Units & Sizes
(1:58:59) Chapter 5: Box Model
(2:35:55) Chapter 6: Typography
(2:59:15) Chapter 7: Styling Links
(3:19:08) Chapter 8: List Styles
(3:38:52) Chapter 9: Mini Project
(3:53:22) Chapter 10: Display
(4:17:37) Chapter 11: Floats
(4:35:21) Chapter 12: Columns
(5:01:50) Chapter 13: Position
(5:44:54) Chapter 14: Flexbox
(6:17:52) Chapter 15: Grid Layout
(6:55:36) Chapter 16: Images
(7:55:58) Chapter 17: Media Queries
(8:27:01) Chapter 18: Card Project
(8:53:01) Chapter 19: Pseudo
(9:14:06) Chapter 20: Variables
(9:48:18) Chapter 21: Functions
(10:21:44) Chapter 22: Animations
(11:24:10) Chapter 23: Organization
(11:44:04) Chapter 24: Final Project
W3C CSS Validator:
jigsaw.w3.org/css-validator/
Learning Games:
Flexbox Froggy: flexboxfroggy.com/
CSS Grid Garden: cssgridgarden.com/
References:
MDN-CSS : developer.mozilla.org/en-US/d...
MDN-CSS Basics : developer.mozilla.org/en-US/d...
MDN-CSS Values and Units : developer.mozilla.org/en-US/d...
MDN-Flexbox: developer.mozilla.org/en-US/d...
Dave Gray's github page: github.com/gitdagray/css_course
For more interesting videos please subscribe to the channel.
Disclaimer:
Dhuddu's content is for entertainment only. In no event will Dhuddu be liable for any loss or damage including, without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of, or in connection with, the use of Dhuddu content on CZcams. All financial decisions made by the viewer should be done after talking with a licensed professional.
Visit balachandra.in for more free full course videos like React, Javascript, HTML etc
thankyou for this course which was very helpful to me bro
2 months back I didn't know HTML and CSS but now I have a learned something from your videos Thank you so much 😇❤🔥✌🙆♂
Sir, you are one of the best teachers ever seen in my life. you are covering almost everything. no need to go for further courses. Thanks!
Yes thats the goal with all full courses. Thanks for the encouragement!
🎉🎉🎉
Hi sir, Recently i saw ur channel.. Previously i saw lots of css tutorial on CZcams, But no one teach like this and no one cover the topics like this... We don't want to go other css tutorials after watched this tutorial.. Seriously awesome👏 Not only teaching... Everything awesome... ✨❣️ Thank u so much sir... ✨🔥
Before watching ur video...I dont know anything in HTML and CSS..but now I learned soo many concepts...Thank you soo much bro...❤❤❤
Your tutorials give a clear picture of concepts. You make learning web development simple. Thank you so much for the video lectures and hats off to your efforts.
I know this Course looks same as Dave gray youtube channel "CSS Full Course for Beginners | Complete All-in-One Tutorial | 11 Hours" and also other your some courses. Okay anything yours work is good for tamil students.
Hi Sir, Wonderful explanation. I learn lot form your videos and will waiting for live projects
Best explanation ever for css🥳🥳🔥🔥 Tq bro
Thank you sir.Recently I watched your channel.Successfully completed html and css. Explanation was really good.
Theivam Sir nee💯💯
Thanks a lot 🙏
Thanks a Lot sir....Really I learnt Soo many Topics from ur guidence
Thank you for this tutorial. Best wishes ungaludaya effort ku. And l like your teaching.
2:13:40
2:20:33 padding
2:27:31 outline (container la space occupy pannaadhu)
2:29:00 offset
2:39:19 inherit value
2:39:48 vscode shortcut for comments
outline-offset will not occupy its space.outline used to apply for outline border
Thank you so much bro and hats off to your effort once again thankyouuu❤❤
This video shows your hardwork. Thank you for this course bro.
bro you are realy great(bro vunka html,css,javascript course ellam super)😀
Best ever channel for coding in tamil ever seen
extremely thanks for the course learned completely.....💯🤟
Amazing tutorial bro. Thanks alot and Love you bro 💚.
😇😇Good teaching🤩🤩 If the CSS is clear, then it is very easy for us to use Bootstrap and Tailwind CSS frameworks😉
1) Logic First Tamil
2) Tutor Joes
3) Error Makes Clever
4) Balachandra
Intha 4 Tamil CZcams Channel parthu thaan Bro Frontend Developer Fulla KathukuteN 🎉.... Must Intha Yt suggest pannunga bro ✨
Error makes clever waste ae bro
jvl code also bro
no words to appreciate you brother... Thank u very much
You are most welcome 🙏🏼
I really learned a lot of concepts in your tutorial sir.💯❤
one of the best lecture ever seen ,lots of love♥♥♥
Thanks for making a wonderful vedio. Its more help for me.
I think now i strong to create a web site using html and css because of you.
Thanks a lots.
Finish the entire playlist bro
this is not a tutorial .it's a treasure ♥
Finally completed css too and I made one mini webpage tq so much Anna next going to start js
Awesome bro 👌👌 go finish js 💐
Is all important concepts covered?
Thankyou so much sirrrr.....Its very very use full.....Please upload projects videos also sir....
Thank you! bro, I learn something new
Thank u brother. I have no support for my studies you are very helpful to me. Thank u so much. God bless u and your family
Nallah irupom Nallah irupom Ellarum Nallah irupom 😍
🙏🏻🙏🏻🙏🏻🙏🏻
thank you so much very help full for my next level grow
Really u are really awesome on ur teaching sir..thanku so much sir..great work sir..
Thanks and welcome
Super sir very useful for a student
very well explained sir now I am clear about the flexbox
Thanks bro 😍 Glad that helped 👍🏻
super brother Much appreciated!!! learned a lot from this video,Eagerly waiting for JS video Thanks for the Effort😀😀
Sure will upload more videos soon !
Thanks for ur comment bro ❤️ U made my day ❤️
Hello Bro, Thanks for your HTML video.. accidently saw your video and completed in 3 days.. with sample site andoptions you have provided... Now im in CSS journey.. wanted to develop a LMS on my own with simple webstie ..I will connect with you on linked in.. i am a HR professional with 16+ exp... wanted to try something on my HR domain.. thanks for your videos.. long way to go.. but i must say your vudeo helps especially Mozilla Dev / cheat sheet .......etc
"First of all Thank you very much Bro" yenna mari neraiya per English knowledge low ah irukarathala avalo easy ah intha mari coding course ah learn panna mudiyathu but Ninga teach panra intha mari videos ah la enna mari iruka neraiya peruku ok nampalalaium coding panna mudium, IT Job la poka mudiumnu oru Confidant vanthuruku Bro.. Ungalota intha Tamil Teaching kandipa neraiya perota Future ku useful ah irukum Bro...
Are you join IT bro.
Really thanks sir 😊,for this great course!🤝May God bless you 🙏
Thanks for the support bro. Finish the complete playlist bro
sir, u r really great. u cleared all my silly doubts in CSS and no one gave these much clear explanations for every topic in CSS and especially the position topic was amazing tq sir.
Thanks a lot sis 💐 kindly forward it to your friends 👍🏻
Very useful video. Thanks for the effort you put to teach. Keep going bro
Thanks a lot for the support!
Bro ungala eppadi contact pandrathu.
You are not a teacher you are a best teacher 💖🎉
thank you for your guidance sir🙏
just started to upgrade. hope to finish soon
Thankyou so much sir. Free ya yarum ivalo care panni solli thara matanga thankyou so much sir ❤
Thanks for the support bro 🙏🏼
Learnt a lot about CSS good job bro. Can’t wait for your next video !
Happy to hear that!
unmaiya solluren ethumaari engaiyum teach pannathilla bro love your videos pls focus for front end and backend frame works pls pls bro
Vera level 💥💥💥⚡⚡
Thanks for the great content mate! I never believed I can learn web development. BTW code runner is not supporting HTML, Help out!.
Thanks for you service sir....❤
Sir really superb content. Very tiny things are explained clearly. Royal salute for your service upto this level.
Thanks a lot lot lot lotttt... Bro🎉🎉🎉
And take care of your health.. bro❤❤
Now I'm going to Javascript learning.. bro💥💥💥
Thanks a lot bro ❤️❤️❤️❤️
Bro enaku images concept img ku kela irukura space porathukaga display block nu potta kela irukura space pohumla enaku space still apdiye iruku
Crystal clear bro❤❤❤❤
Hi sir u r well teaching.
Angular video podunga sir
Super bro ❤
Super easy to understand thanks❤
Happy to hear that!
அப்பாடா!!!🤩 ஒரு வழியா full வீடியோவும் பாத்து முடிச்சிட்டேன்.. 🤩🤩🤩
நல்லா Interesting ah கொண்டு போய்ர்ந்தாரு..👌
ரொம்பவும் நல்லார்ந்துச்சீ💜
🌟🌟🌟🌟/5
Wow thanks for the compliment 😊 Great booster to do more in 2023 🎉
Very good teaching bro
Java and JavaScript video venum bro
Bro media query work akala vs code la?. Plz answer me bro..
sir at 2:35:28 how to place the text ok in the center of the circle? Please any one reply.
Excellent sir
Thanks sir, I searched for long time this like video but now I got it , it's a best video for who wants to master in css (basic to advance)
Thanks for the support bro! Kindly forward to your friends, juniors etc
thank you so much brother. your videos are very useful and easily understand..
waiting for your javascript videos
Will upload soon sis !
Thanks for the encouragement. Kindly forward the videos to your friends!
@@Balachandra_in thank you brother
Thank you! Thank you! Thank you! 🙂
Thank you so much sir
Broo visual studio language denied nu varuthu bro output varala🙄 etha solution solunga??//
Anna, please put a full course video for Angular.
Thanks a lot❤
Thanks i learned CSS in 3 days
Super. Bro...!!!
Thanks sir 🎉🎉🎉🎉🎉
Excellent explanation for all the chapters 👍
Thanks a lot for the appreciation sis 😊💐
Kindly forward the video to your friends 💐
Sure
can you tell any best website for transparent images?
thanks brother🙏
Hi bro. Thanks for your Front-end development videos. So interesting as well as intellectual. In 4:34:16 why don't we use display: inline-block instead of display: flow-root as inline-block will us better page in toogle device emulation. Much expecting your response on this comment
🎉🎉🎉🎉 perfect ..
👏👏 Waiting for next video bro
Within ten days👍🏻 hope u finished all three full courses
Very thank ❤ live long healthy and wealthy
Wish you the same bro
One week css learn panitu irukaa anna 25 project soluriga upload eh panala anna one yr aachu nega indha video upload pani
sir naan ipo tha programming languages kathu ka poren
sir ennaku oru favor irruku sir neega computer typing,computer la brower na enna few mins aprom impotant aa irrukum la athu la konjam solli thara mudiuma.naan computer use panna thu illa goverment school la tha padu chen help pannu ga sir
Thanks anna❤
Brother neenga rem and em vanthu text oda
font -size athavathu antha letters size increase aakurathuku thana use akkum nu soninga...yippa text-indent la gap ku 2 em vitta heading la yirunthu konjam thalli space vidum nu solringa gap ku em use aakum nu solringa...athu yappadi konjam clear panunga pls
I am eagerly waiting for your next javascript video bro...
As soon as possible
Txs sir
good sir plese create full course sir basic to advance zero to hero sir i s very helpful sir you a great sir you a great teacher
Thanks for the great appreciation bro ❤️
naa front end kathunu iruken dude na ipo varikum vera oru yt chennal pathutu iruken naa ipolaa irunthu ungalthu pakalan nu iruken keep posting dude
Definitely bro 👍🏻thanks a lot for the encouragement 🙏🏼 kindly forward the video to your friends 😍
@@Balachandra_in bro unga insta id sollunga na unga keta pesanum possible ahh yan na enaku neraiya santhigam iruku thala vedikura mari iruku unga keta pesuna oru clearty varum nenaikuran 😐
If it possible kindly make a video about solidity
Very useful sir 👌 👍
Thanks and welcome :)
Eapo thaa bro real time project ah post panuvinga unga full stack list la frontend list mudichuten then backend thaa atha mudikirathukulla seekiram post panunga bro naan front end mattum thaa padikanum nu nenachen but unga video ah paathu paathu backend um cover pana mudium nu enaku hope vanthuruchu so iam waiting for ur next project serise bro and unmaiyaa solren intha video semma worthable naanum ipo front end padikirathukaaka oru coaching center la join paniruken anga laa avanga neraiya chapter ah skip pandraanga nu unga video paakum pothu thaa theriuyithu so unga video paathutu poitu anga doubt keppen but avanga antha topic ah skip pandraanga yen ithaala front end varanumey nu ketathuku inga ivalavu thaa syllabus nu solraanga bro amount kattunathu laa most ah waste thaa aaguthu unga video ku munaala error makes claver academy youtube chennal la video paathen but avaru video paathutu enaala project create pana mudiyala unga video paathaa nallavey puriyithu easy ah um iruku so innum git hub mattum paathutaa ungalluku thaa enoda 1st project link send panuven sure ah /// Seekram project videos post panna paarunga neengalum time waste panaathinga enakum time illa maximum may or june kulla naan work la join pananum so seekiram project videos ah send pana paarunga thankyou for all video..................... comment paniten apdium neenga one week la sinna sinna video kooda podala nu vachukonga apro ungala un subscribe panruven apro varutha pada kodaathu ok vaa
Bro intha website ah epdi namma mobile la view panrathu ?
Full course, Very useful
Glad to hear that!
Great attitude! Thank you, sir!!
You are very welcome
bro media quiery la enaku google la run pannum bothu enaku color mara matikuthu but min-width:70rem or 121rem vecha than color maruthu,pls give a solution BRO. MY CSS CODE
*{
padding:0;
margin:0;
box-sizing: border-box;
}
body{
font-size: 1.5em;
height:100vh;
background-color: chartreuse;
}
@media screen and (min-width:576px){
body{
background-color: blue;
}
}
ithuku enaku google la color mara matikithu 70rem or 121rem vecha than maruthu ,ithuku edhachu solution kudunga
Bro Ungakitta Pesanum Broo🤧♥️✨
For this 10 hours whether we had course resource materials??
bro neegha scrach to end teach panirukigalaa..? illana any other website paakanum ah...?
bro pls upload videos for Bootstramp and tailwind css tutorial
Very useful
Thanks a lot 😊
Bro, fan of your work. Did a great job. Hat's off brother.
Thank you so much bro. The way I explain is mine. Content is from Dave Gray