https://github.com/sasanka14/web-development
This Web Development Course covers HTML, CSS , JavaScript, and Bootstrap, teaching students to create responsive, interactive websites. It includes practical projects, backend integration, and server-side scripting, ensuring a complete learning experience for front-end and full-stack development.
https://github.com/sasanka14/web-development
bootstrap5 css git github html javascript
Last synced: 3 months ago
JSON representation
This Web Development Course covers HTML, CSS , JavaScript, and Bootstrap, teaching students to create responsive, interactive websites. It includes practical projects, backend integration, and server-side scripting, ensuring a complete learning experience for front-end and full-stack development.
- Host: GitHub
- URL: https://github.com/sasanka14/web-development
- Owner: Sasanka14
- License: mit
- Created: 2024-12-22T08:35:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-01-29T06:47:12.000Z (5 months ago)
- Last Synced: 2026-01-29T22:22:02.579Z (5 months ago)
- Topics: bootstrap5, css, git, github, html, javascript
- Language: HTML
- Homepage: https://web-development-ivory-pi.vercel.app
- Size: 198 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Web Development Learning Repository
A comprehensive learning repository containing lectures, assignments, and projects covering **HTML**, **CSS**, and **JavaScript** fundamentals, with hands-on exercises and real-world projects.
## 📁 Repository Structure
### **HTML/**
Introduction to HTML markup and semantic web development
- **Lecture1-4**: Core HTML concepts and structure
- **Exercise folders**: Hands-on practice exercises
- **media/**: Assets used in HTML projects
### **CSS/**
Styling and layout techniques for web design
- **Lecture1-7**: Progressive CSS concepts from basics to advanced
- **Assignment**: CSS assignment challenges
- **Projects**: Practical styling examples
### **JAVASCRIPT/**
JavaScript programming fundamentals and advanced concepts
- **Lecture & Lecture1-6**: Core language features and concepts
- **Lecture2-5**: Progressive complexity with exercises
- `datatype.js` - Data types and variables
- `condition.js` - Conditional statements
- `function.js` - Function declarations and usage
- `loops.js` - Loop structures
- **ProblemStatement/**: Problem-solving exercises
### **Projects/**
Real-world practice projects combining multiple technologies
#### **html-css/**
- **Learning Gallery** - Gallery layout with HTML and CSS
- **Portfolio** - Personal portfolio website with interactivity
- **Project (Facebook Post UI Mockup)** - UI/UX design recreation
- **QR Code Generator** - Functional application
#### **js/**
JavaScript-specific projects (in development)
### **PERN/**
Full-stack development with PostgreSQL, Express, React, and Node.js (starter folder)
## 🎯 Learning Path
1. Start with **HTML/** for markup fundamentals
2. Move to **CSS/** for styling and layout
3. Progress through **JAVASCRIPT/** for programming concepts
4. Build projects in **Projects/** to apply learned skills
5. Explore **PERN/** for full-stack development
## 📝 What's Inside
Each folder contains:
- **Lecture files** - Concept explanations and examples
- **Exercise folders** - Practice problems
- **Assignment files** - Comprehensive challenges
- **Working projects** - Real-world implementations
## 🚀 Getting Started
1. Clone or explore this repository
2. Open HTML files in a browser to see rendered output
3. Review JavaScript files in your code editor
4. Complete exercises and assignments
5. Build and enhance the projects
## 📚 Topics Covered
**HTML**: Semantic markup, forms, media, document structure
**CSS**: Selectors, layouts, flexbox, styling, responsive design
**JavaScript**: Variables, functions, loops, conditions, DOM manipulation, events
## 💡 Tips
- Open `.html` files in a browser to preview
- Use browser DevTools (F12) to debug and inspect
- Modify and experiment with existing code
- Build upon projects to deepen understanding
---
*This is a learning repository documenting the journey through web development fundamentals.*