DEV Community

Rahman
Rahman

Posted on

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

I have basic animation skills in css3 but I don't want to deep dive into css3 animation (such as @keyframe , transition, transform etc).

For frontend animation stuff which one I should choose vanilla js or css3.
which is best for animation vanilla or css3 ??
Is it any difference between vanilla and css3 animation??
Can I do all stuff such as animation , hover effect , button using javascript ??
Which one should I more focus as a frontend beginner??

Discussion (8)

Collapse
ceblakely profile image
Christina Blakely • Edited on

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.

Collapse
jwp profile image
John Peters

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

Collapse
hemant profile image
Hemant Joshi ๐Ÿ˜ผ

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

This is what I feel ultimate for full stack
Preview
 image

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

Collapse
aryanrdx profile image
aryanrdx

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.
Collapse
nepalilab profile image
Nepali Lab

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.

Collapse
lifelongthinker profile image
Sebastian • Edited on

Please, for anything UI and animation related use CSS. That's what it was invented for ๐Ÿ™๐Ÿ™

Collapse
etienneburdet profile image
Etienne Burdet

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

Collapse
adam_cyclones profile image
Adam Crockett

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.