DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 968,547 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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??

Top comments (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.

What are you learning?

Each week we have a Welcome Thread where we'd love to hear about it.