HTML & CSS PROGRAMMING
4.21K subscribers
308 photos
18 videos
79 files
108 links
https://t.me/addlist/oJIs6WVKrqBmMWQ1

Hello! I am @Myhurthearts and welcome to the Coding channel! Here we can learn all things related to coding and improve our skills , just let me know!
Download Telegram
โŒจ๏ธ 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 ๐Ÿ‘‡

๐Ÿš€ 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
๐Ÿ“Š 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
๐Ÿ› ๏ธ DevOps & Azure ๐Ÿ‘‡

โšก 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 ๐Ÿ™‚
๐Ÿ˜3โค1
This media is not supported in your browser
VIEW IN TELEGRAM
๐Ÿ”ฅ2๐Ÿ˜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
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.
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
Backend Hosting (Node.js, Express, Django, Flask, etc.)
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
HTML: ELEMENTS, TAGS, FORMS, SEMANTICS
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
BACKEND
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
Price : 300 โœ…

What You Get ๐Ÿ‘‡

Complete DSA + Web Development
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
Msg @Myhurthearts โœ