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
πŸ”° Gallery Layout using CSS Grids in 5 steps

1 2 3 4 5, and you've got a dynamic gallery implemented in CSS 🀩

The important property in this is auto flow, which is a very cool property!

βœ… Best Course For Web DevπŸ‘‡βœ… Msg 😁 @Myhurthearts
🎨 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
βœ… Only in 1% Of actual course price 😱😳

MSG @Myhurthearts he will provide you
❀1
πŸ– 8 Super useful HTML tips & tricks that every Developer should know about
5 Steps to Learn Front-End DevelopmentπŸš€

Step 1: Basics
    β€” Internet
    β€” HTTP
    β€” Browser
    β€” Domain & Hosting

Step 2: HTML
    β€” Basic Tags
    β€” Semantic HTML
    β€” Forms & Table

Step 3: CSS
    β€” Basics
    β€” CSS Selectors
    β€” Creating Layouts
    β€” Flexbox
    β€” Grid
    β€” Position - Relative & Absolute
    β€” Box Model
    β€” Responsive Web Design
 
Step 3: JavaScript
    β€” Basics Syntax
    β€” Loops
    β€” Functions
    β€” Data Types & Object
    β€” DOM selectors
    β€” DOM Manipulation
    β€” JS Module - Export & Import
    β€” Spread & Rest Operator
    β€” Asynchronous JavaScript
    β€” Fetching API
    β€” Event Loop
    β€” Prototype
    β€” ES6 Features

Step 4: Git and GitHub
    β€” Basics
    β€” Fork
    β€” Repository
    β€” Pull Repo
    β€” Push Repo
    β€” Locally Work With Git

Step 5: React
    β€” Components & JSX
    β€” List & Keys
    β€” Props & State
    β€” Events
    β€” useState Hook
    β€” CSS Module
    β€” React Router
    β€” Tailwind CSS

Now apply for the job. All the best πŸš€
❀6
πŸ”° File Paths in HTML

A file path tells the browser where to find a file (like an image, CSS file, or JavaScript script) relative to the current HTML document.

It’s like giving someone directions: are you pointing them to another room in the same house, or telling them to visit another building?