I've been asked about the animations in my portfolio so I put one into a simplified codepen for anyone that's interested.
I converted it to vanilla js and tried to leave some descriptive comments. I'm planning to convert others into codepens
https://t.co/lNAVQ996u7
#gsap
@100days100 It's hard to know what your trying to do but you can use
Object.entries and
Object.fromEntries
to convert it to an array do something to it and then convert back to an array but you may have problems with nested objects and may need to use something like lodash or recursion
@elyktrix I really don't think 10x developers exist
I think some people do have more of a natural aptitude to development like any other activity but I dont think any developer is close to a 10x dev. It's nonsense
I think normal devs working together will outperform any "rockstar dev"
@FreddieCarthy I taught myself to code after 30 while working at Subway
I just focused on getting better and making a good portfolio and that helped me get my first job
I had 0 social media accounts back then and did no networking but I've always felt awkward trying to purposefully network
@kyla_Christin_e I actually always like PR comments on my work.
I want to get better and a comment will usually help me realise a better / cleaner way of doing things.
Maybe everyone isn't the same but It doesn't upset me. Your unlikely to improve if you just keep doing things the same way
@100days100@domhabersack Haha don't worry it gets easier ๐
It's just practice and repetition and finally things start to stick better.
I more meant that I've just replied to the pure javascript side of it but there's more to your problem with the DOM side of it that are extra steps to solve
@designcoursecom I have to say I don't really know anything about web3 to be honest ๐คฃ
Maybe I'll jump on the hype train 20 years too late to make my trillions
@LinuxSeb Sure, if anyone wakes you just say you were meditating on the complexities of the universe and they just ruined your life changing breakthrough.
Then tell them to go away and go back to sleep ๐
@mesetatron Are you still on web6.0?
You must be running that on dial up on Pentium 3
I'm on web โพ and I can see all of the past, present and future including the inevitable, impending heat death of the universe. Just before mars gets sold for 1 jpg
@100days100@domhabersack You can say you made it as you really are making it on your own ๐
My replies were just general javascript help. You'll still be solving your specific problem on your own which I dont know how to do off my head either ๐คทโโ๏ธ
Inbox me if you get stuck and I'll try to help more
@100days100@domhabersack Oh and also don't worry about it taking longer. That's usually the case. It's so hard to estimate how long things will really take in reality
The rule of thumb a senior dev told me was, however long you think it will take you should probably double it and then add 50% on top ๐คฃ
@100days100@domhabersack Ah ok I've never looked at it at all so have no idea how they work so I mostly just replied how to do it in pure vanilla javascript not factoring in the DOM side of things.
I may give browser extensions a try at some point when I have time
@100days100@domhabersack I got a bit carried away there ๐คฃbut Hopefully that helps explain what each part is doing.
You don't need to do it this way at all and is a bit over the top lol
I use React so tend to work mostly with arrays and array methods like .map() .filter() .reduce()
@100days100@domhabersack So when added all together in the shorter syntax you would get back to this and the final object returned would look like the finalObject in the second pic