๐ Best Websites for Practicing Frontend Development ๐ปโจ
1. JavaScript 30: Build 30 projects in 30 days with vanilla JS! ๐ ๏ธ
https://javascript30.com/
2. Frontend Mentor: Tackle frontend coding challenges. ๐ง๐จโ๐ป
https://www.frontendmentor.io/
3. CSSBattle: Compete and level up your CSS skills! ๐ฏ๐ฅ
https://cssbattle.dev/
4. devChallenges.io: Work on real-world projects like a pro! ๐๏ธ๐งโ๐ป
https://devchallenges.io/
5. FreeCodeCamp: Learn to code for free and build your dream projects! ๐๐ป
https://www.freecodecamp.org/
These resources are perfect for levelling up your frontend skills through hands-on practice! ๐ชโจ
Please react to this post โค๏ธ
1. JavaScript 30: Build 30 projects in 30 days with vanilla JS! ๐ ๏ธ
https://javascript30.com/
2. Frontend Mentor: Tackle frontend coding challenges. ๐ง๐จโ๐ป
https://www.frontendmentor.io/
3. CSSBattle: Compete and level up your CSS skills! ๐ฏ๐ฅ
https://cssbattle.dev/
4. devChallenges.io: Work on real-world projects like a pro! ๐๏ธ๐งโ๐ป
https://devchallenges.io/
5. FreeCodeCamp: Learn to code for free and build your dream projects! ๐๐ป
https://www.freecodecamp.org/
These resources are perfect for levelling up your frontend skills through hands-on practice! ๐ชโจ
Please react to this post โค๏ธ
JavaScript 30
Build 30 things with vanilla JS in 30 days with 30 tutorials
๐28โค8๐ฅ8๐2
List of companies that Hires Freshers frequently ๐๐
1. Service-Based Companies
1. TCS (Tata Consultancy Services)
https://www.tcs.com/careers
2. Infosys
https://www.infosys.com/careers
3. Wipro
https://careers.wipro.com
4. Cognizant
https://careers.cognizant.com/global/en
5. Capgemini
https://www.capgemini.com/careers
6. Tech Mahindra
https://careers.techmahindra.com
7. HCL Technologies
https://www.hcltech.com/careers
8. Accenture
https://www.accenture.com/us-en/careers
9. IBM
https://www.ibm.com/employment
10. Mindtree
https://www.mindtree.com/careers
2. Product-Based Companies
1. Google
https://careers.google.com
2. Microsoft
https://careers.microsoft.com
3. Amazon
https://www.amazon.jobs
4. Flipkart
https://www.flipkartcareers.com
5. Myntra
https://careers.myntra.com
6. Snapdeal
https://careers.snapdeal.com
7. Paytm Mall
https://paytm.com/about-us/careers
8. BigBasket
https://www.bigbasket.com/careers
9. Meesho
https://meesho.io/careers
10. Swiggy
https://careers.swiggy.com
11. Zomato
https://www.zomato.com/careers
12. Nykaa
https://www.nykaa.com/careers
13. Lenskart
https://www.lenskart.com/careers
14. AJIO
https://www.ajio.com/careers
15. Pepperfry
https://www.pepperfry.com/careers.html
3. Fintech Companies
1. Paytm
https://paytm.com/about-us/careers
2. Razorpay
https://razorpay.com/careers
3. PhonePe
https://www.phonepe.com/careers
4. CRED
https://careers.cred.club
5. Pine Labs
https://www.pinelabs.com/careers
6. MobiKwik
https://www.mobikwik.com/jobs
7. PolicyBazaar
https://www.policybazaar.com/careers
8. Zerodha
https://zerodha.com/careers
9. Groww
https://groww.skillate.com
10. Cashfree Payments
https://www.cashfree.com/careers
11. Capital Float
https://capitalfloat.com/careers
12. Lendingkart
https://lendingkart.com/careers
13. ETMoney
https://www.etmoney.com/careers
14. Khatabook
https://khatabook.zohorecruit.com/jobs/Careers
15. Jupiter
https://jupiter.money/careers
4. Big 4 (Consulting Firms)
1. Deloitte
https://www2.deloitte.com/global/en/careers
2. PwC (PricewaterhouseCoopers)
https://www.pwc.com/gx/en/careers.html
3. EY (Ernst & Young)
https://www.ey.com/en_gl/careers
4. KPMG
https://home.kpmg/xx/en/home/careers
5. Financial Services Companies
1. Marsh McLennan
https://careers.marshmclennan.com
2. AON
https://www.aon.com/careers
3. JP Morgan
https://careers.jpmorgan.com
Please React to this post ๐ฅ
1. Service-Based Companies
1. TCS (Tata Consultancy Services)
https://www.tcs.com/careers
2. Infosys
https://www.infosys.com/careers
3. Wipro
https://careers.wipro.com
4. Cognizant
https://careers.cognizant.com/global/en
5. Capgemini
https://www.capgemini.com/careers
6. Tech Mahindra
https://careers.techmahindra.com
7. HCL Technologies
https://www.hcltech.com/careers
8. Accenture
https://www.accenture.com/us-en/careers
9. IBM
https://www.ibm.com/employment
10. Mindtree
https://www.mindtree.com/careers
2. Product-Based Companies
1. Google
https://careers.google.com
2. Microsoft
https://careers.microsoft.com
3. Amazon
https://www.amazon.jobs
4. Flipkart
https://www.flipkartcareers.com
5. Myntra
https://careers.myntra.com
6. Snapdeal
https://careers.snapdeal.com
7. Paytm Mall
https://paytm.com/about-us/careers
8. BigBasket
https://www.bigbasket.com/careers
9. Meesho
https://meesho.io/careers
10. Swiggy
https://careers.swiggy.com
11. Zomato
https://www.zomato.com/careers
12. Nykaa
https://www.nykaa.com/careers
13. Lenskart
https://www.lenskart.com/careers
14. AJIO
https://www.ajio.com/careers
15. Pepperfry
https://www.pepperfry.com/careers.html
3. Fintech Companies
1. Paytm
https://paytm.com/about-us/careers
2. Razorpay
https://razorpay.com/careers
3. PhonePe
https://www.phonepe.com/careers
4. CRED
https://careers.cred.club
5. Pine Labs
https://www.pinelabs.com/careers
6. MobiKwik
https://www.mobikwik.com/jobs
7. PolicyBazaar
https://www.policybazaar.com/careers
8. Zerodha
https://zerodha.com/careers
9. Groww
https://groww.skillate.com
10. Cashfree Payments
https://www.cashfree.com/careers
11. Capital Float
https://capitalfloat.com/careers
12. Lendingkart
https://lendingkart.com/careers
13. ETMoney
https://www.etmoney.com/careers
14. Khatabook
https://khatabook.zohorecruit.com/jobs/Careers
15. Jupiter
https://jupiter.money/careers
4. Big 4 (Consulting Firms)
1. Deloitte
https://www2.deloitte.com/global/en/careers
2. PwC (PricewaterhouseCoopers)
https://www.pwc.com/gx/en/careers.html
3. EY (Ernst & Young)
https://www.ey.com/en_gl/careers
4. KPMG
https://home.kpmg/xx/en/home/careers
5. Financial Services Companies
1. Marsh McLennan
https://careers.marshmclennan.com
2. AON
https://www.aon.com/careers
3. JP Morgan
https://careers.jpmorgan.com
Please React to this post ๐ฅ
Tcs
TCS Careers: Find Active Job Vacancy and Build Your Future
Looking for a TCS job vacancy? Explore TCS careers to find active hiring and recruitment opportunities across diverse industries, locations, and technologies
๐ฅ22๐19โค6๐1
responsive.html
3 KB
HTML Responsive Layout using CSS Grid ๐ฒ
Boost your web dev skills๐งโ๐ป
Please React to this postโค๏ธ
Boost your web dev skills๐งโ๐ป
Please React to this postโค๏ธ
โค11๐ฅ10๐4
Learn HTML CSS & JS by playing games๐ฎ
Here is the list of Games๐๐ป
1. CSS Diner๐
https://flukeout.github.io/
1. Flexbox Froggy๐
https://flexboxfroggy.com/
1. Flexbox Defense๐
http://www.flexboxdefense.com/
1. Untrusted๐
https://alexnisnevich.github.io/untrusted/
1. CodeMonkey๐
https://www.codemonkey.com/
1. CodinGame๐
https://www.codingame.com/start/
โค๏ธKeep Coding buddy๐ฅ
Here is the list of Games๐๐ป
1. CSS Diner๐
https://flukeout.github.io/
1. Flexbox Froggy๐
https://flexboxfroggy.com/
1. Flexbox Defense๐
http://www.flexboxdefense.com/
1. Untrusted๐
https://alexnisnevich.github.io/untrusted/
1. CodeMonkey๐
https://www.codemonkey.com/
1. CodinGame๐
https://www.codingame.com/start/
โค๏ธKeep Coding buddy๐ฅ
๐21โค6
Light Animation.mp4
1.6 MB
Light Animation HTML CSS zip file ๐
Please react to this post โค๏ธ๐ค
Please react to this post โค๏ธ๐ค
๐10โค6
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