Skip to content

This project showcases what I built during the SheCodes: Intro to Web Development workshop. It includes my practice work and final project using: βœ… HTML – page structure and content 🎨 CSS – styling, layout, and design ⚑ JavaScript – basic interactivity and functionality

Notifications You must be signed in to change notification settings

mishcodes09/SheCodes-Basics--intro-to-web-dev

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 

Repository files navigation

SheCodes: Intro to Web Development

Welcome to my final project from the SheCodes Intro to Web Development workshop!
This webpage was built using HTML, CSS, and JavaScript, and reflects all the foundational skills I developed during the course.


πŸ’» What I Built

This project is a clean, responsive web page that demonstrates:

βœ… Semantic HTML structure
🎨 Custom CSS styling using Grid layout and transforms
βš™οΈ JavaScript interactivity including class manipulation
🌐 Responsive design with media queries


🧠 What I Learned

Through this project and the lessons, I gained hands-on experience with:

  • Writing clean and semantic HTML
  • Styling with CSS:
    • Layouts using CSS Grid
    • Animations and effects using CSS transforms
    • Responsive techniques for various screen sizes
  • JavaScript basics:
    • DOM selection and event handling
    • Class manipulation to dynamically change styling and behavior
  • Structuring and managing a simple coding project using Git and VS Code

πŸš€ Live Demo

πŸ”— Click here to view the live version


πŸ“ Project Structure

│── index.html

πŸ™ Special Thanks Huge thanks to the Matt Delac and SheCodes team for making coding fun and approachable! The step-by-step roadmap and well-paced lessons really helped me stay on track.

About

This project showcases what I built during the SheCodes: Intro to Web Development workshop. It includes my practice work and final project using: βœ… HTML – page structure and content 🎨 CSS – styling, layout, and design ⚑ JavaScript – basic interactivity and functionality

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages