I am 16 year old and I was seeing web development course from this channel and I learn css and understood but not explain js in easy way so now #we_went js video like this 😅
Didi, just want to thank you from the bottom of my heart.🙂, you explained CSS beautifully, all the concepts were very easy to understand. I'll definitely come back here anytime I need to revise my CSS in the future.
Started the video on 18July'23. Day1- 00:42:50 Day2- 01:49:02 Day3- 03:17:00 Day4- 04:29:40 Day5- Did nothing due to other work. Day6- 05:28:05 Completed the video on 27July'23 :) Thank you "Shraddha Didi" for such an amazing video.
Wow. Such an incredible way of teaching. You have lots of skills. You deserve a high status in Coder's Life. I have no words for appreciate your effort in coding life.
dedi kiya sikhati ho yar ap finaly 4,5 din laga ker lecture complete ker lia ha or project bhe bna lia ha ap ka lia bhot sara payar or bhot sari ache wishes Qadeer Rabnawaz from pakistan❤
श्रद्दा दिदी, नमस्कार। मै अर्जुन थापा, नेपाल से। मैने आपको HTML और CSS Full course आपका Channel से सिख गया। आपका सिकानेका Strategy बहुत अच्छा लगा। मेरा दिल तो गार्डेन गार्डेन हुआ,, दिदी।।। उम्मिद करता हु,, भबिस्य मे आप ऐसा ऐसा भिडियो बनाकर Upload किजिए ता कि हम भि कामयाबी बन सकु। धन्यबाद दिदी ❤❤❤
Really great content Shradha - I have been a software engg for over 20 years and I am so happy and proud to see such super simple and yet very high-quality content on this topic (Y) One important thing I noticed is that in Level 4, you may have jumped from justify-content to align-content skipping flex-wrap and align-items
Yes I also think she taught or forget to teach , align-items and flex-wrap , but I think it is mainly due to mistake during editing of the video rather then she forget to teach if you watched video carefully then you can relate with my words.
4:25:00 justify-content: space-evenly will not work as expected because has only one child To correct it, apply all 3 lines of css in div ul { } instead of div { }
My HTML one shot video completed on Dussehra 🙏🏻 2024 ,12 /oct/ 2024. And Today 4th nov 2024 , I have completed my CSS with project and I am confident 😇. Thank you shraddha ma'am❤🙏🏻
If teachers like you are available on every platform then every student who don't even have a it background he can learn the programming in easiest ways really appreciate excellent teaching
@@Malaika_ki_rahein CS with ML > CS with AI >IT> AI and Data Science .. but make sure to do your research find out what you really interested in are and then decide ... Best of luck !!!
I'm 30 years old. I learned basics in school and never continued. It took me 10 days to complete this video and practice. I can say I got 90% hold of everything that is taught in this video. I want to say this video is really good for the beginners. Thank you "Shraddha didi".
Hello! I really appreciate the effort you guys are putting into enriching our learning experience, but I think there might have been a small mistake while editing this video, the segmental videos of the following subtopics of the Flex Properties have been mistakenly skipped. Subtopics: -- Flex-wrap -- Align-items 4:07:57
Very productive session for me. I am not that type of person who do commenting on yt video but this video won my heart. This is first time i learned CSS, i had no expereince of CSS, After watching this video, i think i can handle any type of industry oriented CSS related projects.
i@@abhinandanmaurya47 It took me 4 days to learn both of these from this channel only and honestly i can definitely make projects now!! so it depends on you in how much time u grab things.
in this video, at 4:07:57, some video content is missing. video portion is directly jump from justify-content to align-content. flex-wrap and align-items this two portion is missing. But yes didi, you are a great teacher. If i might be become successful guy then definitely your guidence role will be huge in my successful career.
Unfortunately, this video is missing the part of text-wrap and align-items of Flex properties for Flex container at 4:08:00. This video was really helpful for me to understand well as a beginner. U should check the missing part of the video. Thanks.
Hello From pakistan big respect best videos easy and understandable i have to build my final year project web development and its going well with you thanku so much
You're a great teacher to explain everything. I'm just a beginner and don't know about css but now i know everything about this I need this type of complete shot in JavaScript 😊
I am very grateful of you mam. I have learned CSS and HTML from you .I am from Pakistan . In this era there is many institute that teach web development but it is too much expensive they are just making fool innocent student now I have learned both with no cost thanks
I thought I'll never understand the code ever, but after seeing her videos i realised i can do it such an best shraddha is. Best communication Best guidance Best teacher spirit personality Smile on face shows her confidence. Appreciate ❤️❤️👍👍
It's 12:27AM here in Karachi, Sindh, Pakistan and I opened UA-cam to in order to see a CSS full course video so that I can get an idea and do it practically tommorow morning in library but suddenly this video appeared making me feel so glad...I have no words to pay gratitude to your all the team out there specifically, Shardha I am heavily indebted to you for making HTML language such an easy task for me before and now CSS..Again bundle of thanks for such wonderful content. Insha'ALLAH very soon will visit India the Golden Soil♥️🌹
Notes: 1:04:31(where to use class selector) 1:25:32 1:41:16(font family) 1:43:37(font size) 1:57:58(content and margin) 1:59:05(height and width of content) 2:01:35 2:26:43(creating a nav bar without flexbox) 2:44:40(drawback of using display:inline for , instead use display: inline-block) 2:46:01 2:46:25 2:48:05(visibility vs display:none) 3:05:15 (%) 3:06:42 3:08:17 3:14:58(vh and vw) 3:15:25 (explanation of vh)( 20vh means 20% of viewport height) 3:20:28(position static) 3:21:28(position relative) 3:26:30(absolute vs fixed) 3:29:16(we use position fixed for creating navbars) 3:30:06(sticky) 3:31:35(z index) 3:36:25(summary of positions) 3:40:42(backcround-size:cover) 3:51:32(flex box definition) 3:56:59( text-align : center) 4:08:02(flex properties for flex container) [direction of flexbox(flex-direction) is by default, row direction so main axis = x axis cross axis = y axis for aligning items along cross axis we have align-items.For aligning items along main axis, we have justify-content . when flex-direction is row, items will render in row direction, main axis is in row direction. and when flex direcion is column, items will render in column direcion, main axis is in column direction. ] 4:39:32(media query) 4:54:00(transitions) 4:59:07(transform)
hey there is none like you the way you teach is absolutely incredible,friendly especially for beginners who doesn't know the ABC of programming languages
Level 1 - 12:14 - Intro - CSS Syntax - Types of Adding CSS - Colors - Background Color - Types of Selectors - # Id and . Class Selector - Practice Set 1 - 1:05:00 - Text Properties - Font Properties - Absolute Units in CSS - Practice Set 2 - 1:48:52 Level 2 - 1:55:44 - Box Model in CSS - Practice Set 3 - 2:24:48 - Display Property - Alpha Channel - Practice Set 4 - 2:52:32 Level 3 - 3:02:48 - Relative Units in CSS - Position Properties - Z-index - Background Size - Practice Set 5 - 3:43:45 Level 4 - 3:50:33 - Flexbox - Practice Set 6 - 4:18:36 Level 5 - 4:47:32 - Transition - 4:48:26 Level 6 - Project Amazon Clone - Start - 5:38:38 Made some formatting improvements for better readability.
I'm 30 years old. I learned basics in school and never continued. It took me 10 days to complete this video and practice. I can say I got 90% hold of everything that is taught in this video. I want to say this video is really good for the beginners. Thank you "Shraddha didi".
Thank you for making this course. My exams just finshed and I was about to start your css playlist and I saw this video. And I am really excited to watch this because it is latest and as I finshed this. A big wait for this kind of java script course. Really helpful videos really appreciate it❤
I have learnt a lot of things in your CSS lecture. You are really a perfect teacher. Your method of teaching is so impressive and motivational. Over all you taught very well.
54:48 CSS is used to add style to websites and plays a crucial role in front-end development. 1:49:36 Color palettes provide complimentary colors to enhance website design 2:44:24 Creating and formatting H1 heading, setting font family, creating divs, and applying font size 3:39:12 CSS units - Understand the percentage and M units 4:34:00 Using CSS for background image and layout arranging 5:28:48 CSS transitions and transformations allow for visual effects and animations on elements. 6:23:36 Creating a loader using CSS and learning to use icons from Font Awesome. 7:18:24 Styling the navigation bar, cart section, and creating the hero section of the website by Tayyab Azeem
i was never used to watch tutorials barely used to watch any tutorial more then a min but i watched yours fully without skip or speed up actually i even rewinded and most of the time paused and tried it on my own laptop
Hello bhaiya ,I am going to take admission in first year of engineering and I have to make preference list ,like first COMPUTER SCOENCE ENGINEERING ,IT ,CS WITH AI ,CS WITH ML ,or alone AI AND DATA SCIENCE .Please guide me what to prefer in the first place and so on .please guide me bhaiya according to your experience placements and future opportunities .
@@Asphalt9_Legends1 Bro portfolio me lagaane ke liye ap koi accha sa project bana lo. Mai ye isliye kah raha hu ki aaj kal website clones common ho gaye hain aur har koi bana raha hai to kucch unique banao✅
This is my First Time absorbing information from you & your channel. I can easily say, you make the process of learning ceaseless for guys like me who wanna fubar the keyboard when asked to code. I legit detest coding, to this day I do, even after you teaching it. Somethings in life you can't change your opinion & feelings for, but even while hating it your explanation is so grandeur, it just slid in my mind easy. Thanks for being the way you just did it for me.
Im an international student and it’ll help me a lot to brush up my previously learnt concepts. Thanks apna college team❤ even helping me in Canada. Been studying from Aman bhaiya from my 11th grade. So grateful for having you guys in my era. Means a lot ❤
54:48 CSS is used to add style to websites and plays a crucial role in front-end development. 1:49:36 Color palettes provide complimentary colors to enhance website design 2:44:24 Creating and formatting H1 heading, setting font family, creating divs, and applying font size 3:39:12 CSS units - Understand the percentage and M units 4:34:00 Using CSS for background image and layout arranging 5:28:48 CSS transitions and transformations allow for visual effects and animations on elements. 6:23:36 Creating a loader using CSS and learning to use icons from Font Awesome. 7:18:24 Styling the navigation bar, cart section, and creating the hero section of the website Crafted by Merlin AI.
i was just trying to find out this CSS lecture by you didi... but couldn't 😢.....but suddenly i found it with upload time 43mins ago.... perhaps you heard my wish❤... thanks a lot from deep of my heart. i watching your lectures regularly and sincerely.
Your method of teaching was great, and I have learned much new things and topics which I haven't learned before. But the only thing which I was observing in the project that you were using classes instead of ids. You were using it too frequently. Although a few places, we have to use classes but overall, the lecture was awesome. Thank you.
I would like to clarify that, although my background is non-technical, I have gained considerable confidence in HTML and CSS after going through tutorials twice. My current focus is on learning JavaScript, and I am following a structured learning plan to deepen my understanding. While I currently work as a Support Engineer in a logistics company, I am committed to enhancing my technical skills. These learning resources have been invaluable as I build my foundation, and my long-term goal is to transition into a Developer Engineer role. Thank you once again for your support.
Opacity = Transparency In the rgba() function, the last parameter, 'Alpha', controls the transparency of the color. It determines how much the background will show through. A value closer to 0 makes the color more transparent and glass-like, allowing more of the background to be visible. However if the background is white it make the color appear lighter because the white is passing thru it.
We want a css like JAVASCRIPT zero to hero video which will be more detailed and simple than all other videos on UA-cam, this hope is from me. Thanks looking forward to your video🙏🏼👍
Hello bhaiya ,I am going to take admission in first year of engineering and I have to make preference list ,like first COMPUTER SCOENCE ENGINEERING ,IT ,CS WITH AI ,CS WITH ML ,or alone AI AND DATA SCIENCE .Please guide me what to prefer in the first place and so on .please guide me bhaiya according to your experience placements and future opportunities .
Mam plz javascript tutorial... ur teaching is soo clear and well understanding i need javascript tutorial a lot plz uploade it as soon as possible......❤u r the best
I really enjoyed this course and also completed the project. can't even imagine that i would design a website one day by my myself. thanks a lot from pakistan
I believe you skipped flex-wrap and align items at 4:07:56 . it would be great if you add that back in the video. It was really a very helpful tutorial by the way. thanks di
Mam please upload... javascript lec like this html and css lecture... eagerly waiting mam please upload javascript lecs from basic to advanced soon mam
I saw this whole video and I can suggest that this is very knowledgeable content I made Amazon clone also and learnt a lot of thing from this video . If u wanna learn css then this will a very good choice for you ❤🎉 Thanks shradha ma'am for this amazing content.🙏💝👑
Level 1 - 12:14
- Syntax - 15:47
- Including CSS - 19:53
- Color - 28:48
- Background color - 34:10
- Color system - 39:44
- Color palette - 54:40
- Selectors - 56:38
-- Pratice set 1 - 1:04:55
- Text - 1:17:26
- Units in CSS - 1:42:02
-- Pratice set 2 - 1:48:52
Level 2 - 1:55:44
- Box model in CSS - 1:55:48
- Height - 2:01:26
- Width - 2:03:46
- Border - 2:06:09
- Padding - 2:16:12
- Margin - 2:21:36
-- Pratice set 3 - 2:24:49
- Display property - 2:38:18
- Visibility property - 2:47:40
- Alpha (opacity) - 2:48:31
-- Pratice set 4 - 2:52:33
Level 3 - 3:02:48
- Units in CSS - 3:02:55
- Percentage - 3:04:26
- em - 3:09:19
- rem - 3:13:17
- vh and vw - 3:14:57
- Position - 3:16:15
- static - 3:16:56
- relative - 3:21:00
- absolute - 3:22:45
- fixed - 3:26:26
- sticky - 3:29:40
- z-index - 3:30:49
- Background image - 3:36:50
- Background size - 3:40:25
- Background repeat - 3:42:54
-- Pratice set 5 - 3:43:46
Level 4 - 3:50:33
- Flexbox - 3:50:48
- The Flex model - 3:53:56
- Flexbox direction - 3:58:17
- Flex properties for Flex Container [justify-content, flex-wrap, align-items, align-content] - 4:03:53
- Flex properties for Flex Item [align-self, flex-grow, flex-shrink] - 4:10:59
-- Pratice set 6 - 4:18:36
- Media queries - 4:34:55
-- Pratice set 7 - 4:43:16
Level 5 - 4:47:32
- Transition - 4:48:26
- Transform - 4:59:04
- rotate - 4:59:26
- scale - 5:05:17
- translate - 5:09:00
- skew - 5:12:34
- Animation - 5:13:37
- Animation shorthand - 5:25:15
- Animation % - 5:28:00
-- Practice Set 8 - 5:29:31
Project Amazon Clone - 5:38:33
Thanks a lott
super
Thankss a lott
Thanks Bhai
Thanks bro
We need this type of javascript tutorial also
Yes I also need ma'am
Yes I also need ma'am
I am 16 year old and I was seeing web development course from this channel and I learn css and understood but not explain js in easy way so now
#we_went js video like this 😅
I also need
Yes, plz provide us javascript tutorial
Didi, just want to thank you from the bottom of my heart.🙂, you explained CSS beautifully, all the concepts were very easy to understand. I'll definitely come back here anytime I need to revise my CSS in the future.
can you tell me how to save this clone to display in our portfolio?
where is project images for downoad
Started the video on 18July'23.
Day1- 00:42:50
Day2- 01:49:02
Day3- 03:17:00
Day4- 04:29:40
Day5- Did nothing due to other work.
Day6- 05:28:05
Completed the video on 27July'23 :)
Thank you "Shraddha Didi" for such an amazing video.
Hey, can you please tell me whether all css concepts are covered here??
@@serene0808 Not all but the mostly used are covered.
@@creatorstudio5945which topics are not covered can you tell plz
completed in just 3 days xD
grid layout@@mehuli313
Wow. Such an incredible way of teaching. You have lots of skills. You deserve a high status in Coder's Life. I have no words for appreciate your effort in coding life.
can you tell me how to save this clone to display in our portfolio?
dedi kiya sikhati ho yar ap finaly 4,5 din laga ker lecture complete ker lia ha or project bhe bna lia ha ap ka lia bhot sara payar or bhot sari ache wishes Qadeer Rabnawaz from pakistan❤
Bhai Main Aapse puchna chahta hun ki Tumko kitna time hua hai start kare
ANISUL MUSTUFA FROM INDIA (HARYANA)
project ki images kaise download ki.... please provide link if you have photos...
bhai aapko kashmir kyu chaiye
@@babasargam1668bhai mojhe bi pics nai mill rye
श्रद्दा दिदी, नमस्कार।
मै अर्जुन थापा, नेपाल से।
मैने आपको HTML और CSS Full course आपका Channel से सिख गया। आपका सिकानेका Strategy बहुत अच्छा लगा।
मेरा दिल तो गार्डेन गार्डेन हुआ,, दिदी।।।
उम्मिद करता हु,, भबिस्य मे आप ऐसा ऐसा भिडियो बनाकर Upload किजिए ता कि हम भि कामयाबी बन सकु।
धन्यबाद दिदी ❤❤❤
M Pani Nepal bata ho ❤
6days 😢
Aapki language sunke main Pani Pani ho gaya 😂😂
@@vikasgurjar6243😂😂😂
2day
Really great content Shradha - I have been a software engg for over 20 years and I am so happy and proud to see such super simple and yet very high-quality content on this topic (Y) One important thing I noticed is that in Level 4, you may have jumped from justify-content to align-content skipping flex-wrap and align-items
Html, css and javascript is enough to apply for frontend web development jobs
@@sohanaaz2245 no.. you have learn some advance topics like reactjs and nextjs
Yes I also think she taught or forget to teach , align-items and flex-wrap , but I think it is mainly due to mistake during editing of the video rather then she forget to teach if you watched video carefully then you can relate with my words.
You're absolutely rigjt bro , just gemini or gpt it , your concepts will be cleared regarding what you missed from that video@@opopopop8715
Yes but it was editor mistake... We can see boxes there which were not before
4:25:00 justify-content: space-evenly will not work as expected because has only one child
To correct it, apply all 3 lines of css in div ul { } instead of div { }
bhai image kaha se milengi kyuke discription mei tohh hai nhi
@@darkshadow8414 mila kya
thanks bro now it works'
Can you please explain it please?
why she didn't clear at comment ?
My HTML one shot video completed on Dussehra 🙏🏻 2024 ,12 /oct/ 2024. And Today 4th nov 2024 , I have completed my CSS with project and I am confident 😇.
Thank you shraddha ma'am❤🙏🏻
How to get source code
@mrzack07 only notes is available.
Complete watch this video for source code
If teachers like you are available on every platform then every student who don't even have a it background he can learn the programming in easiest ways really appreciate excellent teaching
1:00:50
@@Malaika_ki_rahein keep your first preference as IT ,CS then as per your choice !
@@Malaika_ki_rahein CS>IT>AIML>DS
@@Malaika_ki_rahein follow your passion.....do what u like
@@Malaika_ki_rahein CS with ML > CS with AI >IT> AI and Data Science .. but make sure to do your research find out what you really interested in are and then decide ... Best of luck !!!
She is the best teacher. If she uploads such tutorial of Javascript, it will be very helpful for students. Thank you so much didi from Pakistan.
jai shree ram
idr b shuru @@Minivloger428
@@Minivloger428 abey kahi aur jakar prachaar kar railway station nhi h
mashaALLAH mashaALLAH ...outstanding teaching ...outstanding vedio
It is very useful for me 😊😊 thank u mam❤❤
Who is watching this video in 11 April 2024😊😊🎉
😂😂😂😂
Me.
Me
hlo I am watching this video in 17 oct. 2024
18 oct 2024
Hiii
Start::
Level 1 - 12:14
•Intro
•CSS Syntax
•Types of adding CSS
•Colors
•Background Color
•Types of Selectors
•# Id and . class selector
•Pratice set 1 - 1:05:00
•Text properties
•Font properties
•Absolute Units in CSS
•Pratice set 2 - 1:48:52
Level 2 - 1:55:44
•Box Model in CSS
•Pratice set 3 - 2:24:48
•Display property
•Alpha Channel
•Pratice set 4 - 2:52:32
Level 3 - 3:02:48
•Relative Units in CSS
•Position properties
•Z-index
•Background size
•Pratice set 5 - 3:43:45
Level 4 - 3:50:33
•Flexbox
•Pratice set 6 -4:18:36
Level 5 - 4:47:32
Transition - 4:48:26
PROJECT -5:38:00
Thank you so much for giving index for video with time stamp...
5:39 - Project(Amazon Clone)
@patel..665 done
@@MissPandey done
Media query 4:35:00
practice set 7 - 4:43:17
and then level 5 4:47:32
Transition - 4:48:26
animation - 5:13:42
I'm 30 years old. I learned basics in school and never continued. It took me 10 days to complete this video and practice. I can say I got 90% hold of everything that is taught in this video. I want to say this video is really good for the beginners. Thank you "Shraddha didi".
For you it's shraddha behen
@projjal828 yes . Thats why quotes
@@oneminvibes that's why i don't do jokes
@@projjal828😂😂😂
i am also 29 learning web development :p
Thanks a lot
You are my inspiration
Your teaching style is too much good
Thank u shradha mam
Thank You, learnt a lot from this video
😅😅😅
yeh....can do(gendu) generation hai 💀
@premshinde2124 You are very chalak bro
div class="navbar" is apply on
ERROR 999+ 😅😂
mind blowing presentation...Fantastic! Clear explanations and practical examples make learning CSS a breeze. Thank you!🙌
Thanks ma'am because of you right now I am in royal Enfield working as a web development
Can please share your learning processes and which materials did you followed?
can you tell me how to save this clone to display in our portfolio?
She is the best teacher nice video mam
Hello!
I really appreciate the effort you guys are putting into enriching our learning experience, but I think there might have been a small mistake while editing this video, the segmental videos of the following subtopics of the Flex Properties have been mistakenly skipped.
Subtopics:
-- Flex-wrap
-- Align-items
4:07:57
YES
if you completed amazon clone project also tell where did you downloaded the images for project
Yes
@@suhashs1487 There is a seperate video regarding the project. U can find the resources there.
@@walidshahriar3331 yes
Very productive session for me. I am not that type of person who do commenting on yt video but this video won my heart. This is first time i learned CSS, i had no expereince of CSS, After watching this video, i think i can handle any type of industry oriented CSS related projects.
i@@abhinandanmaurya47
It took me 4 days to learn both of these from this channel only and honestly i can definitely make projects now!! so it depends on you in how much time u grab things.
@@abhinandanmaurya47 bro abhi Tak sikh gaye kya , and abhi kya kr rhe ho ?
in this video, at 4:07:57, some video content is missing. video portion is directly jump from justify-content to align-content. flex-wrap and align-items this two portion is missing. But yes didi, you are a great teacher. If i might be become successful guy then definitely your guidence role will be huge in my successful career.
she has explained only main properties that are mostly used. She also said that you can explore other properties by yourself on MDN
Wrap portion was important in flex model 😢
@@ShopNowfree she has explained flex-wrap watch the lecture carefully
@@tanmaygupta7719nope she just swed two use cases... content got skipped
@@protyushghosh2080 bro you should watch the video carefully she has said that you can explore other contents on MDN docs
didi tumchya ya lecture ne life change zali ahe mazya jivnala navin diksha milali aahe thanks a lot for these lecture and teach me🥰
Shrinkant shikhre💀💀
bhide
Completed the whole lecture in 2x. Did practical on each step. It took me 5 days to complete this. Thank god I found it. It helped a lot.
How about your progression?
have u made the project ?
@@_arshia_93 am trying to do project but can't find images, and logo download option !
Link for images of clone ?
@@UrmilaPandayeah I too cannot find the links
Unfortunately, this video is missing the part of text-wrap and align-items of Flex properties for Flex container at 4:08:00. This video was really helpful for me to understand well as a beginner. U should check the missing part of the video. Thanks.
Did you find any good video for flex wrap??
hey bro do you know where to find amazon project image download link
And also she editor did some mistakes in practice set 6
Did you found?
Yes I also didn't found @@kumarshambhav1050
Hello From pakistan big respect best videos easy and understandable i have to build my final year project web development and its going well with you thanku so much
You're a great teacher to explain everything.
I'm just a beginner and don't know about css but now i know everything about this
I need this type of complete shot in JavaScript 😊
I am very grateful of you mam. I have learned CSS and HTML from you .I am from Pakistan . In this era there is many institute that teach web development but it is too much expensive they are just making fool innocent student now I have learned both with no cost thanks
I apriciated
I learn a lot here❤
May Allah give you success in every walk of life
aamin
Best Video for beginners and fantastic teaching and explanation mam, Thank you so much❤!
completed this and what an amazing teacher she is. how can someone give this type of valuable lesson for free hats off gratitude
where are images for amazon project?? they are not in description
bro where can i download final project images ?? she said they are in description box but i cant find them.....
@@allamyashwanth2657 drive.google.com/drive/folders/1_AIUpDo0m5TMqBmpa-nuJqE4r7zu-_4F
Where are the images?
@@bhagyashribhendarkar7374 drive.google.com/drive/folders/1_AIUpDo0m5TMqBmpa-nuJqE4r7zu-_4F
Start::
Level 1 - 12:14
•Intro
•CSS Syntax
•Types of adding CSS
•Colors
•Background Color
•Types of Selectors
•# Id and . class selector
•Pratice set 1 - 1:05:00
•Text properties
•Font properties
•Absolute Units in CSS
•Pratice set 2 - 1:48:52
Level 2 - 1:55:44
•Box Model in CSS
•Pratice set 3 - 2:24:48
•Display property
•Alpha Channel
•Pratice set 4 - 2:52:32
Level 3 - 3:02:48
•Relative Units in CSS
•Position properties
•Z-index
•Background size
•Pratice set 5 - 3:43:45
Level 4 - 3:50:33
•Flexbox
•Pratice set 6 -4:18:36
Level 5 - 4:47:32
Bro please finish it
@@arunjohny 😊 Jarur
dear send more break points
@@maanas_sehgal ha bhai
thanks
I thought I'll never understand the code ever, but after seeing her videos i realised i can do it such an best shraddha is.
Best communication
Best guidance
Best teacher spirit personality
Smile on face shows her confidence.
Appreciate ❤️❤️👍👍
It's 12:27AM here in Karachi, Sindh, Pakistan and I opened UA-cam to in order to see a CSS full course video so that I can get an idea and do it practically tommorow morning in library but suddenly this video appeared making me feel so glad...I have no words to pay gratitude to your all the team out there specifically, Shardha I am heavily indebted to you for making HTML language such an easy task for me before and now CSS..Again bundle
of thanks for such wonderful content. Insha'ALLAH very soon will visit India the Golden Soil♥️🌹
☺️
Bhai apne Ghar reh le na
We donot want to spoil our golden soil....
@@ayushmishra8878Mishra bro, please don't be toxic yaar
Same here from Lahore, I find Indian teachers really eloquent ❤
Same from Lahore Pakistan
Notes:
1:04:31(where to use class selector)
1:25:32
1:41:16(font family)
1:43:37(font size)
1:57:58(content and margin)
1:59:05(height and width of content)
2:01:35
2:26:43(creating a nav bar without flexbox)
2:44:40(drawback of using display:inline for , instead use display: inline-block)
2:46:01
2:46:25
2:48:05(visibility vs display:none)
3:05:15 (%)
3:06:42
3:08:17
3:14:58(vh and vw)
3:15:25 (explanation of vh)( 20vh means 20% of viewport height)
3:20:28(position static)
3:21:28(position relative)
3:26:30(absolute vs fixed)
3:29:16(we use position fixed for creating navbars)
3:30:06(sticky)
3:31:35(z index)
3:36:25(summary of positions)
3:40:42(backcround-size:cover)
3:51:32(flex box definition)
3:56:59( text-align : center)
4:08:02(flex properties for flex container)
[direction of flexbox(flex-direction) is by default, row direction
so main axis = x axis
cross axis = y axis
for aligning items along cross axis we have align-items.For aligning items along main axis, we have justify-content .
when flex-direction is row, items will render in row direction, main axis is in row direction. and
when flex direcion is column, items will render in column direcion, main axis is in column direction. ]
4:39:32(media query)
4:54:00(transitions)
4:59:07(transform)
damn bro... 👍👍
@@yashwantmainkar2371Ty, you can use these time stamps for revision.👍🏼
u deserve a Nobel prize
bro I can't find the download link of images used for the project can you help me out
help me also to find the download link of image@@gaaneradda4414
hey there is none like you the way you teach is absolutely incredible,friendly especially for beginners who doesn't know the ABC of programming languages
heding one
heding two
heding three
Q2 answer right shrdha didi
Level 1 - 12:14
- Intro
- CSS Syntax
- Types of Adding CSS
- Colors
- Background Color
- Types of Selectors
- # Id and . Class Selector
- Practice Set 1 - 1:05:00
- Text Properties
- Font Properties
- Absolute Units in CSS
- Practice Set 2 - 1:48:52
Level 2 - 1:55:44
- Box Model in CSS
- Practice Set 3 - 2:24:48
- Display Property
- Alpha Channel
- Practice Set 4 - 2:52:32
Level 3 - 3:02:48
- Relative Units in CSS
- Position Properties
- Z-index
- Background Size
- Practice Set 5 - 3:43:45
Level 4 - 3:50:33
- Flexbox
- Practice Set 6 - 4:18:36
Level 5 - 4:47:32
- Transition - 4:48:26
Level 6 - Project Amazon Clone
- Start - 5:38:38
Made some formatting improvements for better readability.
Hi can u please tell me that how should I get an internship about web development
@@sreedevi-laxmi
tell to me if get any interns pls...!!@@sreedevi-laxmi
Thank you ❤
where is project images
Start::
Level 1 - 12:14
•Intro
•CSS Syntax
•Types of adding CSS
•Colors
•Background Color
•Types of Selectors
•# Id and . class selector
•Pratice set 1 - 1:05:00
•Text properties
•Font properties
•Absolute Units in CSS
•Pratice set 2 - 1:48:52
Level 2 - 1:55:44
•Box Model in CSS
•Pratice set 3 - 2:24:48
•Display property
•Alpha Channel
•Pratice set 4 - 2:52:32
Level 3 - 3:02:48
•Relative Units in CSS
•Position properties
•Z-index
•Background size
•Pratice set 5 - 3:43:45
Level 4 - 3:50:33
•Flexbox
•Pratice set 6 -4:18:36
Level 5 - 4:47:32
Transition - 4:48:26
Level 6 - Project Amazon Clone
Start - 5:38:38
bhagwan ka beta
thank you so much bhai
devmanus
bhagwan kare ki apko 1cr+ annual ctc mile
@@parthhhzz8812 Arey bhai 🫡😂
You literally taught it in the best Possible way I went from 0 to 90+ with this video itself
Where are the images?
Used in project.
I couldn't get it...😢
@@AshishChauhan-s8bha bhai mco be nhi mile
@@akshaykapse7431 mila kya ?
@@akshaykapse7431bro just use Google
< Level 1 - 12:14 >
- Syntax - 15:47
- Including CSS - 19:53
- Color - 28:48
- Background color - 34:10
- Color system - 39:44
- Color palette - 54:40
- Selectors - 56:38
[ # Practice set 1 - 1:04:55 ]
- Text - 1:17:26
- Units in CSS - 1:42:02
[ # Practice set 2 - 1:48:52 ]
< Level 2 - 1:55:44 >
- Box model in CSS - 1:55:48
- Height - 2:01:26
- Width - 2:03:46
- Border - 2:06:09
- Padding - 2:16:12
- Margin - 2:21:36
[ # Practice set 3 - 2:24:49]
- Display property - 2:38:18
- Visibility property - 2:47:40
- Alpha (opacity) - 2:48:31
[ # Practice set 4 - 2:52:33 ]
< Level 3 - 3:02:48 >
- Units in CSS - 3:02:55
- Percentage - 3:04:26
- em - 3:09:19
- rem - 3:13:17
- vh and vw - 3:14:57
- Position - 3:16:15
- static - 3:16:56
- relative - 3:21:00
- absolute - 3:22:45
- fixed - 3:26:26
- sticky - 3:29:40
- z-index - 3:30:49
- Background image - 3:36:50
- Background size - 3:40:25
- Background repeat - 3:42:54
[ # Practice set 5 - 3:43:46 ]
< Level 4 - 3:50:33 >
- Flexbox - 3:50:48
- The Flex model - 3:53:56
- Flexbox direction - 3:58:17
- Flex properties for Flex Container [justify-content, flex-wrap, align-items, align-content] - 4:03:53
- Flex properties for Flex Item [align-self, flex-grow, flex-shrink] - 4:10:59
[ # Practice set 6 - 4:18:36 ]
- Media queries - 4:34:55
[ # Practice set 7 - 4:43:16 ]
< Level 5 - 4:47:32 >
- Transition - 4:48:26
- Transform - 4:59:04
- rotate - 4:59:26
- scale - 5:05:17
- translate - 5:09:00
- skew - 5:12:34
- Animation - 5:13:37
- Animation shorthand - 5:25:15
- Animation % - 5:28:00
[ # Practice Set 8 - 5:29:31 ]
**** Project Amazon Clone - 5:38:33 ****
Bhai please tell me that how's mam refesh the code after saving it ?
Hope you replied as soon as possible please 🙏
@@AyushiTripathi-n5b
You have to install live server bro then click on live server then , you can
@@AyushiTripathi-n5blive server extension
I'm 30 years old. I learned basics in school and never continued. It took me 10 days to complete this video and practice. I can say I got 90% hold of everything that is taught in this video. I want to say this video is really good for the beginners. Thank you "Shraddha didi".
nice ctrl+c and ctrl+v
Iam in my 3rd year of bca and now iam understanding and learning css so clearly. Please bring backend tutorial like nodejs will really help students.
I am in 12th class bro
Or ma abi css or html sikh chuka hu
@@amritclasherI am in nursery and I have learnt full stack development
Thank you for making this course. My exams just finshed and I was about to start your css playlist and I saw this video. And I am really excited to watch this because it is latest and as I finshed this. A big wait for this kind of java script course.
Really helpful videos really appreciate it❤
Hey!! dude did you know where is project images link
I am from Pakistan. I have just started web development. You are doing a great work. Respect🤩
I'm Indian but I thought 🇮🇳🤝🇨🇨
I have learnt a lot of things in your CSS lecture. You are really a perfect teacher. Your method of teaching is so impressive and motivational. Over all you taught very well.
can you tell me how to save this clone to display in our portfolio?
Really feel blessed to have you as a teacher😀THANK YOU SO MUCH💖 MAM for this tutorial...
54:48 CSS is used to add style to websites and plays a crucial role in front-end development.
1:49:36 Color palettes provide complimentary colors to enhance website design
2:44:24 Creating and formatting H1 heading, setting font family, creating divs, and applying font size
3:39:12 CSS units - Understand the percentage and M units
4:34:00 Using CSS for background image and layout arranging
5:28:48 CSS transitions and transformations allow for visual effects and animations on elements.
6:23:36 Creating a loader using CSS and learning to use icons from Font Awesome.
7:18:24 Styling the navigation bar, cart section, and creating the hero section of the website
by Tayyab Azeem
We want bootstrap in one shot
i was never used to watch tutorials barely used to watch any tutorial more then a min but i watched yours fully without skip or speed up actually i even rewinded and most of the time paused and tried it on my own laptop
Thanks in MILLIONS didi...💗
I completed this entire lecture in 4 days with notes & project...!!!💗
video upload kar k sirf teen din huyeah hi magar tum 4 din may complete karliya.
magar how ?
@@moxley.556 bro, I started this tutorial after 23 minutes video uploading & completed tomorrow.😌
@@rohitsolanki9302 oh got it dude👍👍
Hello bhaiya ,I am going to take admission in first year of engineering and I have to make preference list ,like first COMPUTER SCOENCE ENGINEERING ,IT ,CS WITH AI ,CS WITH ML ,or alone AI AND DATA SCIENCE .Please guide me what to prefer in the first place and so on .please guide me bhaiya according to your experience placements and future opportunities .
@@Malaika_ki_rahein where are you from amigo..
hi, i am aamir from karachi, pakistan , and i m 50 yo thanks to you , Allah bless you
Who Notice 4:07:56 to 4:08:00 in "flex-warp" property is Skip 🧐 In Video Someone please Check Cutting Video
kuch to complicated btaya hi tha kuch or ho gya..
ya i have noticed that's y i came in comment section to ensure that i am right....
@@AshishChauhan-s8b same here
Ya bro i also noticed that
cSs ki applicetaion bej do mujhe 😢
Diiii! I don't know how much happy and satisfied I am from this lecture. But, I should definitely say that uh are the best teacher for us.!!
can you tell me how to save this clone to display in our portfolio?
can you tell me how to save this clone to display in our portfolio?
bhai web dev ke baad backend (jnodjs ) kr rha h ya kuch aur krega ya
@@HimanshuOp69 Bhai maine MERN Stack kara hai jisme backend me nodejs aata hai✅
@@Asphalt9_Legends1 Bro portfolio me lagaane ke liye ap koi accha sa project bana lo.
Mai ye isliye kah raha hu ki aaj kal website clones common ho gaye hain aur har koi bana raha hai to kucch unique banao✅
This is my First Time absorbing information from you & your channel. I can easily say, you make the process of learning ceaseless for guys like me who wanna fubar the keyboard when asked to code. I legit detest coding, to this day I do, even after you teaching it. Somethings in life you can't change your opinion & feelings for, but even while hating it your explanation is so grandeur, it just slid in my mind easy. Thanks for being the way you just did it for me.
you explained every easily and first time i understand these small key concepts only by you.
can you tell me how to save this clone to display in our portfolio?
I have been waiting for this course for a long time since learning html it finally arrived❤❤
can you tell me how to save this clone to display in our portfolio?
can you tell me how to save this clone to display in our portfolio?
Im an international student and it’ll help me a lot to brush up my previously learnt concepts. Thanks apna college team❤ even helping me in Canada. Been studying from Aman bhaiya from my 11th grade. So grateful for having you guys in my era. Means a lot ❤
bro where you learn hindi ???
@@CSE_11 im from india. Just pursuing my higher education from Canada
Hlo in which university do u study
Do you completed Amazon clone project can you please share your GitHub repo
I am also international student, but I am unable to access to the notes as I don't have indian number. So, Is there anyone who can help me..?
54:48 CSS is used to add style to websites and plays a crucial role in front-end development.
1:49:36 Color palettes provide complimentary colors to enhance website design
2:44:24 Creating and formatting H1 heading, setting font family, creating divs, and applying font size
3:39:12 CSS units - Understand the percentage and M units
4:34:00 Using CSS for background image and layout arranging
5:28:48 CSS transitions and transformations allow for visual effects and animations on elements.
6:23:36 Creating a loader using CSS and learning to use icons from Font Awesome.
7:18:24 Styling the navigation bar, cart section, and creating the hero section of the website
Crafted by Merlin AI.
It's takes lots of work behind-the-scenes we appreciate your work...
Thank you for this lovely highly productive content ❤
I have completed my html and css ,this is a great resource where beginer's can learn
bhai images kaha se milengi
bro where can i download final project images ?? she said they are in description box but i cant find them.....
Bro mujhe bhi nhi mila
I used some other sources to get that
Now concept of Height and width is clear.....kudos
Aap ne bahut accha samjaya mein 12 years ka hoon or aapke video se mujhe html,css aagaya hai...❤🎉🎉
Great lecture mam..hats off to your dedication and way of teaching complex concepts in a simple manner..
We Want this type of JavaScript and php tutorial in one shot with projects... And Thank you so much for this...
Level 1 - 12:14
* Syntax - 15:47
*Including CSS - 19:53
*Color - 28:48
*Background color - 34:10
*Color system - 39:44
*Color palette - 54:40
*Selectors - 56:38
# Practice set 1 - 1:04:55
*Text - 1:17:26
*Units in CSS - 1:42:02
#Pratice set 2 - 1:48:52
Level 2 - 1:55:44
*Box model in CSS - 1:55:48
*Height - 2:01:26
*Width - 2:03:46
*Border - 2:06:09
*Padding - 2:16:12
*Margin - 2:21:36
#Practice set 3 - 2:24:49
*Display property - 2:38:18
*Visibility property - 2:47:40
*Alpha (opacity) - 2:48:31
* Practice set 4 - 2:52:33
Level 3 - 3:02:48
*Units in CSS - 3:02:55
*Percentage - 3:04:26
*em - 3:09:19
*rem - 3:13:17
*vh and vw - 3:14:57
*Position - 3:16:15
* Static - 3:16:56
* Relative - 3:21:00
* Absolute - 3:22:45
* Fixed - 3:26:26
* Sticky - 3:29:40
*z-index - 3:30:49
* Background image - 3:36:50
*Background size - 3:40:25
*Background repeat - 3:42:54
# Practice set 5 - 3:43:46
Level 4 - 3:50:33
*Flexbox - 3:50:48
*The Flex model - 3:53:56
*Flexbox direction - 3:58:17
*Flex properties for Flex Container [justify-content, flex-wrap, align-items, align-content] - 4:03:53
*Flex properties for Flex Item [align-self, flex-grow, flex-shrink] - 4:10:59
# Practice set 6 - 4:18:36
* Media queries - 4:34:55
# Practice set 7 - 4:43:16
Level 5 - 4:47:32
*Transition - 4:48:26
*Transform - 4:59:04
* Rotate - 4:59:26
* Scale - 5:05:17
* Translate - 5:09:00
* Skew - 5:12:34
* Animation - 5:13:37
*Animation shorthand - 5:25:15
*Animation % - 5:28:00
# Practice Set 8 - 5:29:31
###Project Amazon Clone - 5:38:33
thanks bro
💖💖💖💖
Best CSS Tutorial, that i have been through - Crisp, Clear, To the Point
i was just trying to find out this CSS lecture by you didi... but couldn't 😢.....but suddenly i found it with upload time 43mins ago.... perhaps you heard my wish❤... thanks a lot from deep of my heart. i watching your lectures regularly and sincerely.
Last week I have completed your HTML tutorial...now today I got this tutorial as a gift maybe❤
Shradha ji aapne bahoot hi shradha se hamare liye ye totorial banaya hai......iske liye a lots of thankyou.👌👌👌👌🙏🙏🙏🙏
Thank you so much! Just went through the HTML one shout and it cant get better to learn CSS from you
Your method of teaching was great, and I have learned much new things and topics which I haven't learned before. But the only thing which I was observing in the project that you were using classes instead of ids. You were using it too frequently. Although a few places, we have to use classes but overall, the lecture was awesome. Thank you.
I am not from IT background, I am from commerce field but I have a lot of interest in coding. Thanks to your videos, everything got cleared.
I would like to clarify that, although my background is non-technical, I have gained considerable confidence in HTML and CSS after going through tutorials twice. My current focus is on learning JavaScript, and I am following a structured learning plan to deepen my understanding. While I currently work as a Support Engineer in a logistics company, I am committed to enhancing my technical skills. These learning resources have been invaluable as I build my foundation, and my long-term goal is to transition into a Developer Engineer role. Thank you once again for your support.
Thank you mam!!!
We need this type of javascript tutorials also❤
The most needful tutorial ❤
Looking forward to JavaScript with projects also.
Thankew mam! Now I understand what is margin padding and all box model. 2:03:08
Opacity = Transparency
In the rgba() function, the last parameter, 'Alpha', controls the transparency of the color. It determines how much the background will show through. A value closer to 0 makes the color more transparent and glass-like, allowing more of the background to be visible.
However if the background is white it make the color appear lighter because the white is passing thru it.
We want a css like JAVASCRIPT zero to hero video which will be more detailed and simple than all other videos on UA-cam, this hope is from me. Thanks looking forward to your video🙏🏼👍
Hello bhaiya ,I am going to take admission in first year of engineering and I have to make preference list ,like first COMPUTER SCOENCE ENGINEERING ,IT ,CS WITH AI ,CS WITH ML ,or alone AI AND DATA SCIENCE .Please guide me what to prefer in the first place and so on .please guide me bhaiya according to your experience placements and future opportunities .
According to me choose web or software for high payment
Otherwise which ever u like
We need this type of JavaScript tutorial also with notes ❤️
plus 1
@cartoonwala2.0 ok bro give me gmail or another contact.which i can send you
@@MuhammadAfzaal-lv5zs kindly send me
@cartoonwala2.0yes bro
Cwh😊
YOU ARE VERY GOOD TEACHER
Level 1 - 12:14
•Intro
•CSS Syntax
•Types of adding CSS
•Colors
•Background Color
•Types of Selectors
•# Id and . class selector
•Pratice set 1 - 1:05:00
•Text properties
•Font properties
•Absolute Units in CSS
•Pratice set 2 - 1:48:52
Level 2 - 1:55:44
•Box Model in CSS
•Pratice set 3 - 2:24:48
•Display property
•Alpha Channel
•Pratice set 4 - 2:52:32
Level 3 - 3:02:48
•Relative Units in CSS
•Position properties
•Z-index
•Background size
•Pratice set 5 - 3:43:45
Level 4 - 3:50:33
•Flexbox
•Pratice set 6 -4:18:36
Level 5 - 4:47:32
Transition - 4:48:26
Level 6 - Project Amazon Clone
Start - 5:38:38
good copying 👏
@GWB-Gaming4:14:56
bro where is project images
@@Soniclol07same
@@MontyRoshan images in the other video search older video of this
Thank youu soo much mam boht kuch seekhny ko mila is pori video mn... finally aj meri video complete ho gai with final project and practices
bhai project k liye templet or photos ka link show ni hora h
Very Nice lecture from a beginner really to Hero. I have not seen such a teacher like her, she is amazing, the teaching method is awsome, thank you.
I like APNA COLLAGE very excelent
I am 13 years old and I learn html and css You are good teacher in all world
I'm 12 bro
@@shauryaforcode I'm 11.5yrs old
@@shauryaforcode i am 18 bro
I am gost 😅😅
@@UjjwalSaini-xr9rj chorail Sundar hote ha bohat Bhai
I'm your biggest fan . You are my inspiration in coding. After html I was waiting for this CSS course. Thank You A lot😊😊
Mam plz javascript tutorial... ur teaching is soo clear and well understanding i need javascript tutorial a lot plz uploade it as soon as possible......❤u r the best
I really enjoyed this course and also completed the project. can't even imagine that i would design a website one day by my myself. thanks a lot from pakistan
I believe you skipped flex-wrap and align items at 4:07:56 . it would be great if you add that back in the video.
It was really a very helpful tutorial by the way.
thanks di
video editor ne ghapla mar diya bhai edit karte time
true!!
Bahut kuchh skip hua hai ..
You forgot to discuss flex-wrap - TIME STAMP ( 4:08:00)
I also noticed that
Hmm...I noticed that
Yeah, it might get cut during editing
yes bro...
yes now it is confusing😢
Thank you didi, I realy need for CSS full video.
Thank you for your hard work .❤
😄😄😄😄😄
In my btech journey first video completely watch on youtube
Its mean (start to end) your teaching style just like a wow👌 .
Mam please upload... javascript lec like this html and css lecture... eagerly waiting mam please upload javascript lecs from basic to advanced soon mam
Great video to learn css if you are a beginner. ❤❤
We want this type of javascript video too. Please maam bring it on quickly. ❤
The most awaited tutorial ❤
Looking forward to JavaScript with projects also.
amazon clone project code dena
@@sakshiverma203certificate nhi deti hai mam certificate ke liye to aapko kisi institute se course karna hoga
Did you really understood what she said?
yes ,looking forward to JS tutorial with project
Me too
I saw this whole video and I can suggest that this is very knowledgeable content I made Amazon clone also and learnt a lot of thing from this video .
If u wanna learn css then this will a very good choice for you ❤🎉
Thanks shradha ma'am for this amazing content.🙏💝👑
@@KamranKhanVlogs1hi bro did u got images regarding Amazon clone
If u have please send to me bro
hi, I want images used in amazon clone. please can you send me
@@NCETManojs yes I have images
@@deeptijindal9290 where should I send you the images?
@@KamranKhanVlogs1bro please send me web clone all images😢