CSS Tutorial for Beginners | Complete CSS with Project, Notes & Code

Поделиться
HTML-код
  • Опубликовано: 15 ноя 2024

Комментарии • 9 тыс.

  • @chanakyakhobragade7272
    @chanakyakhobragade7272 6 месяцев назад +3050

    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

  • @arjunthapa4333
    @arjunthapa4333 8 месяцев назад +233

    श्रद्दा दिदी, नमस्कार।
    मै अर्जुन थापा, नेपाल से।
    मैने आपको HTML और CSS Full course आपका Channel से सिख गया। आपका सिकानेका Strategy बहुत अच्छा लगा।
    मेरा दिल तो गार्डेन गार्डेन हुआ,, दिदी।।।
    उम्मिद करता हु,, भबिस्य मे आप ऐसा ऐसा भिडियो बनाकर Upload किजिए ता कि हम भि कामयाबी बन सकु।
    धन्यबाद दिदी ❤❤❤

  • @rahad121
    @rahad121 Год назад +6284

    We need this type of javascript tutorial also

    • @status3138
      @status3138 Год назад +109

      Yes I also need ma'am

    • @RazzaQ_Ansari
      @RazzaQ_Ansari Год назад +76

      Yes I also need ma'am

    • @Akram_Pathan
      @Akram_Pathan Год назад +95

      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 😅

    • @janakmahato301
      @janakmahato301 Год назад +26

      I also need

    • @mnbrfanpage7979
      @mnbrfanpage7979 Год назад +28

      Yes, plz provide us javascript tutorial

  • @MuhammadQadeer-f1e
    @MuhammadQadeer-f1e 26 дней назад +19

    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❤

    • @anisulmustufa1843
      @anisulmustufa1843 23 дня назад

      Bhai Main Aapse puchna chahta hun ki Tumko kitna time hua hai start kare
      ANISUL MUSTUFA FROM INDIA (HARYANA)

    • @babasargam1668
      @babasargam1668 День назад

      project ki images kaise download ki.... please provide link if you have photos...

    • @KamlaHarrased
      @KamlaHarrased 20 часов назад +1

      bhai aapko kashmir kyu chaiye

  • @creatorstudio5945
    @creatorstudio5945 Год назад +240

    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.

    • @serene0808
      @serene0808 Год назад +2

      Hey, can you please tell me whether all css concepts are covered here??

    • @creatorstudio5945
      @creatorstudio5945 Год назад +2

      @@serene0808 Not all but the mostly used are covered.

    • @mehuli313
      @mehuli313 Год назад +3

      ​@@creatorstudio5945which topics are not covered can you tell plz

    • @SYNZOYT1105
      @SYNZOYT1105 Год назад +5

      completed in just 3 days xD

    • @codingchannel6825
      @codingchannel6825 Год назад

      grid layout@@mehuli313

  • @Sachanpalak-ww9nt4
    @Sachanpalak-ww9nt4 7 месяцев назад +88

    It is very useful for me 😊😊 thank u mam❤❤
    Who is watching this video in 11 April 2024😊😊🎉
    😂😂😂😂

  • @Rajeev-Verma
    @Rajeev-Verma Год назад +30

    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 { }

  • @junaidkhan-j2u
    @junaidkhan-j2u 8 месяцев назад +92

    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.

    • @Asphalt9_Legends1
      @Asphalt9_Legends1 Месяц назад +1

      can you tell me how to save this clone to display in our portfolio?

  • @rthdv
    @rthdv 10 месяцев назад +104

    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

    • @sohanaaz2245
      @sohanaaz2245 9 месяцев назад +7

      Html, css and javascript is enough to apply for frontend web development jobs

    • @xyzadmin123
      @xyzadmin123 9 месяцев назад

      @@sohanaaz2245 no.. you have learn some advance topics like reactjs and nextjs

    • @opopopop8715
      @opopopop8715 7 месяцев назад +3

      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.

    • @Anonymouss670
      @Anonymouss670 7 месяцев назад

      You're absolutely rigjt bro , just gemini or gpt it , your concepts will be cleared regarding what you missed from that video​@@opopopop8715

    • @adityarajsinghranawat3434
      @adityarajsinghranawat3434 7 месяцев назад +1

      Yes but it was editor mistake... We can see boxes there which were not before

  • @knowledgegain532
    @knowledgegain532 11 дней назад +2

    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❤🙏🏻

  • @arpanghosh4263
    @arpanghosh4263 11 месяцев назад +51

    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.

    • @Asphalt9_Legends1
      @Asphalt9_Legends1 Месяц назад

      can you tell me how to save this clone to display in our portfolio?

    • @aqeelahmad9154
      @aqeelahmad9154 26 дней назад +2

      where is project images for downoad

  • @prashantpundir7448
    @prashantpundir7448 Год назад +417

    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

    • @sonicserenity9498
      @sonicserenity9498 Год назад +11

      Thank you so much for giving index for video with time stamp...

    • @MissPandey
      @MissPandey Год назад +7

      5:39 - Project(Amazon Clone)

    • @prashantpundir7448
      @prashantpundir7448 Год назад +1

      @patel..665 done

    • @prashantpundir7448
      @prashantpundir7448 Год назад

      @@MissPandey done

    • @Yourkcdrama
      @Yourkcdrama Год назад +7

      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

  • @code.h276
    @code.h276 8 месяцев назад +181

    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.

    • @tanmaygupta7719
      @tanmaygupta7719 7 месяцев назад +8

      she has explained only main properties that are mostly used. She also said that you can explore other properties by yourself on MDN

    • @ShopNowfree
      @ShopNowfree 7 месяцев назад +6

      Wrap portion was important in flex model 😢

    • @tanmaygupta7719
      @tanmaygupta7719 7 месяцев назад +1

      @@ShopNowfree she has explained flex-wrap watch the lecture carefully

    • @protyushghosh2080
      @protyushghosh2080 7 месяцев назад +6

      ​@@tanmaygupta7719nope she just swed two use cases... content got skipped

    • @tanmaygupta7719
      @tanmaygupta7719 7 месяцев назад

      @@protyushghosh2080 bro you should watch the video carefully she has said that you can explore other contents on MDN docs

  • @premshinde2124
    @premshinde2124 6 месяцев назад +287

    Thank You, learnt a lot from this video

  • @theartvibe1657
    @theartvibe1657 Год назад +452

    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

  • @hinaarshad5296
    @hinaarshad5296 День назад

    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

  • @dreamoflbsnaaupsc1000
    @dreamoflbsnaaupsc1000 7 месяцев назад +14

    Thanks ma'am because of you right now I am in royal Enfield working as a web development

    • @Joypeak101
      @Joypeak101 4 месяца назад

      Can please share your learning processes and which materials did you followed?

    • @Asphalt9_Legends1
      @Asphalt9_Legends1 Месяц назад

      can you tell me how to save this clone to display in our portfolio?

  • @FPSCTestPreparation-i4h
    @FPSCTestPreparation-i4h Год назад +59

    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.

    • @Minivloger428
      @Minivloger428 9 месяцев назад +13

      jai shree ram

    • @MunirAhmedArhum
      @MunirAhmedArhum 8 месяцев назад

      idr b shuru @@Minivloger428

    • @mohdzaryab-kh5gx
      @mohdzaryab-kh5gx 2 месяца назад

      @@Minivloger428 abey kahi aur jakar prachaar kar railway station nhi h

  • @muneebrashid3088
    @muneebrashid3088 8 месяцев назад +10

    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.

    • @tanyaahaa
      @tanyaahaa 6 месяцев назад

      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.

    • @GWABHI_1287
      @GWABHI_1287 5 месяцев назад

      @@abhinandanmaurya47 bro abhi Tak sikh gaye kya , and abhi kya kr rhe ho ?

  • @tayyabazeem4783
    @tayyabazeem4783 24 дня назад +1

    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

  • @musitime9302
    @musitime9302 Год назад +144

    It's 12:27AM here in Karachi, Sindh, Pakistan and I opened RUclips 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♥️🌹

    • @lover_physics
      @lover_physics Год назад +4

      ☺️

    • @ayushmishra8878
      @ayushmishra8878 Год назад +16

      Bhai apne Ghar reh le na
      We donot want to spoil our golden soil....

    • @anmol3
      @anmol3 Год назад +23

      ​@@ayushmishra8878Mishra bro, please don't be toxic yaar

    • @Musfee_
      @Musfee_ Год назад +7

      Same here from Lahore, I find Indian teachers really eloquent ❤

    • @perlovers
      @perlovers 6 месяцев назад +3

      Same from Lahore Pakistan

  • @walidshahriar3331
    @walidshahriar3331 10 месяцев назад +203

    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

    • @ukri2242
      @ukri2242 10 месяцев назад +2

      YES

    • @suhashs1487
      @suhashs1487 10 месяцев назад +9

      if you completed amazon clone project also tell where did you downloaded the images for project

    • @shivanimishra3443
      @shivanimishra3443 10 месяцев назад +1

      Yes

    • @walidshahriar3331
      @walidshahriar3331 10 месяцев назад +1

      @@suhashs1487 There is a seperate video regarding the project. U can find the resources there.

    • @shivanimishra3443
      @shivanimishra3443 10 месяцев назад

      @@walidshahriar3331 yes

  • @rishabhgurjar22
    @rishabhgurjar22 Год назад +272

    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

  • @omprakashBanthariya
    @omprakashBanthariya 3 месяца назад

    Aap ne bahut accha samjaya mein 12 years ka hoon or aapke video se mujhe html,css aagaya hai...❤🎉🎉

  • @oneminvibes
    @oneminvibes Год назад +417

    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".

    • @projjal828
      @projjal828 Год назад +56

      For you it's shraddha behen

    • @oneminvibes
      @oneminvibes Год назад +18

      @projjal828 yes . Thats why quotes

    • @projjal828
      @projjal828 Год назад +22

      @@oneminvibes that's why i don't do jokes

    • @johnwickthesologamer2000
      @johnwickthesologamer2000 Год назад +8

      ​@@projjal828😂😂😂

    • @xdeep613
      @xdeep613 Год назад +14

      i am also 29 learning web development :p

  • @sajidrahman3769
    @sajidrahman3769 10 месяцев назад +46

    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.

    • @MisterUnknown_25
      @MisterUnknown_25 9 месяцев назад +1

      Did you find any good video for flex wrap??

    • @kumarshambhav1050
      @kumarshambhav1050 8 месяцев назад

      hey bro do you know where to find amazon project image download link

    • @Animepedia003
      @Animepedia003 8 месяцев назад

      And also she editor did some mistakes in practice set 6

    • @MontyRoshan
      @MontyRoshan 5 месяцев назад

      Did you found?

    • @BintulHuda2002
      @BintulHuda2002 4 месяца назад

      Yes I also didn't found ​@@kumarshambhav1050

  • @lone_wolf7721
    @lone_wolf7721 10 месяцев назад +344

    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.

    • @sreedevi-laxmi
      @sreedevi-laxmi 9 месяцев назад +6

      Hi can u please tell me that how should I get an internship about web development

    • @chetanliveff
      @chetanliveff 9 месяцев назад

      @@sreedevi-laxmi

    • @chetanliveff
      @chetanliveff 9 месяцев назад +1

      tell to me if get any interns pls...!!@@sreedevi-laxmi

    • @rahul_mr.x
      @rahul_mr.x 9 месяцев назад

      Thank you ❤

    • @Soniclol07
      @Soniclol07 9 месяцев назад +1

      where is project images

  • @mohanjani5472
    @mohanjani5472 Год назад +84

    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

    • @dp_21
      @dp_21 Год назад +1

      1:00:50

    • @mohanjani5472
      @mohanjani5472 Год назад

      @@Malaika_ki_rahein keep your first preference as IT ,CS then as per your choice !

    • @nagarajsori8895
      @nagarajsori8895 Год назад

      @@Malaika_ki_rahein CS>IT>AIML>DS

    • @dp_21
      @dp_21 Год назад

      @@Malaika_ki_rahein follow your passion.....do what u like

    • @Rutu_More
      @Rutu_More Год назад +1

      @@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 !!!

  • @hassannazir5868
    @hassannazir5868 10 месяцев назад +7

    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

  • @harmanchahal5827
    @harmanchahal5827 10 месяцев назад +47

    We want bootstrap in one shot

  • @atultanwar3010
    @atultanwar3010 Месяц назад

    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.

  • @TravelByShorts
    @TravelByShorts Год назад +9

    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 ❤️❤️👍👍

  • @Shrikant_33
    @Shrikant_33 6 месяцев назад +43

    didi tumchya ya lecture ne life change zali ahe mazya jivnala navin diksha milali aahe thanks a lot for these lecture and teach me🥰

    • @Yash-qd9mw
      @Yash-qd9mw 4 месяца назад +1

      Shrinkant shikhre💀💀

    • @Curium96
      @Curium96 3 месяца назад

      bhide

  • @DEWA6FT3EDITS
    @DEWA6FT3EDITS Год назад +6

    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".

  • @mrzack07
    @mrzack07 7 дней назад

    In my btech journey first video completely watch on youtube
    Its mean (start to end) your teaching style just like a wow👌 .

  • @mohsinriaz3326
    @mohsinriaz3326 Год назад +7

    I am from Pakistan. I have just started web development. You are doing a great work. Respect🤩

    • @Pokemonstar12
      @Pokemonstar12 9 месяцев назад +1

      I'm Indian but I thought 🇮🇳🤝🇨🇨

  • @Mister-qk2ob
    @Mister-qk2ob Год назад +100

    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)

    • @yashwantmainkar2371
      @yashwantmainkar2371 11 месяцев назад +2

      damn bro... 👍👍

    • @Mister-qk2ob
      @Mister-qk2ob 11 месяцев назад +3

      @@yashwantmainkar2371Ty, you can use these time stamps for revision.👍🏼

    • @mridulpal3721
      @mridulpal3721 11 месяцев назад +2

      u deserve a Nobel prize

    • @gaaneradda4414
      @gaaneradda4414 11 месяцев назад

      bro I can't find the download link of images used for the project can you help me out

    • @shobhaojha4107
      @shobhaojha4107 11 месяцев назад

      help me also to find the download link of image@@gaaneradda4414

  • @muhammadafzal_freelancer
    @muhammadafzal_freelancer 6 месяцев назад +85

    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.

    • @Joypeak101
      @Joypeak101 4 месяца назад

      How about your progression?

    • @_arshia_93
      @_arshia_93 4 месяца назад

      have u made the project ?

    • @MRPhenomOP
      @MRPhenomOP 4 месяца назад

      @@_arshia_93 am trying to do project but can't find images, and logo download option !

    • @UrmilaPanda
      @UrmilaPanda 4 месяца назад +2

      Link for images of clone ?

    • @rohith927
      @rohith927 3 месяца назад +1

      ​@@UrmilaPandayeah I too cannot find the links

  • @ramangupta9990
    @ramangupta9990 Месяц назад +33

    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

  • @shivesh.mishra
    @shivesh.mishra 8 месяцев назад +16

    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.!!

    • @Asphalt9_Legends1
      @Asphalt9_Legends1 Месяц назад

      can you tell me how to save this clone to display in our portfolio?

    • @Asphalt9_Legends1
      @Asphalt9_Legends1 Месяц назад

      can you tell me how to save this clone to display in our portfolio?

    • @HimanshuOp69
      @HimanshuOp69 28 дней назад

      bhai web dev ke baad backend (jnodjs ) kr rha h ya kuch aur krega ya

    • @shivesh.mishra
      @shivesh.mishra 28 дней назад

      @@HimanshuOp69 Bhai maine MERN Stack kara hai jisme backend me nodejs aata hai✅

    • @shivesh.mishra
      @shivesh.mishra 28 дней назад

      @@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✅

  • @ujjwaleditz3761
    @ujjwaleditz3761 4 месяца назад +172

    Who Notice 4:07:56 to 4:08:00 in "flex-warp" property is Skip 🧐 In Video Someone please Check Cutting Video

    • @654sachin6
      @654sachin6 3 месяца назад +6

      kuch to complicated btaya hi tha kuch or ho gya..

    • @AshishChauhan-s8b
      @AshishChauhan-s8b 3 месяца назад +14

      ya i have noticed that's y i came in comment section to ensure that i am right....

    • @salmanrana2325
      @salmanrana2325 3 месяца назад

      @@AshishChauhan-s8b same here

    • @NEWERA-45
      @NEWERA-45 3 месяца назад +5

      Ya bro i also noticed that

    • @ayeshazaheer813
      @ayeshazaheer813 3 месяца назад +2

      cSs ki applicetaion bej do mujhe 😢

  • @zainlala-nn6tx
    @zainlala-nn6tx 8 месяцев назад +18

    I apriciated
    I learn a lot here❤
    May Allah give you success in every walk of life

  • @rohitsolanki9302
    @rohitsolanki9302 Год назад +31

    Thanks in MILLIONS didi...💗
    I completed this entire lecture in 4 days with notes & project...!!!💗

    • @moxley.556
      @moxley.556 Год назад +1

      video upload kar k sirf teen din huyeah hi magar tum 4 din may complete karliya.
      magar how ?

    • @rohitsolanki9302
      @rohitsolanki9302 Год назад

      @@moxley.556 bro, I started this tutorial after 23 minutes video uploading & completed tomorrow.😌

    • @moxley.556
      @moxley.556 Год назад

      @@rohitsolanki9302 oh got it dude👍👍

    • @Malaika_ki_rahein
      @Malaika_ki_rahein Год назад

      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 .

    • @moxley.556
      @moxley.556 Год назад

      @@Malaika_ki_rahein where are you from amigo..

  • @SanTanuMaNNa2000
    @SanTanuMaNNa2000 Год назад +37

    We want a css like JAVASCRIPT zero to hero video which will be more detailed and simple than all other videos on RUclips, this hope is from me. Thanks looking forward to your video🙏🏼👍

    • @Malaika_ki_rahein
      @Malaika_ki_rahein Год назад +1

      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 .

    • @Legend-fo4xh
      @Legend-fo4xh Год назад

      According to me choose web or software for high payment
      Otherwise which ever u like

  • @SumitKumar-gi9td
    @SumitKumar-gi9td Год назад +9

    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.

  • @akhtarkatbrahman5249
    @akhtarkatbrahman5249 Год назад +10

    We Want this type of JavaScript and php tutorial in one shot with projects... And Thank you so much for this...

  • @ashrafbinazhar591
    @ashrafbinazhar591 Год назад +25

    I have been waiting for this course for a long time since learning html it finally arrived❤❤

    • @Asphalt9_Legends1
      @Asphalt9_Legends1 Месяц назад

      can you tell me how to save this clone to display in our portfolio?

    • @Asphalt9_Legends1
      @Asphalt9_Legends1 Месяц назад

      can you tell me how to save this clone to display in our portfolio?

  • @devotize
    @devotize Год назад +4

    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

  • @Gajjuop
    @Gajjuop 15 дней назад +2

    heding one
    heding two
    heding three
    Q2 answer right shrdha didi

  • @rv5929
    @rv5929 Год назад +10

    Really feel blessed to have you as a teacher😀THANK YOU SO MUCH💖 MAM for this tutorial...

  • @harshpandey4190
    @harshpandey4190 5 месяцев назад +41

    You literally taught it in the best Possible way I went from 0 to 90+ with this video itself

    • @AshishChauhan-s8b
      @AshishChauhan-s8b 3 месяца назад

      Where are the images?
      Used in project.
      I couldn't get it...😢

    • @akshaykapse7431
      @akshaykapse7431 3 месяца назад

      ​@@AshishChauhan-s8bha bhai mco be nhi mile

    • @rotx.v
      @rotx.v 3 месяца назад

      @@akshaykapse7431 mila kya ?

    • @GeneralJiyaan
      @GeneralJiyaan Месяц назад

      ​@@akshaykapse7431bro just use Google

  • @sushantscolia5891
    @sushantscolia5891 Год назад +147

    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 ❤

    • @CSE_11
      @CSE_11 Год назад +1

      bro where you learn hindi ???

    • @sushantscolia5891
      @sushantscolia5891 Год назад +8

      @@CSE_11 im from india. Just pursuing my higher education from Canada

    • @prashantgamming....3602
      @prashantgamming....3602 Год назад +1

      Hlo in which university do u study

    • @learndevelopment9865
      @learndevelopment9865 Год назад

      Do you completed Amazon clone project can you please share your GitHub repo

    • @harmanpreetkaur-h7f
      @harmanpreetkaur-h7f Год назад +3

      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..?

  • @coolgamers5073
    @coolgamers5073 Месяц назад

    I Have Leanrned HTML Now Only And Your Teaching Way Is Superb Thank You For Improving My Skills 😌😌😌😌

  • @muhammedhasnain9480
    @muhammedhasnain9480 Год назад +204

    The most awaited tutorial ❤
    Looking forward to JavaScript with projects also.

    • @PranjalRastogi-q1i
      @PranjalRastogi-q1i Год назад

      amazon clone project code dena

    • @Anony15100fd
      @Anony15100fd Год назад +1

      ​@@sakshiverma203certificate nhi deti hai mam certificate ke liye to aapko kisi institute se course karna hoga

    • @vicentegeonix
      @vicentegeonix Год назад

      Did you really understood what she said?

    • @mariayousaf1052
      @mariayousaf1052 Год назад +1

      yes ,looking forward to JS tutorial with project

    • @sameenarly
      @sameenarly Год назад

      Me too

  • @code_menace
    @code_menace Год назад +26

    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.

    • @amritclasher
      @amritclasher Год назад +1

      I am in 12th class bro
      Or ma abi css or html sikh chuka hu

    • @ezioboy5777
      @ezioboy5777 8 месяцев назад

      ​@@amritclasherI am in nursery and I have learnt full stack development

  • @We_are_unknown
    @We_are_unknown Месяц назад +1

    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.

  • @himanshusoni8542
    @himanshusoni8542 Год назад +24

    Thank you so much didi ❤
    I just completed your html one shot video today and you uploaded this the same day.😊
    I am your student in Alpha 2.0 and Delta 😎

  • @Paradox5169
    @Paradox5169 Год назад +4

    Last week I have completed your HTML tutorial...now today I got this tutorial as a gift maybe❤

  • @smforhad8640
    @smforhad8640 Год назад +21

    The most needful tutorial ❤
    Looking forward to JavaScript with projects also.

  • @shwetaranisingh8199
    @shwetaranisingh8199 Год назад +6

    Thank you didi, I realy need for CSS full video.
    Thank you for your hard work .❤

  • @gyanpith_bangla
    @gyanpith_bangla Год назад +24

    Thank you mam!!!
    We need this type of javascript tutorials also❤

  • @megabeing
    @megabeing Год назад +23

    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

    • @notshubhm
      @notshubhm Год назад +3

      video editor ne ghapla mar diya bhai edit karte time

    • @saicharan724
      @saicharan724 Год назад +1

      true!!

    • @techenvo9291
      @techenvo9291 Год назад

      Bahut kuchh skip hua hai ..

  • @JatinGamer
    @JatinGamer Год назад +339

    We need this type of JavaScript tutorial also with notes ❤️

  • @g-88gomteshmithari95
    @g-88gomteshmithari95 11 месяцев назад +67

    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

    • @thegrasstoucher6699
      @thegrasstoucher6699 11 месяцев назад +1

      good copying 👏

    • @GSGamerF5
      @GSGamerF5 10 месяцев назад

      ​@GWB-Gaming4:14:56

    • @Soniclol07
      @Soniclol07 9 месяцев назад +2

      bro where is project images

    • @MontyRoshan
      @MontyRoshan 5 месяцев назад

      ​@@Soniclol07same

    • @Soniclol07
      @Soniclol07 5 месяцев назад

      @@MontyRoshan images in the other video search older video of this

  • @ayushgholap619
    @ayushgholap619 22 дня назад +2

    Best Video for beginners and fantastic teaching and explanation mam, Thank you so much❤!

  • @nikhilparihar9922
    @nikhilparihar9922 Год назад +97

    You forgot to discuss flex-wrap - TIME STAMP ( 4:08:00)

  • @asmfiroz6557
    @asmfiroz6557 Год назад +15

    mind blowing presentation...Fantastic! Clear explanations and practical examples make learning CSS a breeze. Thank you!🙌

  • @spiderff5648
    @spiderff5648 Год назад +41

    Your teaching method is amazing mam .You are doing well mam and i request you please bring this type of JavaScript tutorial as soon as possible and i hope you come back with new JavaScript video soon 📸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".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 ❤Thank You So much Shraddha Didi for providing such a good Content and explaining every single topic in a easy way.
    Project was also very Amazing.
    We are also waiting for this type of JavaScript Tutorial and many more.

    • @abusufyan1352
      @abusufyan1352 Год назад +1

      So you are not Indian?

    • @TheOnlyMarvel
      @TheOnlyMarvel Год назад +1

      spiderff, 30 years old, smthng doesnt look right

    • @randomvideos979
      @randomvideos979 Год назад +2

      You are 30 yrs old and you have been learning from Aman bhaiya from 11th standard. Strange!!

    • @abusufyan1352
      @abusufyan1352 Год назад

      @@randomvideos979(😭😭) 😂😂😂😂😂😂😂😂

    • @awplgorakhpur8555
      @awplgorakhpur8555 Год назад

      hmmmm
      @@abusufyan1352

  • @muhammadaamir7203
    @muhammadaamir7203 Месяц назад +2

    hi, i am aamir from karachi, pakistan , and i m 50 yo thanks to you , Allah bless you

  • @shwetachoudhary9003
    @shwetachoudhary9003 Год назад +6

    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

  • @ziyaankashif8728
    @ziyaankashif8728 Год назад +26

    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❤

    • @nayanlodha
      @nayanlodha 9 месяцев назад

      Hey!! dude did you know where is project images link

  • @tulsigupta6459
    @tulsigupta6459 Год назад +7

    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.

  • @willgordon5737
    @willgordon5737 Месяц назад

    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.

  • @madhubhatia4453
    @madhubhatia4453 8 месяцев назад +6

    Now concept of Height and width is clear.....kudos

  • @piyushagarwal1585
    @piyushagarwal1585 Год назад +11

    Thank you so much! Just went through the HTML one shout and it cant get better to learn CSS from you

  • @dibayanroy7920
    @dibayanroy7920 Год назад +55

    It's takes lots of work behind-the-scenes we appreciate your work...
    Thank you for this lovely highly productive content ❤

  • @LovelyRedwood-jx6gf
    @LovelyRedwood-jx6gf 29 дней назад

    I have to spent one week to complete your valuable classes.
    Thanks a lot for your endeavours.

  • @itseshalakmal
    @itseshalakmal Год назад +6

    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 😊

  • @StriveVoyage
    @StriveVoyage Год назад +6

    completed this and what an amazing teacher she is. how can someone give this type of valuable lesson for free hats off gratitude

    • @islachan3825
      @islachan3825 9 месяцев назад

      where are images for amazon project?? they are not in description

    • @allamyashwanth2657
      @allamyashwanth2657 8 месяцев назад

      bro where can i download final project images ?? she said they are in description box but i cant find them.....

    • @islachan3825
      @islachan3825 8 месяцев назад

      @@allamyashwanth2657 drive.google.com/drive/folders/1_AIUpDo0m5TMqBmpa-nuJqE4r7zu-_4F

    • @bhagyashribhendarkar7374
      @bhagyashribhendarkar7374 7 месяцев назад

      Where are the images?

    • @islachan3825
      @islachan3825 7 месяцев назад

      @@bhagyashribhendarkar7374 drive.google.com/drive/folders/1_AIUpDo0m5TMqBmpa-nuJqE4r7zu-_4F

  • @sadhnasahoo6247
    @sadhnasahoo6247 Год назад +26

    Mam please upload... javascript lec like this html and css lecture... eagerly waiting mam please upload javascript lecs from basic to advanced soon mam

  • @mthdas8
    @mthdas8 2 месяца назад

    Shradha ji aapne bahoot hi shradha se hamare liye ye totorial banaya hai......iske liye a lots of thankyou.👌👌👌👌🙏🙏🙏🙏

  • @BinaryBites-pe9yw
    @BinaryBites-pe9yw 6 месяцев назад +355

    only 1% will watch this video completely. if you are then like

    • @adityavaibhav7749
      @adityavaibhav7749 6 месяцев назад +18

      I am at 5 hr very tired and bored

    • @5topamazingfacts
      @5topamazingfacts 6 месяцев назад +8

      This is learning

    • @deeputechbca2948
      @deeputechbca2948 4 месяца назад +7

      I'm in 1%😊

    • @ujjwaleditz3761
      @ujjwaleditz3761 4 месяца назад +10

      Who Notice 4:07:56 to 4:08:00 in "flex-warp" property is Skip 🧐 In Video Someone please Check I am 1 that Notice This Thing.

    • @prathameshkeste7152
      @prathameshkeste7152 4 месяца назад +2

      @@ujjwaleditz3761 4:18:35 background sounds like metro is going

  • @satyamdograreallife
    @satyamdograreallife Год назад +8

    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.

  • @samanrazzaq7474
    @samanrazzaq7474 3 месяца назад +4

    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

    • @Techversa12
      @Techversa12 3 месяца назад

      bhai project k liye templet or photos ka link show ni hora h

  • @sachdefine
    @sachdefine 3 месяца назад

    Hi Shraddha, I am from non web background in QA. Did not have any idea of html and css. Just because of your video I am able to take up a migration project. Thank you so much

  • @UpendraSingh-q1h
    @UpendraSingh-q1h Год назад +7

    Best CSS Tutorial, that i have been through - Crisp, Clear, To the Point

  • @Aryan-nn3fr
    @Aryan-nn3fr Год назад +5

    I'm your biggest fan . You are my inspiration in coding. After html I was waiting for this CSS course. Thank You A lot😊😊

  • @hafizwaqar689
    @hafizwaqar689 Год назад +106

    Wow, I've been following your HTML and CSS tutorial series on RUclips, and it's been incredibly helpful! Each video has broken down complex concepts into simple, understandable steps, and I've learned so much from them. Thank you for the excellent content!
    I have one request: could you please consider creating a JavaScript course series as well? I'm sure your teaching style and clarity would make learning JavaScript a breeze. Looking forward to more fantastic tutorials from you!

    • @vaishnavikaushik5311
      @vaishnavikaushik5311 Год назад +1

      Please provide us javascript one shot video

    • @yaseenkhan835
      @yaseenkhan835 Год назад

      Broo where are The Notes of CSS I checked the description there's nowhere notes in there ??? Can you please share me the link for it??

    • @glorytohanuman283
      @glorytohanuman283 Год назад +2

      bhai isme jo project banawaya gaya hai uska project link aur project me jo images used hai usse kaha se download karu

    • @Cricketworld88101
      @Cricketworld88101 Год назад

      @@yaseenkhan835 Notes ka link description ma upper hi ha.

    • @TheRealme099
      @TheRealme099 11 месяцев назад

      JAI HOO BHAIJAAN

  • @AryanKamble-j1x
    @AryanKamble-j1x 2 месяца назад +36

    < 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 ****

    • @AyushiTripathi-n5b
      @AyushiTripathi-n5b Месяц назад

      Bhai please tell me that how's mam refesh the code after saving it ?
      Hope you replied as soon as possible please 🙏

    • @PathanBasheerkhan-bx8zp
      @PathanBasheerkhan-bx8zp Месяц назад

      ​@@AyushiTripathi-n5b
      You have to install live server bro then click on live server then , you can

    • @PathanBasheerkhan-bx8zp
      @PathanBasheerkhan-bx8zp Месяц назад

      ​@@AyushiTripathi-n5blive server extension

  • @ahmadwaheed8003
    @ahmadwaheed8003 Год назад +17

    We want this type of javascript video too. Please maam bring it on quickly. ❤

  • @laiqdanish7748
    @laiqdanish7748 Год назад +8

    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.

  • @ahsankhan-oe4nw
    @ahsankhan-oe4nw 5 месяцев назад +9

    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

  • @ZulfiiSabrii
    @ZulfiiSabrii 3 месяца назад

    great teaching, appreciate to this channel , I am from Pakistan and I continuously learning from this plateform (channel). Thank you so much Ms Shradha

  • @harshitrathaur6451
    @harshitrathaur6451 Год назад +8

    Amazing 😍🤩❣️❤❤🔥
    We Need JavaScript Ma'am..
    Please Upload The tutorial of JavaScript in one video.. 🔥

  • @syeddanyalraza5558
    @syeddanyalraza5558 Год назад +10

    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.

  • @NavjotSingh-pl9ls
    @NavjotSingh-pl9ls 2 месяца назад

    seeing the lecture.I have no words to explain how beautifully css is explained in this lecture

  • @HiddenLeafChronicle
    @HiddenLeafChronicle 10 месяцев назад +5

    I have completed my html and css ,this is a great resource where beginer's can learn

    • @darkshadow8414
      @darkshadow8414 8 месяцев назад

      bhai images kaha se milengi

    • @allamyashwanth2657
      @allamyashwanth2657 8 месяцев назад

      bro where can i download final project images ?? she said they are in description box but i cant find them.....

    • @HiddenLeafChronicle
      @HiddenLeafChronicle 8 месяцев назад +1

      Bro mujhe bhi nhi mila
      I used some other sources to get that

  • @pravinsingh3453
    @pravinsingh3453 Год назад +15

    You are a great youtuber with good teachers to teach coding and development. You are amazing and same for your team. Don't stop make more videos on web development 🥰🥰🤝👏👏👏👏

  • @ritikshrivastav1188
    @ritikshrivastav1188 Год назад +5

    Wonderful 👏 video
    It helps me alot during my btech in computer science
    Thanks alot

  • @alphacodehub
    @alphacodehub Год назад +5

    Thankew mam! Now I understand what is margin padding and all box model. 2:03:08