- 269
- 179 220
GDSC VIT
India
Приєднався 21 чер 2018
Google Developer Student Clubs VIT is a non-profit community that aims to inspire intelligent minds in the field of technology. DSC provides opportunities where developers, designers and managers work together to carry out real-time projects.
WomenTechies'23 AfterMovie
Presenting the Women Techies '23 Aftermovie!
Here's a glimpse of how your innovation and ideas took centre stage during 36 hours of caffeine fuelled, fun-filled hacking.
We're truly grateful for your support that made the event a grand success.
But wait, this is just the beginning.
We've got many more thrilling events coming, just for you!
Stay tuned.
#WT23 #gdsc #womenintech #stem #hackathon #students #VIT #vellore
Here's a glimpse of how your innovation and ideas took centre stage during 36 hours of caffeine fuelled, fun-filled hacking.
We're truly grateful for your support that made the event a grand success.
But wait, this is just the beginning.
We've got many more thrilling events coming, just for you!
Stay tuned.
#WT23 #gdsc #womenintech #stem #hackathon #students #VIT #vellore
Переглядів: 212
Відео
Talk by Lakshya Sivaramakrishnan |WomenTechies'21 |DSCVIT
Переглядів 803 роки тому
Talk by Lakshya Sivaramakrishnan |WomenTechies'21 |DSCVIT
WomenTechies'21 Trailer| A hackathon by DSC VIT
Переглядів 4173 роки тому
WomenTechies'21 Trailer| A hackathon by DSC VIT
27. Conclusion | A Beginner's Guide to Node.js by DSC VIT
Переглядів 934 роки тому
27. Conclusion | A Beginner's Guide to Node.js by DSC VIT
10. Basic Functions in JavaScript | A Beginner's Guide to Node.js by DSC VIT
Переглядів 484 роки тому
10. Basic Functions in JavaScript | A Beginner's Guide to Node.js by DSC VIT
22. Connecting an Express App to MongoDB | A Beginner's Guide to Node.js by DSC VIT
Переглядів 924 роки тому
22. Connecting an Express App to MongoDB | A Beginner's Guide to Node.js by DSC VIT
26. Making An Authentication API - Deployment to Heroku | A Beginner's Guide to Node.js by DSC VIT
Переглядів 1614 роки тому
26. Making An Authentication API - Deployment to Heroku | A Beginner's Guide to Node.js by DSC VIT
4. Heroku Installation | A Beginner's Guide to Node.js by DSC VIT
Переглядів 424 роки тому
4. Heroku Installation | A Beginner's Guide to Node.js by DSC VIT
8. Basic If-Else statements in JavaScript | A Beginner's Guide to Node.js by DSC VIT
Переглядів 514 роки тому
8. Basic If-Else statements in JavaScript | A Beginner's Guide to Node.js by DSC VIT
15. Initialize a Node.js Project | A Beginner's Guide to Node.js by DSC VIT
Переглядів 1064 роки тому
15. Initialize a Node.js Project | A Beginner's Guide to Node.js by DSC VIT
21. Introduction to Databases | A Beginner's Guide to Node.js by DSC VIT
Переглядів 1834 роки тому
21. Introduction to Databases | A Beginner's Guide to Node.js by DSC VIT
1. NodeJs Course Introduction | A Beginner's Guide to Node.js by DSC VIT
Переглядів 2514 роки тому
1. NodeJs Course Introduction | A Beginner's Guide to Node.js by DSC VIT
13. Async Await in JavaScript | A Beginner's Guide to Node.js by DSC VIT
Переглядів 474 роки тому
13. Async Await in JavaScript | A Beginner's Guide to Node.js by DSC VIT
2. Introduction to Backend Development | A Beginner's Guide to Node.js by DSC VIT
Переглядів 1164 роки тому
2. Introduction to Backend Development | A Beginner's Guide to Node.js by DSC VIT
7. Basic Data Types in Javascript | A Beginner's Guide to Node.js by DSC VIT
Переглядів 694 роки тому
7. Basic Data Types in Javascript | A Beginner's Guide to Node.js by DSC VIT
25. Making An Authentication API - Login | A Beginner's Guide to Node.js by DSC VIT
Переглядів 574 роки тому
25. Making An Authentication API - Login | A Beginner's Guide to Node.js by DSC VIT
24. Making An Authentication API - Registration | A Beginner's Guide to Node.js by DSC VIT
Переглядів 644 роки тому
24. Making An Authentication API - Registration | A Beginner's Guide to Node.js by DSC VIT
11. Callbacks in JavaScript | A Beginner's Guide to Node.js by DSC VIT
Переглядів 484 роки тому
11. Callbacks in JavaScript | A Beginner's Guide to Node.js by DSC VIT
9. Basic Loop statements in JavaScript | A Beginner's Guide to Node.js by DSC VIT
Переглядів 204 роки тому
9. Basic Loop statements in JavaScript | A Beginner's Guide to Node.js by DSC VIT
19. Making our first REST API | A Beginner's Guide to Node.js by DSC VIT
Переглядів 544 роки тому
19. Making our first REST API | A Beginner's Guide to Node.js by DSC VIT
3. NodeJs Installation | A Beginner's Guide to Node.js by DSC VIT
Переглядів 834 роки тому
3. NodeJs Installation | A Beginner's Guide to Node.js by DSC VIT
14. module.exports in JavaScript | A Beginner's Guide to Node.js by DSC VIT
Переглядів 294 роки тому
14. module.exports in JavaScript | A Beginner's Guide to Node.js by DSC VIT
20. Building an API with POST and PATCH requests | A Beginner's Guide to Node.js by DSC VIT
Переглядів 3174 роки тому
20. Building an API with POST and PATCH requests | A Beginner's Guide to Node.js by DSC VIT
6. Postman Installation Guide | A Beginner's Guide to Node.js by DSC VIT
Переглядів 414 роки тому
6. Postman Installation Guide | A Beginner's Guide to Node.js by DSC VIT
5. Visual Studio Code Installation Guide | A Beginner's Guide to Node.js by DSC VIT
Переглядів 304 роки тому
5. Visual Studio Code Installation Guide | A Beginner's Guide to Node.js by DSC VIT
16. Creating a server using the http module | A Beginner's Guide to Node.js by DSC VIT
Переглядів 264 роки тому
16. Creating a server using the http module | A Beginner's Guide to Node.js by DSC VIT
17. Creating a Server using Express | A Beginner's Guide to Node.js by DSC VIT
Переглядів 714 роки тому
17. Creating a Server using Express | A Beginner's Guide to Node.js by DSC VIT
12. Promises in JavaScript | A Beginner's Guide to Node.js by DSC VIT
Переглядів 374 роки тому
12. Promises in JavaScript | A Beginner's Guide to Node.js by DSC VIT
🔥 THIS IS ABSOLUTELY INCREDIBLE! 🔥 I’ve watched a lot of videos, but THIS one took it to a whole new level! From the moment it started, I was completely hooked. The energy, the knowledge shared, the visuals-everything is top-notch! 🙌 It’s so rare to find content that keeps you both engaged and inspired throughout. HUGE kudos to everyone involved in putting this together! 💯 The attention to detail, the pacing, and the sheer amount of value packed in here are mind-blowing. I’m definitely sharing this with everyone I know because this is too good to miss! Can’t wait to see what you all have in store for future content! Keep it up, you’ve got a lifelong fan here! 👏👏👏
I really enjoyed the presentation. The way he spoke with such confidence and knowledge was very captivating. I really really hope I get to see more of him and as I don’t think I would be able to go longer without seeing him.(and also the plushies in background is soooo cuteeee 😍😍😍)Love ya all for doing this gdsc 🫶🫶.
The presentation is really great ..
I loved the host really hope he has more videos as time goes on loved those little plushies in the back
ikrrrr so cutee. I wanna see more of him
It was really an insightful session :)
I like how you explain
This already happened to me and took 1 day to solve now I'm downloading this video and saving it in my github forever
🤤 Promo*SM
Very helpful sid bro!!!
Btw I'm Arch Linux Kernel Maintainer ( Btw I too use Arch Linux)
I use arch btw too!
Fake 😂😂😂😂
Hi bro
For anyone who has at least installed Arch manually, fixing this kind of issue is a nobrainer and quite frankly just under 10 minutes.. now im not saying this isnt just for power users but its not like crashing during a windows update is sunshine and rainbows
or you could just use timeshift and create regular backups(i dont use arch tho so idk if that works on there)
What's the easy way to do this on non- Arch-based distros?
Well done
Rolling Release btw 😭
for those wondering what to add to @keyframes i made an example(experiment by changing values) @keyframes cubeRotate { 0% { transform: rotateY(0deg) rotateX(0deg); } 25% { transform: rotateY(-180deg) rotateX(-90deg); } 50% { transform: rotateY(-390deg) rotateX(-200deg); } 75% { transform: rotateY(-560deg) rotateX(-120deg); } 100% { transform: rotateY(-720deg) rotateX(0deg); } } however if you want to make it interactive with mouse i think (but not 100% certain) you will need to add javascript, add an eventlistener which determines what the cursor coordinates are with a timed loop that iterates very quickly and updates the css with dom manipulation accordingly.
Thanks Man
where fallback kernel kek
Sir need this present 💝
I have liked 600 🔥
please specify full code
<div class="contrast"> <div class="cubes"> <div class="cube"> <div class="face front">Front</div> <div class="face back">Back</div> <div class="face left">Left</div> <div class="face right">Right</div> <div class="face top">Top</div> <div class="face bottom">Bottom</div> </div> </div> </div> .contrast { width: 400px; height: 400px; display: flex; justify-content: center; align-items: center; perspective: 800px; } .cubes { position: relative; width: 200px; height: 200px; transform-style: preserve-3d; animation: cubeRotate 10s linear infinite; } @keyframes cubeRotate { 0% { transform: rotateY(0deg) rotateX(0deg); } 25% { transform: rotateY(-180deg) rotateX(-90deg); } 50% { transform: rotateY(-390deg) rotateX(-200deg); } 75% { transform: rotateY(-560deg) rotateX(-120deg); } 100% { transform: rotateY(-720deg) rotateX(0deg); } } .cubes .cube { position: absolute; width: 200px; height: 200px; transform-style: preserve-3d; } .cubes .face { position: absolute; width: 200px; height: 200px; opacity: 0.8; border: 2px solid white; font-size: 24px; display: flex; justify-content: center; align-items: center; } .front { background-color: hotpink; transform: translateZ(100px); } .back { background-color: rebeccapurple; transform: rotateY(180deg) translateZ(100px); } .left { background-color: seablue; transform: rotateY(-90deg) translateZ(100px); } .right { background-color: chocolate; transform: rotateY(90deg) translateZ(100px); } .top { background-color: orange; transform: rotateX(90deg) translateZ(100px); } .bottom { background-color: limegreen; transform: rotateX(-90deg) translateZ(100px); }
wtf, where is @keyframes cubeRotate code and where is .top code?
yeah
<div class="contrast"> <div class="cubes"> <div class="cube"> <div class="face front">Front</div> <div class="face back">Back</div> <div class="face left">Left</div> <div class="face right">Right</div> <div class="face top">Top</div> <div class="face bottom">Bottom</div> </div> </div> </div> .contrast { width: 400px; height: 400px; display: flex; justify-content: center; align-items: center; perspective: 800px; } .cubes { position: relative; width: 200px; height: 200px; transform-style: preserve-3d; animation: cubeRotate 10s linear infinite; } @keyframes cubeRotate { 0% { transform: rotateY(0deg) rotateX(0deg); } 25% { transform: rotateY(-180deg) rotateX(-90deg); } 50% { transform: rotateY(-390deg) rotateX(-200deg); } 75% { transform: rotateY(-560deg) rotateX(-120deg); } 100% { transform: rotateY(-720deg) rotateX(0deg); } } .cubes .cube { position: absolute; width: 200px; height: 200px; transform-style: preserve-3d; } .cubes .face { position: absolute; width: 200px; height: 200px; opacity: 0.8; border: 2px solid white; font-size: 24px; display: flex; justify-content: center; align-items: center; } .front { background-color: hotpink; transform: translateZ(100px); } .back { background-color: rebeccapurple; transform: rotateY(180deg) translateZ(100px); } .left { background-color: seablue; transform: rotateY(-90deg) translateZ(100px); } .right { background-color: chocolate; transform: rotateY(90deg) translateZ(100px); } .top { background-color: orange; transform: rotateX(90deg) translateZ(100px); } .bottom { background-color: limegreen; transform: rotateX(-90deg) translateZ(100px); }
<div class="contrast"> <div class="cubes"> <div class="cube"> <div class="face front">Front</div> <div class="face back">Back</div> <div class="face left">Left</div> <div class="face right">Right</div> <div class="face top">Top</div> <div class="face bottom">Bottom</div> </div> </div> </div> .contrast { width: 400px; height: 400px; display: flex; justify-content: center; align-items: center; perspective: 800px; } .cubes { position: relative; width: 200px; height: 200px; transform-style: preserve-3d; animation: cubeRotate 10s linear infinite; } @keyframes cubeRotate { 0% { transform: rotateY(0deg) rotateX(0deg); } 25% { transform: rotateY(-180deg) rotateX(-90deg); } 50% { transform: rotateY(-390deg) rotateX(-200deg); } 75% { transform: rotateY(-560deg) rotateX(-120deg); } 100% { transform: rotateY(-720deg) rotateX(0deg); } } .cubes .cube { position: absolute; width: 200px; height: 200px; transform-style: preserve-3d; } .cubes .face { position: absolute; width: 200px; height: 200px; opacity: 0.8; border: 2px solid white; font-size: 24px; display: flex; justify-content: center; align-items: center; } .front { background-color: hotpink; transform: translateZ(100px); } .back { background-color: rebeccapurple; transform: rotateY(180deg) translateZ(100px); } .left { background-color: seablue; transform: rotateY(-90deg) translateZ(100px); } .right { background-color: chocolate; transform: rotateY(90deg) translateZ(100px); } .top { background-color: orange; transform: rotateX(90deg) translateZ(100px); } .bottom { background-color: limegreen; transform: rotateX(-90deg) translateZ(100px); }@@stickanimator5952
on the beginning you sound like you're rapping with the music and all : )
Please. I Want To See a 3D Game Engine Written in Pure HTML Programming Language and I Want To See a 3D Game Engine Written in Pure CSS Programming Language
The issue here is that you can't really read user input without javascript (unless its hover/focus etc) Also, you can't reuse 3d models without using gpu code using webgl and gltf If you want to make something simpler, just using pure css or something like sass would get you as far as what anyone could create into a game engine ish thing with just html/css
Use it To Write a 3D Game Engine?
Application name ?
Done, finally I made this😁 Thank you
Mera ni hua🥲🥲🥲
speak in english indian guy
yeh try kaaro <div class="contrast"> <div class="cubes"> <div class="cube"> <div class="face front">Front</div> <div class="face back">Back</div> <div class="face left">Left</div> <div class="face right">Right</div> <div class="face top">Top</div> <div class="face bottom">Bottom</div> </div> </div> </div> .contrast { width: 400px; height: 400px; display: flex; justify-content: center; align-items: center; perspective: 800px; } .cubes { position: relative; width: 200px; height: 200px; transform-style: preserve-3d; animation: cubeRotate 10s linear infinite; } @keyframes cubeRotate { 0% { transform: rotateY(0deg) rotateX(0deg); } 25% { transform: rotateY(-180deg) rotateX(-90deg); } 50% { transform: rotateY(-390deg) rotateX(-200deg); } 75% { transform: rotateY(-560deg) rotateX(-120deg); } 100% { transform: rotateY(-720deg) rotateX(0deg); } } .cubes .cube { position: absolute; width: 200px; height: 200px; transform-style: preserve-3d; } .cubes .face { position: absolute; width: 200px; height: 200px; opacity: 0.8; border: 2px solid white; font-size: 24px; display: flex; justify-content: center; align-items: center; } .front { background-color: hotpink; transform: translateZ(100px); } .back { background-color: rebeccapurple; transform: rotateY(180deg) translateZ(100px); } .left { background-color: seablue; transform: rotateY(-90deg) translateZ(100px); } .right { background-color: chocolate; transform: rotateY(90deg) translateZ(100px); } .top { background-color: orange; transform: rotateX(90deg) translateZ(100px); } .bottom { background-color: limegreen; transform: rotateX(-90deg) translateZ(100px); }
Bhai canvaa nahi mila
Bro i dont use grub what should i do
Hello, I have an issue when structs does not automaticaly inported(how id does in your example). When you write structrs.Response for you it's automatically adding the github path to the file, but not in my case. I tried to import mannually but didn't succeded. What is the magic happening here and why can't I import structs package? Thanks
4:55
How can I get it if am not studying now
you can't
I sell educational mail for a reasonable price
@@ozuna6538 price??
I give education domain and card for github and other students benefit
You could ask for a discount im pretty sure
can you maybe swap, wrap or remove widget like in VS Code ctrl + " . " command
I don't use arch due to this reason
This will happen to any os, including windows, if it crashes during update. Ok maybe not fedora silverblue
I have no idea what he said
Good Explanation...
Not even 5 secs and all of the suden "i use arch btw"
nice tutorial bro thanks
awesome
One question. How do I give the name "screen4" to one of my views? If my file name is profile_screen.dart and its class is ProfileScreen.
very easy to understand. Thank you.
Nice
ky4uy6 ua-cam.com/play/PLatBUqXIPJGj7c_CsXA3X6WeCYjRcT1Hz.html
Where can I download them
Figma community
Thanks krish.. you saved my arch btw😂😀
Which is that theme?
Anshul is op
i want source code?