Image Carousel.html
2.6 KB
This Image Carousel is built with HTML, CSS, and JavaScript! π‘π»
Swipe through real images in style with smooth animations and seamless transitions. πβ¨ This mini project is perfect for beginners to learn how to:
β’ Work with flexbox for responsive layouts
β’ Add animations and transitions for a modern feel
β’ Use JavaScript to make your website interactive
If youβre just starting with web development, this carousel project will teach you essential skills that are the foundation for more advanced web apps! π
Swipe through real images in style with smooth animations and seamless transitions. πβ¨ This mini project is perfect for beginners to learn how to:
β’ Work with flexbox for responsive layouts
β’ Add animations and transitions for a modern feel
β’ Use JavaScript to make your website interactive
If youβre just starting with web development, this carousel project will teach you essential skills that are the foundation for more advanced web apps! π
π7β€4
bgAnimation.html
2.3 KB
This Background Change Animation is built with HTML, CSS, and JavaScript! π¨π»
Watch how the background smoothly transitions between stunning images with a simple yet elegant animation. πβ¨ This mini project is perfect for beginners to learn how to:
β’ Use CSS transitions to create smooth animations
β’ Work with JavaScript to dynamically change content
β’ Combine both to create visually engaging web experiences
If youβre new to web development, this project will help you grasp key concepts that will set the stage for building more interactive and visually appealing web pages! π
Watch how the background smoothly transitions between stunning images with a simple yet elegant animation. πβ¨ This mini project is perfect for beginners to learn how to:
β’ Use CSS transitions to create smooth animations
β’ Work with JavaScript to dynamically change content
β’ Combine both to create visually engaging web experiences
If youβre new to web development, this project will help you grasp key concepts that will set the stage for building more interactive and visually appealing web pages! π
π9π₯5
Hey Everyone,
If anyone is interested in live Javascript sessions
Please fill this form
https://forms.gle/XsKgR8d87QR844yMA
If anyone is interested in live Javascript sessions
Please fill this form
https://forms.gle/XsKgR8d87QR844yMA
Google Docs
DeCodeDev - JavaScript Live Session
Welcome to de.code.dev, where coding meets creativity!
Join our immersive JavaScript live classes and learn everything you need to become job ready. Whether you're just starting or advancing, we'll guide you through real-world projects, ensuring you masterβ¦
Join our immersive JavaScript live classes and learn everything you need to become job ready. Whether you're just starting or advancing, we'll guide you through real-world projects, ensuring you masterβ¦
π₯3β€2π2
randomColor.html
2.4 KB
This Interactive Random Color Generator is built with HTML, CSS, and JavaScript! π¨π»
Watch how the layout stays perfectly centered as JavaScript dynamically generates random colors, which you can easily copy with just one click! πβ¨ This mini project is perfect for beginners to learn how to:
β’ Use CSS Flexbox for centering and creating responsive layouts
β’ Work with JavaScript to generate random colors and manipulate the DOM
β’ Leverage the Clipboard API to copy the generated color code with ease
Watch how the layout stays perfectly centered as JavaScript dynamically generates random colors, which you can easily copy with just one click! πβ¨ This mini project is perfect for beginners to learn how to:
β’ Use CSS Flexbox for centering and creating responsive layouts
β’ Work with JavaScript to generate random colors and manipulate the DOM
β’ Leverage the Clipboard API to copy the generated color code with ease
π9β€4
Hi Coders,
Today we will start with the first session of JavaScript Live Session.
We will be covering these below pointsπ
β’ Basic web development
β’ Introduction of JavaScript
β’ DOM Manipulation
Weβll be live on Zoom at 9:30 PM IST, so make sure to join us using the link below:
https://us05web.zoom.us/j/83239275708?pwd=8F1rqnstLbhUj80OPjeWGWcDO1FXIR.1
If you have any questions, feel free to ask during the session!
Looking forward to seeing you there!
- DeCodeDev
οΏΌ
Today we will start with the first session of JavaScript Live Session.
We will be covering these below pointsπ
β’ Basic web development
β’ Introduction of JavaScript
β’ DOM Manipulation
Weβll be live on Zoom at 9:30 PM IST, so make sure to join us using the link below:
https://us05web.zoom.us/j/83239275708?pwd=8F1rqnstLbhUj80OPjeWGWcDO1FXIR.1
If you have any questions, feel free to ask during the session!
Looking forward to seeing you there!
- DeCodeDev
οΏΌ
Zoom Video
Join our Cloud HD Video Meeting
Zoom is the leader in modern enterprise video communications, with an easy, reliable cloud platform for video and audio conferencing, chat, and webinars across mobile, desktop, and room systems. Zoom Rooms is the original software-based conference room solutionβ¦
π4β€3
Mind Blowing𫨠3D Rotating Gallery to Elevate Your Images! | HTML & CSS Tutorial
https://youtu.be/wgmjFchQMms?si=1I0IjA9ixxRjKrhh
Please do a favour - Do like and subscribe to our YouTube channel
π€
https://youtu.be/wgmjFchQMms?si=1I0IjA9ixxRjKrhh
Please do a favour - Do like and subscribe to our YouTube channel
π€
YouTube
Mind Blowing𫨠3D Rotating Gallery to Elevate Your Images! | HTML & CSS Tutorial
Take your web design skills to the next level with this mind-blowing 3D rotating gallery! π In this tutorial, weβll dive deep into HTML and CSS to create a stunning 3D image gallery that will elevate your images and add a unique, interactive element to yourβ¦
π11
5 Advance Project YouTube Links
1. Real-Time Collaboration Tool (Like Google Docs) - https://www.youtube.com/watch?v=jOv8jb6rCU0
2. Full-Stack E-commerce Platform - https://www.youtube.com/watch?v=S6Yd5cPtXr4&list=PL0g02APOH8okXhOQLOLcB_nifs1U41im5
3. Custom JavaScript Framework/Library - https://www.youtube.com/watch?v=sZQEa13r22I
4. Progressive Web App (PWA) with Offline Functionality - https://www.youtube.com/watch?v=BByUknfLTuA&list=PLlrxD0HtieHjqO1pNqScMngrV7oFro-TY
5. AI-Powered Chatbot - https://www.youtube.com/watch?v=Ka8GoIUhM3g
Please react to this post for more contentπ²β€οΈ
1. Real-Time Collaboration Tool (Like Google Docs) - https://www.youtube.com/watch?v=jOv8jb6rCU0
2. Full-Stack E-commerce Platform - https://www.youtube.com/watch?v=S6Yd5cPtXr4&list=PL0g02APOH8okXhOQLOLcB_nifs1U41im5
3. Custom JavaScript Framework/Library - https://www.youtube.com/watch?v=sZQEa13r22I
4. Progressive Web App (PWA) with Offline Functionality - https://www.youtube.com/watch?v=BByUknfLTuA&list=PLlrxD0HtieHjqO1pNqScMngrV7oFro-TY
5. AI-Powered Chatbot - https://www.youtube.com/watch?v=Ka8GoIUhM3g
Please react to this post for more contentπ²β€οΈ
YouTube
Build Real-time code editor using React, Node Js, Web sockets π₯π₯π ( Hindi )
Reserve your spot in Backend Foundation Live Batch:
Use coupon code: EARLY_BIRD
https://learn-backend.now
Master Full-Stack Engineering! From frontend to backend, build job-ready skills fast.
Enroll now: https://codersgyan.com/c/fullstack-js-engineer
β¦
Use coupon code: EARLY_BIRD
https://learn-backend.now
Master Full-Stack Engineering! From frontend to backend, build job-ready skills fast.
Enroll now: https://codersgyan.com/c/fullstack-js-engineer
β¦
π9β€6π₯2π1
π Top 25 Global Companies & Their Official Websites
1. JPMorgan Chase & Co.
π https://www.jpmorganchase.com
2. Amazon
π https://www.amazon.com
3. Wells Fargo
π https://www.wellsfargo.com
4. Deloitte
π https://www.deloitte.com/global/en.html
5. PwC (PricewaterhouseCoopers)
π https://www.pwc.com/us/en.html
6. UnitedHealth Group
π https://www.unitedhealthgroup.com
7. AT&T
π https://www.att.com
8. Verizon
π https://www.verizon.com
9. Moderna
π https://www.modernatx.com/en-US
10. Alphabet Inc.
π https://abc.xyz
11. General Motors
π https://www.gm.com
12. Bank of America
π https://www.bankofamerica.com
13. Mastercard
π https://www.mastercard.us/en-us.html
14. Capital One
π https://www.capitalone.com
15. Northrop Grumman
π https://www.northropgrumman.com
16. Elevance Health
π https://www.elevancehealth.com
17. Procter & Gamble
π https://us.pg.com
18. EY (Ernst & Young)
π https://www.ey.com
19. Siemens
π https://www.siemens.com
20. Schneider Electric
π https://www.se.com
21. Hitachi
π https://www.hitachi.com
22. Michelin
π https://www.michelin.com
23. Takeda
π https://www.takeda.com
24. Airbus
π https://www.airbus.com
25. SAP
π https://www.sap.com
1. JPMorgan Chase & Co.
π https://www.jpmorganchase.com
2. Amazon
π https://www.amazon.com
3. Wells Fargo
π https://www.wellsfargo.com
4. Deloitte
π https://www.deloitte.com/global/en.html
5. PwC (PricewaterhouseCoopers)
π https://www.pwc.com/us/en.html
6. UnitedHealth Group
π https://www.unitedhealthgroup.com
7. AT&T
π https://www.att.com
8. Verizon
π https://www.verizon.com
9. Moderna
π https://www.modernatx.com/en-US
10. Alphabet Inc.
π https://abc.xyz
11. General Motors
π https://www.gm.com
12. Bank of America
π https://www.bankofamerica.com
13. Mastercard
π https://www.mastercard.us/en-us.html
14. Capital One
π https://www.capitalone.com
15. Northrop Grumman
π https://www.northropgrumman.com
16. Elevance Health
π https://www.elevancehealth.com
17. Procter & Gamble
π https://us.pg.com
18. EY (Ernst & Young)
π https://www.ey.com
19. Siemens
π https://www.siemens.com
20. Schneider Electric
π https://www.se.com
21. Hitachi
π https://www.hitachi.com
22. Michelin
π https://www.michelin.com
23. Takeda
π https://www.takeda.com
24. Airbus
π https://www.airbus.com
25. SAP
π https://www.sap.com
Amazon
Amazon.com. Spend less. Smile more.
Free shipping on millions of items. Get the best of Shopping and Entertainment with Prime. Enjoy low prices and great deals on the largest selection of everyday essentials and other products, including fashion, home, beauty, electronics, Alexa Devices, sportingβ¦
β€5π3
Hi everyone, our website is now live! Please check it out at https://www.decodedev.in and share any feedback or suggestions.
DecodeDev
DecodeDev - Your Path to Tech Success
Comprehensive resources for interview preparation, learning materials, and job opportunities in technology. Start your journey to success with DecodeDev.
β€2
https://youtu.be/BGYmLY0xCZQ?si=fhWXFcMRSXLxcZVb
We'll be rolling out a series of videos that dive deep into essential JavaScript interview topics. Stay tuned to level up your skills and boost your interview prep! βοΈ
We'll be rolling out a series of videos that dive deep into essential JavaScript interview topics. Stay tuned to level up your skills and boost your interview prep! βοΈ
YouTube
let, var and const keyword in Javascript #html #coding #frontend
π§ let vs var vs const in JavaScript | Explained with Examples
Confused about when to use let, var, or const in JavaScript? π€―
In this video, I break down the key differences, scoping rules, and common interview questions related to these three keywords.
β¦
Confused about when to use let, var, or const in JavaScript? π€―
In this video, I break down the key differences, scoping rules, and common interview questions related to these three keywords.
β¦
Learn for Free β Useful Links
HTML β https://html.com
CSS β https://web.dev/learn/css
JavaScript β https://javascript.info
React β https://reactplay.io
Vue β https://learnvue.co
Angular β https://angular.dev/tutorials
Git β https://git-scm.com/book
Web3 β https://learnweb3.io
Python β https://www.learnpython.org
SQL β https://www.w3schools.com/sql
Blockchain β https://cryptozombies.io
Next.js β https://nextjs.org/learn
AI (Basics) β https://www.elementsofai.com
PHP β https://phptherightway.com
API β https://rapidapi.com/learn
Go β https://www.learn-golang.org
Rust β https://www.rust-lang.org/learn
Design Patterns β https://refactoring.guru
TypeScript β https://www.typescriptlang.org/docs
C++ β https://cplusplus.com/doc/tutorial
Java β https://docs.oracle.com/javase/tutorial
C# β https://dotnet.microsoft.com/learn/csharp
Swift β https://swift.org/learn
Django β https://www.djangoproject.com/start
Flask β https://flask.palletsprojects.com/tutorial
Docker β https://www.docker.com/get-started
Kubernetes β https://kubernetes.io/docs/tutorials
Linux β https://linuxjourney.com
Cybersecurity β https://tryhackme.com
DevOps β https://roadmap.sh/devops
Cloud (AWS) β https://aws.amazon.com/training
Cloud (GCP) β https://www.cloudskillsboost.google
Cloud (Azure) β https://learn.microsoft.com/azure
HTML β https://html.com
CSS β https://web.dev/learn/css
JavaScript β https://javascript.info
React β https://reactplay.io
Vue β https://learnvue.co
Angular β https://angular.dev/tutorials
Git β https://git-scm.com/book
Web3 β https://learnweb3.io
Python β https://www.learnpython.org
SQL β https://www.w3schools.com/sql
Blockchain β https://cryptozombies.io
Next.js β https://nextjs.org/learn
AI (Basics) β https://www.elementsofai.com
PHP β https://phptherightway.com
API β https://rapidapi.com/learn
Go β https://www.learn-golang.org
Rust β https://www.rust-lang.org/learn
Design Patterns β https://refactoring.guru
TypeScript β https://www.typescriptlang.org/docs
C++ β https://cplusplus.com/doc/tutorial
Java β https://docs.oracle.com/javase/tutorial
C# β https://dotnet.microsoft.com/learn/csharp
Swift β https://swift.org/learn
Django β https://www.djangoproject.com/start
Flask β https://flask.palletsprojects.com/tutorial
Docker β https://www.docker.com/get-started
Kubernetes β https://kubernetes.io/docs/tutorials
Linux β https://linuxjourney.com
Cybersecurity β https://tryhackme.com
DevOps β https://roadmap.sh/devops
Cloud (AWS) β https://aws.amazon.com/training
Cloud (GCP) β https://www.cloudskillsboost.google
Cloud (Azure) β https://learn.microsoft.com/azure
Html
Home
Learn how to code HTML & CSS for free at HTML.com. We've HTML tutorials & reference guides on tags, attributes and everything else you need to master HTML.
β€13π2
Some YouTube tutorials to help you build these projects:
1. Real-time Collaboration App (Google Docs Clone)
β’ How To Build A Google Docs Clone With React, Socket.io, and MongoDB
β’ Channel: Web Dev Simplified
β’ Link: https://www.youtube.com/watch?v=iRaelG7v0OU
β’ Build a Real-Time Google Docs Clone With Next 15, React, Tailwind (2024)
β’ Channel: Code With Antonio
β’ Link: https://www.youtube.com/watch?v=gq2bbDmSokU
2. Full Stack E-commerce Web App (Using React)
β’ Create Full Stack E-commerce Website Using React JS | MERN Stack
β’ Channel: GreatStack
β’ Link: https://www.youtube.com/watch?v=7E6um7NGmeE
β’ Build and Deploy a Modern Full Stack ECommerce React Application with Stripe
β’ Channel: JavaScript Mastery
β’ Link: https://www.youtube.com/watch?v=4mOkFXyxfsU
3. Custom JS Library
β’ How to Create Your Own JavaScript Library with Modules (Import/Export)
β’ Channel: dcode
β’ Link: https://www.youtube.com/watch?v=sZQEa13r22I
4. Progressive Web App (PWA) with Offline Functionality
β’ Progressive Web Apps in 100 Seconds // Build a PWA from Scratch
β’ Channel: Fireship
β’ Link: https://www.youtube.com/watch?v=sFsRylCQblw
β’ PWA Tutorial for Beginners #14 - Offline Mode Explained
β’ Channel: Net Ninja
β’ Link: https://www.youtube.com/watch?v=Vz1D28zshaI
5. AI Powered Chatbot
β’ How to Create an AI Chatbot β Full Tutorial for Beginners
β’ Channel: AI Master
β’ Link: https://www.youtube.com/watch?v=yBa3od-Z330
β’ Build a Large Language Model AI Chatbot using Retrieval Augmented Generation
β’ Channel: IBM Technology
β’ Link: https://www.youtube.com/watch?v=XctooiH0moI
1. Real-time Collaboration App (Google Docs Clone)
β’ How To Build A Google Docs Clone With React, Socket.io, and MongoDB
β’ Channel: Web Dev Simplified
β’ Link: https://www.youtube.com/watch?v=iRaelG7v0OU
β’ Build a Real-Time Google Docs Clone With Next 15, React, Tailwind (2024)
β’ Channel: Code With Antonio
β’ Link: https://www.youtube.com/watch?v=gq2bbDmSokU
2. Full Stack E-commerce Web App (Using React)
β’ Create Full Stack E-commerce Website Using React JS | MERN Stack
β’ Channel: GreatStack
β’ Link: https://www.youtube.com/watch?v=7E6um7NGmeE
β’ Build and Deploy a Modern Full Stack ECommerce React Application with Stripe
β’ Channel: JavaScript Mastery
β’ Link: https://www.youtube.com/watch?v=4mOkFXyxfsU
3. Custom JS Library
β’ How to Create Your Own JavaScript Library with Modules (Import/Export)
β’ Channel: dcode
β’ Link: https://www.youtube.com/watch?v=sZQEa13r22I
4. Progressive Web App (PWA) with Offline Functionality
β’ Progressive Web Apps in 100 Seconds // Build a PWA from Scratch
β’ Channel: Fireship
β’ Link: https://www.youtube.com/watch?v=sFsRylCQblw
β’ PWA Tutorial for Beginners #14 - Offline Mode Explained
β’ Channel: Net Ninja
β’ Link: https://www.youtube.com/watch?v=Vz1D28zshaI
5. AI Powered Chatbot
β’ How to Create an AI Chatbot β Full Tutorial for Beginners
β’ Channel: AI Master
β’ Link: https://www.youtube.com/watch?v=yBa3od-Z330
β’ Build a Large Language Model AI Chatbot using Retrieval Augmented Generation
β’ Channel: IBM Technology
β’ Link: https://www.youtube.com/watch?v=XctooiH0moI
YouTube
How To Build A Google Docs Clone With React, Socket.io, and MongoDB
Hostinger: https://www.hostinger.com/webdevsimplified
Use coupon WEBDEVSIMPLIFIED for 10% off an yearly plan.
Google docs revolutionized word documents with its collaborative features, but actually creating your own Google docs is not that hard. In thisβ¦
Use coupon WEBDEVSIMPLIFIED for 10% off an yearly plan.
Google docs revolutionized word documents with its collaborative features, but actually creating your own Google docs is not that hard. In thisβ¦
β€4π₯2
Free Certifications β‘οΈ β‘οΈ
1/ Google Certifications: https://developers.google.com/certification
2/ PayPal (Technical Compliance / PCI): https://www.paypal.com/in/webapps/mpp/pci-compliance
3/ Deloitte Academy (Learning & Certifications): https://www.deloitte.com/cy/en/services/deloitte-academy.html
4/ Oracle Certifications: https://academy.oracle.com/en/resources-oracle-certifications.html
5/ IBM Certifications: https://www.pearsonvue.com/us/en/ibm.html
6/ Meta Certifications: https://www.facebook.com/business/learn/certification
7/ Microsoft: https://learn.microsoft.com/en-us/shows/intro-to-python-development/
1/ Google Certifications: https://developers.google.com/certification
2/ PayPal (Technical Compliance / PCI): https://www.paypal.com/in/webapps/mpp/pci-compliance
3/ Deloitte Academy (Learning & Certifications): https://www.deloitte.com/cy/en/services/deloitte-academy.html
4/ Oracle Certifications: https://academy.oracle.com/en/resources-oracle-certifications.html
5/ IBM Certifications: https://www.pearsonvue.com/us/en/ibm.html
6/ Meta Certifications: https://www.facebook.com/business/learn/certification
7/ Microsoft: https://learn.microsoft.com/en-us/shows/intro-to-python-development/
Google for Developers
Google Developers Certification | Google for Developers
Take a certification exam to gain recognition for your skills as a developer.
π₯1
π Best YouTube Channels to Learn Tech Skills
Cybersecurity
John Hammond - https://www.youtube.com/@_JohnHammond
Networking
David Bombal - https://www.youtube.com/@davidbombal
Python
Code With Harry - https://www.youtube.com/@CodeWithHarry
React
Codevolution - https://www.youtube.com/@Codevolution
UI/UX
GFXMentor - https://www.youtube.com/@GFXMentor
JavaScript
Traversy Media - https://www.youtube.com/@TraversyMedia
Java
Kunal Kushwaha - https://www.youtube.com/@KunalKushwaha
DevOps
Techworld With Nana - https://www.youtube.com/@TechWorldwithNana
Blockchain
Telusko - https://www.youtube.com/@Telusko
AI/ML
Krish Naik - https://www.youtube.com/@krishnaik06
Web Development
Traversy Media - https://www.youtube.com/@TraversyMedia
AWS
Code With Harry - https://www.youtube.com/@CodeWithHarry
SQL
Programming With Mosh - https://www.youtube.com/@programmingwithmosh
DBMS
Edureka - https://www.youtube.com/@edurekaIN
Cybersecurity
John Hammond - https://www.youtube.com/@_JohnHammond
Networking
David Bombal - https://www.youtube.com/@davidbombal
Python
Code With Harry - https://www.youtube.com/@CodeWithHarry
React
Codevolution - https://www.youtube.com/@Codevolution
UI/UX
GFXMentor - https://www.youtube.com/@GFXMentor
JavaScript
Traversy Media - https://www.youtube.com/@TraversyMedia
Java
Kunal Kushwaha - https://www.youtube.com/@KunalKushwaha
DevOps
Techworld With Nana - https://www.youtube.com/@TechWorldwithNana
Blockchain
Telusko - https://www.youtube.com/@Telusko
AI/ML
Krish Naik - https://www.youtube.com/@krishnaik06
Web Development
Traversy Media - https://www.youtube.com/@TraversyMedia
AWS
Code With Harry - https://www.youtube.com/@CodeWithHarry
SQL
Programming With Mosh - https://www.youtube.com/@programmingwithmosh
DBMS
Edureka - https://www.youtube.com/@edurekaIN
β€3
https://acchou.github.io/html-css-cheat-sheet/html-css-cheat-sheet.html#html
This website contains examples of HTML and CSS, including animations π₯π₯
Great resource for frontend developers! βοΈ
Please react to this postβ€οΈ
This website contains examples of HTML and CSS, including animations π₯π₯
Great resource for frontend developers! βοΈ
Please react to this postβ€οΈ
β€13