Learn HTML5 & CSS3 in 10 Hours in Telugu | 10 గంటల్లో నేర్చుకోండి తెలుగులో |
Вставка
- Опубліковано 14 жов 2024
- TimeLine
00:00:00 HTML5 & CSS3 Course Introduction
00:01:42 HTML Introduction
00:03:39 Google Chrome & Visual Studio Code Installation
00:06:27 First Web Page using HTML
00:08:55 Visual Studio Code Extensions for Web Developement
00:15:15 HTML Structure
00:19:03 Word Wrap
00:20:16 Emmit Basics
00:22:19 Headings (h1, h2, h3, h4, h5, h6)
00:25:06 Paragraphs
00:26:22 White Space Collapsing
00:27:59 Lorem Ipsum
00:28:48 Images in HTML
00:34:32 Width and Height Attributes in Image Tag
00:36:42 Where to store images in Projects
00:37:51 External Resources for Beautiful Images
00:39:40 GIT Details
00:42:21 Videos TimeLine
00:43:01 HTML5 & CSS3 Course Syllabus
00:43:18 Telegram Channel Link
00:43:41 Comments in HTML
00:46:41 LineBreak
00:47:43 Links in HTML
00:48:10 External Links
00:50:49 Internal Links
00:52:52 Links With in SamePage
00:55:25 Empty Links
00:56:10 Icons or pictures in LInks
00:58:01 Sup & Sub Tags
00:59:31 Strong & Em Tags
01:00:47 Special Characters in HTML
01:02:10 Lists in HTML
01:02:23 Un-Ordered List
01:05:29 Ordered List
01:06:27 Nested List
01:07:43 Tables in HTML
01:12:05 Forms in HTML (Input, Color, TextArea, Select, Radio, for vs id, Checkbox)
01:32:12 Meta Tags in HTML
01:32:22 External Resources for Learing HTML
01:37:14 Cofee Project for practice HTML
02:06:26 CSS Introdution (Important)
02:13:33 CSS WorkSpace Setup
02:15:33 How to Add Styles to HTML Page(3 Ways)
02:16:26 Inline CSS
02:19:56 Internal CSS
02:25:50 External CSS
02:29:13 Where to Store CSS Files in Project
02:30:15 Priority in Inline vs Internal vs External CSS
02:34:07 Comments in CSS & Basic CSS Syntax
02:37:31 Basic Selectors
02:38:18 Element Selectors
02:40:15 Group Selectors
02:41:31 Id Selectors
02:45:04 Class Selectors
02:49:20 How to add Class & Id Selectors both for one element
02:51:34 Div and Span Diffrences
02:59:41 CSS Inheritence
03:05:44 Last Rule
03:07:56 Specificity
03:10:13 Universal Selector
03:12:19 Learn CSS Concepts before going to learn CSS Properties
03:13:16 Color, background-color, background Intro
03:14:19 Color Prop
03:15:51 background-color Prop
03:16:36 background Prop
03:17:31 How to pick colors in CSS?
03:17:51 Color Names
03:18:49 RGB or rgb
03:23:48 RGBA or rgba
03:29:40 HEX or hex
03:33:58 How to Pick Colors from Visual Studio Code (Easy Way Shortcut)
03:36:50 External Resources for Color Pickers
03:38:38 CSS UNITS INTRO
03:39:50 FontSize, Width, Height and Pixels (50px)
03:43:24 Percentages (50%)
03:47:10 Em Values (1.5em)
03:52:02 Rem Values (1.7rem)
03:56:23 ViewWidth & ViewHeight (100vw, 100vh)
04:00:44 Default Browser Styles & Google DevTools
04:06:58 Calc Function (calc())
04:11:11 Min-Height, Min-Width, Max-Height, Max-Width
04:15:40 TYPOGRAPHY INTRO
04:16:19 Font-Size & Font-Family
04:19:30 Font--Stack & Generic-Family
04:22:01 Google Fonts
04:26:04 Font-Weight, Font-Style, Text-Align & Text-Indent
04:34:08 Line-Height, Letter-Spacing, Word-Spacing, Text-Transform & Text-Decoration
04:41:50 CSS BOX MODEL INTRO
04:44:27 Padding
04:50:37 Margin
04:56:52 Border
05:03:14 Border-Radius
05:05:07 Negative Margin
05:05:43 Outline & Offset
05:12:18 DISPLAY PROP INTRO && block & inline
05:18:56 Horizontal Centering for block Elements
05:22:16 Margin for block and inline Elements
05:23:35 NavBar example
05:25:03 Descendant Selectors
05:25:10 List-Style-Type Prop
05:27:21 Margin and Padding for Inline Elements
05:30:01 Inline-Block Prop
05:31:50 Box-Sizing: Border-Box
05:39:25 display:none vs opacity vs visibility:hidden
05:46:31 BACKGROUND IMGAE INTRO
05:46:54 background-image prop
05:51:44 background-repeat prop
05:56:54 background-size
05:59:30 background-position
06:03:33 background-attachment
06:08:12 Linear Gradients
06:15:24 Linear Gradients + BackGround Image Best Example
06:21:14 Background Prop ShortCut
06:26:25 Resources for LinearGradiants
06:28:08 Float & Clear Intro
06:36:04 Overflow:hidden
06:38:23 3 Column Layout using Float & Clear
06:46:46 POSITIONS position:static
06:52:18 position:relative
06:56:56 position:absolute
07:04:40 position:fixed
07:08:06 Media Queries
07:26:46 z-index
07:33:14 ::before & ::after with Example
07:51:57 CSS SELECTORS
07:52:39 Basic Selectors
07:55:50 Descendant and Child Combinators
08:00:42 ::first-line & ::first-letter
08:02:33 :hover
08:06:54 :link, :hover, :visited, :active
08:11:24 :root
08:17:28 TRANSFORM
08:31:30 TRANSITION
08:50:58 ANIMATIONS
09:06:49 CSS Variables
09:23:29 FontAwesome ICONS
09:31:22 Text-Shadow & Box-Shadow
09:39:23 Browser Prefixes
09:43:57 HTML Semantic Tags
09:47:56 HTML Emmets
GitHub Link: github.com/rac...
drive.google.c...
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
As a beginner Genuinely Saying after watching of Your tutorial class i can get confidence on HTML & CSS class to do code developer so thanks for it you deserve million views & subscribers Thank you 😊
Genuinely cheptunna bro ninu udemy lo angela yu complete web development course purchase chesa but andulo kanna naku nuvvu cheptunteyney easy gha ardham ayindi👍 dhini tarvata javascript full course ha bro adhi mi channel lodhi Or upto intermediate varaki vundha (ninu eka mi channel follow avutha full stack nerchukuneyvaraki 💪😘
Thanks for your valuable comment 😍😍, yes javascript basic level course is already uploaded. After react I will do full course. Thanks for watching 😍
❤brother please learn Bible❤Any situation this is one and only solution learn Bible@@racharlasrikanth
This is the best html and css video tutorial for beginner. This video deserves millions views . Your concept explanation skill is awesome. Keep it up Brother you will reach millions views and millions subscribers in future.. God bless you
Thank you so much for your words 😍❤️
Way of explaining the concepts are beautiful........Thank you .
Thank you srikanth garu, obvious explanation 😍, better than some paid courses
Gone through many css tutorials, meedi mathram easy and best understanding undi bro.. U have grt talent brother
Thank you 🤗
Best class I have ever seen
Mind blowing bro and super teaching and clean and neat explanation and i have never see such explanation in my carrier.Keep it up bro
The best course
starting to end varaku chusina
Practice chesina gurtundadhu
keep on doing some projects your self
write notes while doing(helps to refer in future)
the way of explanation was so good brother , can you pls do more videos... and my request was about java related videos .
Bro ivalla motam course complete chesanu.... Nijamga Baga explain chesaru
Thanks for watching 😍😍, idi ayyaka flexbox and grid nerchuko
And then project cheyyu
Ok bro
Please share with your friends
Sir, is this knowledge is enough to do projects on html and css or I have to learn more than this to do projects
Bro nuvvu em chaduvukunnav bro chala baga cheptunnav...
Thank you, M.tech integrated software engineering chadukunna VIT vellore
@@racharlasrikanth super bro
Thank you please share with your friends and groups, it would be helpful for me please. Thanks
I saw ur profile really u have superb technical skills
Thank you 😊
very nice ... thank you so much for clear explaination
You are welcome 😍
Is this full tutorial on html 5 and css 3 or cropped content on html and css, please give me reply sir
Bro your explanation was so good
👍👍
E video lo Amazon shopping page project chesinattu chupincharu kada adi step by project chesthu explain chesthara please
Chala baga chepparu bro. 👏👏👏
Thank you 😍
Bro full stack web development nerchukundam anukuntunanu. Ee video nuchi start cheyana
Yes cheyu, idi cheste niku html css mottam vastadi, next JavaScript, react and then Nodejs
@@racharlasrikanth
Ok bro. Doubts unte adugutanu
Ha sare adugu
Tq so much sir.. very useful
Thanks for watching
Hi Srikanth, Could you please help me regarding these tags and and and , i can't find any difference these tags
About your explanation no words bro just 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
bro, any CSS topics is missing anyone please reply ???
Flex and Grid ???
Thank you so much for this video, I have watched your all videos. Great start for beginners 👍
Thank you so much for watching 😍
Bro fullstack nerchukodaniki i3 processor saripothada bro
Nuv aha laptop lo Inka games aadakunda normal ga coding ki matrame use cheste saripotadi. And manam VS-Code use cheyyali andulo. Adi use cheste nee laptop struck avtunda ledha okasari check Chey. Adi use chesinapudu correct ga work avte no problem but struck avte i5 better.
Hello srikanthgaru devops as a fresher ga nerchukovacha
Ha nerchukovachu, but off campus devops jobs chala takkuvaga untayi. Experience unna valllaki chala ekko untay devops paina opportunities. Meeru devops Baga nerchukunte edanna startup lo 1 year varaku chey. And then manchi companies ki apply chey aha experience tho, appudu ala work avtadi.
Anna next javascript explanation and final ga one js project explain chaiyava same html and css chasenattu fast ga chaiyava please
Your HTML and CSS videos are useful.
Great work Srikanth.
Thank you 🤗🤗
hi this video is very useful tutorial , thank you . i want a javascript tutorial for beginner.
super bro but little bit of confuse because of i am from non it background and i have zero knowledge in coding so that .
anyway excellent explanation
Thank you so much, react vatiki Inka Baga cheppanu, ivvi starting lo kada ala ala ipoyindi 🙂
super explanation brother!!!
Excellent class sir
Like cheyyali anna prathisari extra like add aithe bagundu anipisthundhi 🤗😊
Bro please do more your explanation is very very nice place do more vedioes node js and mangobd
Excellent content>
brother mee video telugu lo best content avvuddi 100% alagae some advanced css concepts kuda cover chendi brother
copyright © srikanth racharla
Thanks bro, sure i will. Thanks for watching 😍
@@racharlasrikanth 💓💓💓
Eii course complete ayyaka css frameworks like (bootstrap, Tailwind) mi channel lo vunnaya bro vuntey koncham link pettu.
E course complete cheste aha frameworks use cheyyakunda kuda nuv website build cheyyagalav. Once ivi nerchukunnaka Nik frameworks kuda kavale ante documentation chusi easy ga nerchukovachu.
Tq very much Srikanth Garu… very clear explanation…
You are welcome 🤗
Hi bro. Naku html practice Chesi napudu image ravantaledu website lo
Code pampu
@@racharlasrikanth
UA-cam lo code send avathaledu bro
racharlasrikanth.netlify.app/. E website lo na number untadi, andulo whastapp Chey
Nice bro. As a beginner I am saying that don't bring tags automatically bro, it's difficult for us to understand, apart from that everything is excellent💯👏
Okay sure, for future videos I will those also. Thanks for your suggestion 😍😍
Thank you bro..super explanation..
Thank you so much for watching 😍
Bro nejanga verra level js kuda chayachuga bro anni topics with project la...
Sure, JavaScript start chesta, I will do each and every concepts. Thank you please subscribe and share.
@@racharlasrikanth na frnds andariki chaptha ne channel gurinchi just start chaysa bro antey project html meda css meda kuda chaysava bro...
Ha chestanu. Thank you ❤️
Useful video....good content
Thank you
Tq so much sir... U are done a good job... It's very helpful...
Hi Srikanth
I haven't seen any CSS project video covering all the CSS concepts in your UA-cam channel. Can you please let us know that when are you going upload that video.
If you upload CSS all concepts in a single project that could be added good value to the CSS concepts video.
Please let us know when we can expect that video from you.... Srikanth
In future I may upload, nak time undatam ledhu videos create cheyatam kosam.
@@racharlasrikanth Thank you and expecting as early as possible from you Srikanth...
And let me know how can I contact you
You can contact me on 9790333610, you can ping me in whastapp after 7pm.
@@racharlasrikanth Thank you very much Srikanth😊. I will ping you in WhatsApp after 7pm
Thank you very much bro. This is the best css video I have watched. Plz keep doing more and more. 😊
very good explanation
great job bro nicely explained thank you
Bro your video's are very helpful to me tq.
Thank you so much Anil please share with your friends 😊
Broo..
When will you Start a new course react native....???
Thank you so much ❤
Ilane javascript and react videos kuda pettu bro please
Okay sure bro, pedtanu
Anna learning boostap compalsary please make a one small vedio
Thank you so much
You are welcome 😍
Bro thankyou so much I get more knowledge in this video thankyou bro
Thank you for watching 😍😍 keep learning 🔥😊
Apps chepara html&css practice cheyataniki
Solo learn app untadi chudandi, andulo chala languages and coding quizes untay, adi use cheyandi
I am very motivated about u r dedication and hardwork i never see this type of planing vedio
Really🙋♀️ sir....
This vedio is so helpful for us
TQ very much sir ..
You are welcome 😁 thanks for watching pls share with your friends
Shortcuts
1)cntrl + / shortcut for comments.
2)underscore (_blank)
Thanks 😍
bro for me ttotal image is not getting even i have recdued size in css style what is problm can u tell me
Please add time stamp and code as well, so that i will tell you
Bro I'd Card create cheyadam kosam oka video upload chei bro .. full ga clarity ga cheptunavu ani .. aadhi okati chei bro
Id card laaga chinna project ha?
@@racharlasrikanth .. haa s bro .. I'd Card or one website page page create chei bro... Html css us cheisi
Ha sare projects chesinapudu chepta andulo
Index html ok bro aaa tarwata extensions kuda ok aaa trawtaa a lines Ella vacchayo kuda ardam kale
brother... the extension named prettier is not working while the settings opened and the format also not working
Really nice👏
Thank you so much 🥰
Video konchem kuda skip chykunda last varaku chusanu bro
amzon clone project explain cheyara plz
Empty link this is taking me to the top of the page... just like scroll to top ...any suggestions?
Ila empty link peti Danni click cheste alane veltadhi. Ala vellakunda undali ante javascript rayali deeniki. Ayina Empty link ndk pettatam 🤔
Hats off for your hard work
Bro display:flex , grid yekada vandi
Separate playlist pettanu chudu
Keka explination bro ....❤
Anna Java script vedios, sql, Java vedios kuda cheyandi.... Please
Mee name cheppi chadukoni job thechukuntam 🤗🤗
Sure, i will try to upload soon. Thanks for watching 😍😍
Bro css project ekkada chesaru bro?
Project chesanu 3 hours undi manchi project. Adi upload cheste nak oka issue vastundi upload avvatam ledhu. Adi malli JavaScript projects chesetapudu upload chesta. And JavaScript projects explain chesetapudu andulo CSS kuda chepta. So appudu HTML CSS and JavaScript e 3 concepts cover avtay.
Hi Janagani Jagadeesh, Project upload chesanu ippudu okasari chudandi overview. Thank you
Bro! Why your are not uploading html5 and css3 projects. I am waiting
I have downloaded material icon theam in left side it is not showing its showing only index.html file only it's showing
Have you linked the material icon in index page
Bro HTML code ni style Chestham kadha ( css ). Style chydanikii selection ravadam ledhu bro
Ex: oka div undhi dhanini page middle lo set chyli , ipdu nenu ah div ki apply cheyala ledha body ki apply cheyala ( styles )
Ala kaadhu, Nik ala centre lo cheyyali ante nuv concepts nerchukovali. First please complete css tutorials. Once complete ayyaka nik oka idea vastadi Ela cheyyali anesi. Sarenna
div ni middle lo set cheyalante div class name
css : margin auto :
pedthe center avthundi
What about Javascript brother HTML,CSS3 is ok but we can develop a web application we need all HTML,CSS and Javascript also na brother.Can u please make an full video about Javascript framework
JavaScript framework react complete chesanu playlist lo chudandi, when its come to jaavascipt, i started javascript full course now. Every Friday Saturday and Sunday I will upload new javascript videos. Thanks for watching 😍
Hi bro
Why you are not posting videos
Saturday or Sunday nundi post chesta. Next DOM start chestunna. Dantho paatu kotta series start cheddam anukuntunna. Latest job notification vachinapudu freshers ki Ela apply cheyyali Ani cheddam anukuntana.
@@racharlasrikanth
Ok bro.
HTML CSS complete chesava?
Bro Konchem react projects twaraga complete chesthe break ivvadaniki ready ga vunnam😇
Anna e course nerchukodaniki enni months padathadi
bro html rowspan,colspan gurinchi cheppaledu....
Anna e video complete ga chusthey html css vasthunda
Leda coaching centre ki pavala
Coaching centre enduku abba, html css full course nen pettanu free ga. Nik e video and then playlist lo css flexbox, css grid ivi chusaka oka project cheste, coaching centre lo chesina kuda intha knowledge Nik raadhu. Urike money waste cheskoku aha taravata nee istam
@@racharlasrikanth
Thanks you anna
No problem keep learning 😊
Bro how to create clone projects can you explain about it..
Sure, ippudu react ipoyindi next projects e start chesta
@@racharlasrikanth I mean by which languages we can create clone apps
React js
@@racharlasrikanth thank u bro
Thank you srikanth......
You are welcome, please share with your friends
@@racharlasrikanth sure
Thank you
Project chestene manam neruchukunnna coding artham untadhi kadha bro.... Bro nenu chala video chusaa but ekkada kuda nak anthaga Baga anipinchale but project chesinavi chala baga guruthuku undhi bro.. likde you tube website create cbeyadam ala with html and CSS ala bro
Nen project chesanu, playlist lo velli chudu pls, aha okka project cheste nuvu html css javascript paina elanti projects ayina easy ga cheyyagalavu.
Ok confirm ga chusta bro nenu kuda front end technology neruchukundham anukuntunna bro...... Naku coaching centre lo coaching thisukuneta money levu but kachitamga ala anna neruchukpvaline will matram pakka undhi entha kastam ayina neruchukunta bro
Coaching centre lo kuda Ila chepparu nen ala cheppanu, and doubts unte kuda chepta antunna okay na. Take your time and keep learning 🔥😍
Ok bro.... I will definitely learn from your channel bro.... But bro na nundi oka suggestion enti ante nenu chala video chusta kani endhukulo oka perfection kanipinchale endhuku ante avi chala Old versions and completega concepts levu.... Mali ha coding neruchukunnna santhamga oka project ala cheyadam alago avariki kuda teliyatam ledhu entha coding neruchukunnna......... Bcz vallaki unna coding knowledge entha unna adhi ala vadalo teliyatam ledhu ...... But na adhiprayam enti ante........ project chestene ha coding edhi ekkada vadalo..... A concepts ala vadalo telusthundhi vallaki alochana shekthi kalugithundhi... Ala jariginapudu vallu work baraga chudakunda enjoy cheraru..... Plss miru kudu different different projects cheyandi bro adhi me channel growth ki na lanti people ki kuda use avutadhi bro plsss ok naa
Ha chestanu pakka don't worry. Sure thank you so much 😊
sir brower prefixes explain cheledhu sir
Html project blind chesaru css midha cheyaley ga sir website
Advanced html css javascript ane playlist mottam aha project chudandi.
I completed the course upto html part, it's really good course that too for free. But html lo konni concepts miss ayyayi anipistundi bro is that true?
Thanks for watching, if you learn these concepts that is enough to crack interviews and create awesome projects.
bro material theme and icon theme download chesaka ni screen meda chupinchey icons chupinchatledu naku html,css,js ani chupinchatledu
Avuna may be settings lo em anna changes cheyyali kavachu, okasari chudu andulo edho oka option untadi changes cheyyataniki.
@@racharlasrikanth try chesanu bro asluuu icons em chupinchatledu
Humm sare, rep atla Instagram lo msg chey, chusta rep
07:03:30 position (absolute vs relative) note point
bro asala main topic Flex cheppaledu anti..??
Cheppina playlist check cheyandi
@@racharlasrikanth oh shit meeru flex and grid e video lo include chailedu, andukey confuse aya..! varey playlist lo vunnai..thank you bro chala baga cheputunaru..!
Hi Srikanth,Iam pradhanth here i want to talk vth once... important for me
bro, any CSS topics is missing anyone please reply ???
Flex and Grid ???
Bro responsive website site yela chaiyalo chepdi bro because every company want website in responsive mode, but we don't no how to create a website in responsive mode please help mee bro ,I loos one interview at final round without creating responsive mode please help to all telugu students with your voice to my comments topics also
Hi bro, playlist open cheyandi, andulo media queries ani oka video untundi aha video chuste responsive website Ela create cheyyalo cheppanu. And please contact me on srikanth.racharla3211@gmail.com for more concepts and details. Okay na.
Hello Sir! I will see html and css full course but how can I practice in only css in laptop. Please give suggestion and I am waiting for your reply
Bro 09:03 daggara style.css ani undi adi ela create chesav
Adi just file, akkada right click ichi ayina create cheyachu ledha paina icons unnay files create cheyyatam kosam ala ayina create cheyachu
Racharla garu namaste🙂
Venna nuvve Naa rah 😛😝🤭
Bro project cheste baguntadhi alage coding Baga guruthuku untadhi bro
Ha project kuda chesanu, aha project okkati chuste html css javascript paina elanti website ayina easy ga cheyyagalavu. Playlist lo html css projects untadi andulo 6 hours project chudu okay na?
drive link also not working
bro i installed the extensions as u said but i did not see any changes in visual code, why like that ? can you update the classes with latest updates ?
U can research on utube about doubt there are many videos on extensions
Angular and testing meda chey bro
Annaya Naku javascript and php kavali Naku avi artam kaledhu
Nak javascript matrame vachu mari, php raadhu, ayina php enduku ippudu
thank you brother
Thanks for giving us full meals .......but thanks is small word......nu keka abba😊😊☺☺🤗🤗
Thanks for watching 😍 pls share with your friends and groups so that it would be helpful for me 🙂