Mastering CSS | Step by Step Path

Подписаться 148 тыс.

Просмотров 17 тыс.

50% 1

Guide to Expert CSS, How to master CSS, basics to advanced, what to learn. tools, methodology, frameworks
CSS Selectors - id ,class, children , direct children, first child, last child
Box model - box sizing
Viewport Units - px,vh,vw,em
Layouts -
1)display property - static, block,inline-block
2)Position - static, relative, absolute, sticky
3)z-index
Specificity - rules
Pseudo elements
responsive design - media queries
css variables
FlexBox
Advanced -
Pre-processors - sass, less
Block Element Modifier
Functional Css
Shadow DOM
CSS Animation
Help the channel via patron and buying merchandise
* / techsith
* teespring.com/stores/techsith...
Follow me for technology updates
* / techsith
* / techsith1
* / patelhemil
Help me translate this video.
* ru-vid.com_vide...
Note: use translate.google.com/ to translate this video to your language. Let me know once you do that so i can give you credit. Thank you in advance.

Наука

Опубликовано:

17 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 94

@MrRuchir23 5 лет назад

It will be great if you can create a series for CSS from basic to Advance ... Similar to the React Js series .... Thanks

@amitkumarchauhan4598 5 лет назад

Indeed

@bharatchhabra1554 5 лет назад

Would love to see that

@Yousg27 5 лет назад

Thanks. Mastering CSS will make development much smoother and faster. Will take it on.

@MrPDTaylor 5 лет назад

Awesome! I love these outlines! So helpful!

@dmitrycherniavsky5007 5 лет назад

Thank you for your tutorials. They are very helpful :)

@user-cn7qo6kq1t 5 лет назад

great vid thanks

@chrisneal6374 5 лет назад

The man!!

@reekanmohan6021 Год назад

Great work

@Srinivaspadma 5 лет назад

Good Information and nicely explained

@cvvkshcv 5 лет назад

Great video... Very informative.. 😊

@vivekv4250 5 лет назад

Good information.. loved it

@kobadak6783 4 года назад

I’ve spent countless hours using freecodecamp to learn CSS but I always felt like I was lacking the fundamentals . This breakdown was everything I needed mate, thanks!

@nkumar5897 3 года назад

Perfect videos!! Can’t say anything else..classic!!

@lightfire276 5 лет назад

great tutorials thanks

@shubhamtiwari3320 5 лет назад

Very nice description sir 👌 👌 👌

@shilpasyal55 5 лет назад

Great Video...Thank you :)

@manendra19 5 лет назад

Can you please start a series for CSS from basic to advance, just like your javascript or react series :)

@Techsithtube 5 лет назад

Manedra, that is the plan. I am in planning phase right now Thanks for suggesting

@PankajYadav-it3nl 4 года назад

@@Techsithtube Please Sir!

@web-dev01 5 лет назад

thanks for your great work

@Hariharan0606 5 лет назад

Must be a very useful video 😀

@rambhupal207 5 лет назад

Nice vedio as usual

@sivanandamv7400 4 года назад

Thanks you much brother, very useful and informative.

@Thesanchzilla 5 лет назад

Very nice vid. Thanks. What are your thoughts on Grid? I noticed that you didn't mention it

@abhiabhang9938 5 лет назад

Eagerly waiting to learn css

@deeproy7292 5 лет назад

thank you

@sriramadithya4799 3 года назад

Thanks sir

@shubhamlodhi7641 5 лет назад

Great video.. Plz write blog for this as well.. Thanks again for the video

@pedropacheco7916 3 года назад

Your videos help me a lot, Thanks from Brazil ; )

@SurendraGurjar2014 5 лет назад

Great tutorial, please create series on css.

@keithrogers7422 4 года назад

Thank you

@ThePastPerspectives 5 лет назад

Very nice :)

@sourabhpruthi3618 5 лет назад

techsith rocks

@Techsithtube 5 лет назад

Thank you Sourabh :)

@ashwiniib9633 5 лет назад

Your step by step videos are very helpful before starting to study. Thank you so much. Please make such a video for ReactJs as well.

@Hyp3rSp8c3 5 лет назад

Thank you for this. I just want to add handling SVG manipulation. I think that's important to learn as well.

@shashikantsharma3551 5 лет назад

I am really amazed... Why no big no. of subscribers for such a great channel. I have been through many channels on RU-vid but none of them were near yours. Love from India.

@Techsithtube 5 лет назад

Thank you Shashikant for awsome comment :)

@ajeetgiri1295 5 лет назад

I always keep learning from your sincere effort specially the way you teach and technique. Thank you so much..!!

@Techsithtube 5 лет назад

You are welcome. keep on learning!

@isaacbuitrago2370 4 года назад

Just what I'm looking for. Thanks ! CSS is really not that hard, but it can seem like magic without understanding the fundamentals.

@Techsithtube 4 года назад

true that!

@MylesGmail 5 лет назад

I tweeted this video! Thx!

@Techsithtube 5 лет назад

Thanks for tweeting the video :)

@zeeshanali-nw6jj 5 лет назад

please make video series on data structures and algorithm.your react and javascript course is just awesome.

@h.c9749 4 года назад

Thanks man, amazing tutorial, a step by step roadmap for those of us who are taking their first steps on the field, specially because it could be truly overwhelming if you don't know where to go and just pilling up knowledge in your brain, Thanks btro

@Techsithtube 4 года назад

I am glad that you go it. Do follow the step to master CSS.

@abhi9865 5 лет назад

Nice,, please make a video on DOM understanding in depth

@marshchawki1912 5 лет назад

yaahoo i'm waiting sir...😁😁😁

@Techsithtube 5 лет назад

@nazninnahar3627 5 лет назад

so do i !

@vitalii.pohoretskyi 5 лет назад

Nice video! What about grid? I had two situations where instead of flexbox I needed to use grid, can't bring myself to learn it (

@aaaaaaa596 5 лет назад

Because of you sir ,I have been able to switch to the react-redux world....I got a great job.... Thanks a ton..... Even my friends have started their career shift journey in the front-end world...so when they ask me...I refer them to TECHSITH (MODERN JS series, React and Redux series) and interview questions....!!!!!

@Techsithtube 5 лет назад

Amit, I am glad you found a Job. Good Luck and keep up the good work. And thank you for watching!

@Jasna88 3 года назад

Make css basic to css advanced tutorials!

@Techsithtube 3 года назад

Jasna, I do have some css basics videos on my channel . Do check them out.

@adhipathis12 4 года назад

Sir Please make a css series. It would be much helpful .

@kushp6486 5 лет назад

Shadow DOM part 2 as well please

@chinmayh2745 5 лет назад

Waiting waiting waiting....

@tjay5644 5 лет назад

please start a series for CSS from basic to advance

@manomano-kr7op 5 лет назад

It would be great if u add css grid.Lot of peoples are using css grids over flexbox

@clumsycoco 5 лет назад

CSS Sprites , CSS GRID , Float and Clear. Would be good if you could have a checkbox sorta list on the side.

@Techsithtube 5 лет назад

CSS GRID is the one I missed. Though if you know flex box you are fine. I have created a list in the description.

@MrFliperocha 5 лет назад

Will it be recorded?

@KelseyDogBlog 5 лет назад

“Tell me and I forget, teach me and I may remember, involve me and I learn.” Benjamin Franklin. I'm not sure this lecture has the value others think it does.

@amitkumargupta- 5 лет назад

I guess he points out whats important?, "I practice so I am great".

@abrahamjaimes7643 3 года назад

you forgot about , grid, overfow, object-position, units, transform, transition, filter, :D but good video like

@Techsithtube 3 года назад

Yes, you are right. CSS is an ocean of features. Thanks for pointing some of them out.

@mohammedavez7505 5 лет назад

sir please start a series on CSS from basic to advance

@Techsithtube 5 лет назад

I am considering it. I will plan it over the break. Thanks for watching!

@mohammedavez7505 5 лет назад

@@Techsithtube its so kind of you sir to respond back to me

@ericzorn3735 5 лет назад

Please make an advanced CSS Course

@Techsithtube 5 лет назад

I do have a plan for such course. Will make it in early 2019. Thanks for suggestion.

@ericzorn3735 5 лет назад

techsith sounds great! Love the content :). Maybe integrate using Webpack and post css with separate plugins and pre processors like sass

@kp1976 5 лет назад

Bootstrap, Foundation, Materialize etc...

@nomtijorti 5 лет назад

step 1: css grid step 2: flexbox step 3: ? step 4: profit.

@Techsithtube 5 лет назад

Step 3: work hard and practice :)

@diwakarnrp2092 5 лет назад

Sir pls explain wireframe in little bit

@Techsithtube 5 лет назад

You mean wireframe in design?

@diwakarnrp2092 5 лет назад

@@Techsithtube yes sir

@diwakarnrp2092 5 лет назад

@@Techsithtube sir pls explain the role and responsibilities of UI developer

@Techsithtube 5 лет назад

It very much depends on a team but . Usually at minimum , UI Developer is responsible for JS, HTML and CSS. + Unit test + understanding & Interpreting design created by UX. In Some teams, UI Dev is also responsible for creating Design.

@deps.. 5 лет назад

@Techsithtube 5 лет назад

feel free to ask me if you have any questions during the premieres. Thanks in advance.

@deps.. 5 лет назад

I feel quite comfortable using BEM writing style combined with a stylus for my functional CSS. But still, there will always a classes that end up with ugly names. Naming is hard !! 😥😥

@akashpal9691 5 лет назад

Rough Summary CSS Selectors - id ,class, children , direct children, first child, last child Box model - box sizing Viewport Units - px,vh,vw,em Layouts - 1)display property - static, block,inline-block 2)Position - static, relative, absolute, sticky 3)z-index Specificity - rules Pseudo elements responsive design - media queries css variables FlexBox Advanced - Pre-processors - sass, less Block Element Modifier Functional Css Shadow DOM CSS Animation

@Techsithtube 5 лет назад

Thank you, Akash for the full Work. I will put this in the description.