which one I choose as a beginner ? vanilla js or css3

For basic things like on:hover events, CSS3 is fine. I'd use JS if you're doing more than that. There's value in having a deep understanding of DOM manipulation and knowing how to target certain elements with vanilla JS.

Probably better to dive deeply into CSS3 as it's foundational to everything.

Check here
I recently updated my github with a mind-map

This is what I feel ultimate for full stack
Preview

similarly for Junior and Mid level devs is in the repo.....

Mentioning

You can visit this repo and pick topic and search a specific topic on youtube and that is the best source you can learn many of new things by doing this and this is what most of my contact developers do.

If this was helpful to you feel free to star/ fork and follow me on github

Happy DEVing

It depends. I mostly as a newbie developer use CSS. But I use Animate.css for my projects. But if you want to do advanced, JS is no exception.

which is best for animation vanilla or css3 ??

• Both are related to each other to create the best animation.

Is it any difference between vanilla and css3 animation??

• With the help of CSS you provide details how the animation should be and using vanilla js you controls the animation. You also get controls from css to but there few things which only possible through vanilla js.

Can I do all stuff such as animation , hover effect , button using javascript ??

• Yes you can

Which one should I more focus as a frontend beginner??

• As a frontend developer you should focus on both along with HTML all these work with each other to create best frontend. Now a days we have allot of frameworks which keep on changing but the basic concepts remains the same.

I second everybody else on CSS first, since a lot animations in JS manipulate classes anyways.

It's not really a choice thing. Make a web page with CSS and html then add the gloss with JavaScript. That was the workflow of old. But it's also a good order to learn.