โจ๏ธ HTML & CSS Practices to avoid as Developer
๐2
๐
HTML Form Input Types
The <input> HTML element is used to create interactive controls for web-based forms to accept data from the user. A wide variety of input data types and control widgets are available, depending on the device and user agent. The <input> element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes.
๐1
๐ Java & Java with DSA Courses ๐
๐ Python & Python with DSA ๐
๐ต C++ & C++ with DSA ๐
๐ Web Development ๐
๐ Database & SQL ๐
๐ค Data Science & Machine Learning ๐
๐ Other Courses ๐
๐๐ฅ Unlock Your Future with 200+ Popular Courses! ๐ฅ๐
๐๐ก Ready to elevate your skills and idea? Discover over 200 in-demand courses just for you! ๐โจ
๐๐ Whether you're looking to upskill or explore something new, we've got you covered!
๐ DM us at @Myhurthearts to learn more! ๐โจ Don't miss out on this chance to invest in yourself! ๐๐
๐ CORE JAVA: NareshIT | Kishan Sir
๐ฅ ADVANCED JAVA: Venkatesh Mansani
๐ฅ๏ธ SPRING BOOT: NareshIT | Kishan Sir
โ๏ธ JAVA DSA: DurgaSoft
โญ Sigma 5.0 Batch: Apna College
๐ CORE JAVA: Hari Krishna Sir | Naresh IT
๐ป JAVA FULL STACK COURSE
๐ Spring boot by Sanket singh
๐ Spring boot by Anuj bhaiya
๐ PW java with dsa course
๐ฑ Scaler java with dsa course
๐ Java with DSA by Ashok IT
๐คก ALPHA 4.0 Java with dsa by apna college
๐ Python & Python with DSA ๐
๐ Adul Bari Python
๐ฅ๏ธ PYTHON FULL STACK: KV Rao 2024
โ๏ธ PYTHON DSA: DurgaSoft
๐ KRISH NAIK Python Course
๐ต C++ & C++ with DSA
๐คก Naresh IT python full stack course
๐ญ PW PYTHON DSA COURSE
๐ Ineuron python course
๐ต C++ & C++ with DSA ๐
๐ก ALPHA DSA C++ by apna college
๐ PW C++ DSA
๐ฅ Love Babbar Supreme Batch
๐ DSA Abdul Bari
๐คก
๐ Web Development ๐
๐จ PW Skills Web Development
โญ Delta 5.0 Batch: Apna College
๐ป DOT Batch: Love Babbar
๐ Namaste React
๐ Namaste JavaScript
โ๏ธ Namaste NodeJs
๐ Cohort 3.0: Web + DevOps
๐ง Full Stack Web Development: Naresh IT & DurgaSoft
๐ Sanket Singh Full Stack Web Development
๐ NodeJS: Sanket Singh
๐ MERN Stack: Anuj Bhaiya
๐ฅ๏ธ PHP: Ram Sir
๐จ Frontend Development: IIT Madras
๐ Almabetter Full Stack Web Development Course
โก ASHOK IT Node JS
โญ UI Full Stack: Sudhakar Sharma | Naresh IT
๐ฅ Sherians Frontend Course
๐คก Hitesh chaudhary web development course
๐ข Ineuron full stack web development
๐ Mern stack sanket singh
๐คก Backend by sanket singh
๐ฑ Web development 50+ Project
๐ Database & SQL ๐
๐ MongoDB: Durga Sir
โญ Namaste SQL: Akshay Saini
๐ฅ๏ธ SQL: DurgaSoft & Naresh IT
๐ง ORACLE
๐ค Data Science & Machine Learning ๐
๐ PW Skills Data Science Course๐ ๏ธ DevOps & Azure ๐
๐ iNeuron Complete Data Science
๐ Data Science Master 2.0
๐ Data Science: IIT Madras
โ๏ธ MLOps Course: Naresh IT
๐ Code with harry data science
๐ข Naresh IT data science
๐คก Pw data analytics course
โก Full DevOps Course: Tech Nana
โญ Hey DevOps 5.0
๐ง Ashok IT DevOps
๐ MS Azure DevOps Course
๐ Azure Data Engineering: Gareth | Naresh IT
โ๏ธ Azure Cloud Mastery
๐ DevOps with AWS
๐ญ Ineuron devops course
๐ Train with shubham devops course
๐ง Git for DevOps: DurgaSoft
๐คก Mithun technology devops course
๐ Other Courses ๐
โ๏ธ Google Cloud Platform: Mr. Saidul
๐ ASP.NET: Bangar Raju | Naresh IT
๐ GATE CSE Prep: PW 1500
๐ฑ App Development: Harnoor Singh
๐ฑ Android Using Kotlin: DurgaSoft
โ๏ธ Selenium: Naresh IT
๐ค Applied AI Full Course
๐ป C#: Bangar Raju
๐ Unix/Linux: Imran 2024 | Naresh IT
๐ Power BI Course
โ๏ธ Salesforce: Adnan | Naresh IT
๐ก๏ธ Cyber Security: iNeuron
๐ Digital Marketing: Ramakanth | Naresh IT
๐ Dhruv Rathee Management Course
๐Dhruv rathi Ai mastery course
๐ Dhruv rathi YouTube blueprint course
๐UNACADEMY UPSC GS COURSE
๐คก ADVANCE EXCEL & MIS COURSE
๐ Sanket singh Elite FAANG/MAANG course 900+ video
๐ญ Blender 3D full course
๐ TypeScript AshokIT(2020)
๐Django & Rest API NareshIT
๐ELK-JIRA-Jenkins course
๐๐ฅ Unlock Your Future with 200+ Popular Courses! ๐ฅ๐
๐๐ก Ready to elevate your skills and idea? Discover over 200 in-demand courses just for you! ๐โจ
๐๐ Whether you're looking to upskill or explore something new, we've got you covered!
๐ DM us at @Myhurthearts to learn more! ๐โจ Don't miss out on this chance to invest in yourself! ๐๐
โค1๐ฉ1
https://youtu.be/e7LSObPXOf8?si=4FMOknSMU2B2t6fK
Please watch Ai Podcast created by 100% using Ai ๐
Please watch Ai Podcast created by 100% using Ai ๐
๐3โค1
โก๏ธBCA notes for each semester
SEM-1: @Bca1st_notes
SEM-2: @Bca2nd_notes
SEM-3: @Bca3rd_notes
SEM-4: @Bca4th_notes
SEM-5: @Bca5th_notes
SEM-6: @Bca6th_notes
SEM-1: @Bca1st_notes
SEM-2: @Bca2nd_notes
SEM-3: @Bca3rd_notes
SEM-4: @Bca4th_notes
SEM-5: @Bca5th_notes
SEM-6: @Bca6th_notes
Source Code ๐
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: #031321;
font-family: consolas;
}
a{
position: relative;
display: inline-block;
padding: 15px 30px;
color: #2196f3;
text-transform: uppercase;
letter-spacing: 4px;
text-decoration: none;
font-size: 24px;
overflow: hidden;
transition: .5s;
}
a:hover{
color: #255784;
background: #2196f3;
box-shadow: 0 0 10px #2196f3,
0 0 30px #2196f3,
0 0 50px #2196f3;
}
</style>
<title></title>
</head>
<body>
<a href="#">Neon Button</a>
</body>
</html>
๐ฅ2โค1
HOSTING
Frontend Hosting (React, Vue, HTML/CSS, etc.)
1. Vercel โ Ideal for React & Next.js apps, free custom domain.Backend Hosting (Node.js, Express, Django, Flask, etc.)
2. Netlify โ Best for static sites & frontend frameworks like React, Vue, and Angular.
3. GitHub Pages โ Perfect for static websites, but no backend support.
4. Cloudflare Pages โ Similar to Netlify, offers a fast global CDN
1. Railway โ Free-tier with generous limits, great for Node.js/Express apps.
2. Render โ Free hosting for backend services (Node.js, Python, etc.), supports databases.
3. Fly.io โ Good for small-scale Docker-based deployments.
4. Replit โ Cloud-based coding and hosting environment.
โค2
MERN STACK ROADMAP ๐ FOR BEGINNERS 2024
FRONTEND
FULL-STACK DEVELOPMENT
PROJECTS
Free Courses: CLICK HERE
FRONTEND
HTML: ELEMENTS, TAGS, FORMS, SEMANTICSBACKEND
CSS: SELECTORS, BOX MODEL, LAYOUT (FLEXBOX, GRID), RESPONSIVE DESIGN
BASIC WEB DEVELOPMENT TOOLS: VS CODE, CHROME DEVTOOLS
JAVASCRIPT ๐ฑ (ES6+)
VARIABLES AND DATA TYPES
FUNCTIONS AND SCOPE
ARRAYS AND OBJECTS
PROMISES AND ASYNC/AWAIT
DOM MANIPULATION
EVENT HANDLING
FRONTEND DEVELOPMENT WITH REACT
BASICS OF REACT
JSX AND COMPONENTS
PROPS AND STATE
COMPONENT LIFECYCLE METHODS
FUNCTIONAL VS. CLASS COMPONENTS
EVENT HANDLING IN REACT
ADVANCED REACT
HOOKS: USESTATE, USEEFFECT, USECONTEXT, CUSTOM HOOKS
REACT ROUTER: NAVIGATION AND ROUTING
STATE MANAGEMENT: CONTEXT API, REDUX
PERFORMANCE OPTIMIZATION: REACT.MEMO, USEMEMO, USECALLBACK
UI LIBRARIES
CSS-IN-JS: STYLED-COMPONENTS, EMOTION
COMPONENT LIBRARIES: MATERIAL-UI, ANT DESIGN
BASICS OF NODE.JS
INTRODUCTION TO NODE.JS
NPM: PACKAGE MANAGEMENT
MODULES AND REQUIRE
FILE SYSTEM OPERATIONS
4. EXPRESS.JS
SETTING UP AN EXPRESS SERVER
MIDDLEWARE
ROUTING
HANDLING REQUESTS AND RESPONSES
ERROR HANDLING
DATABASE MANAGEMENT WITH MONGODB
BASICS OF MONGODB
NOSQL VS. SQL DATABASES
CRUD OPERATIONS
DATA MODELING AND SCHEMAS
INDEXES AND PERFORMANCE OPTIMIZATION
CONNECTING FRONTEND AND BACKEND
RESTFUL APIS
DESIGNING RESTFUL ENDPOINTS
CONSUMING APIS WITH FETCH/AXIOS
AUTHENTICATION AND AUTHORIZATION (JWT, OAUTH)
ERROR HANDLING AND STATUS CODES.
FULL-STACK DEVELOPMENT
SETTING UP THE PROJECT STRUCTURE
CONNECTING REACT FRONTEND WITH EXPRESS BACKEND
STATE MANAGEMENT IN FULL-STACK APPS
PROJECTS
BEGINNER PROJECTS
TO-DO LIST APP
SIMPLE BLOG
WEATHER APP
INTERMEDIATE PROJECTS
E-COMMERCE SITE
SOCIAL MEDIA APP
REAL-TIME CHAT APPLICATION
ADVANCED PROJECTS
FULL-FEATURED CMS
PROJECT MANAGEMENT TOOL
COLLABORATIVE CODING PLATFORM.
Free Courses: CLICK HERE
โค2
What You Get ๐
Complete DSA + Web DevelopmentMsg @Myhurthearts โ
Everything included in Alpha Plus 5.0
Complete DSA in Java
Complete DSA in C++ (Optional)
Projects like Zerodha, Airbnb,
Zoom, Linkedin, ChatGPT,
Github & many more
Quant & Aptitude Preparation
Complete MERN Stack
Frontend & React
Backend & Database
Individual Doubt Support for DSA & Development : TA