{"id":23642347,"url":"https://github.com/sasanka14/web-development","last_synced_at":"2026-04-06T08:01:23.506Z","repository":{"id":269265223,"uuid":"906897452","full_name":"Sasanka14/Web-development","owner":"Sasanka14","description":"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.","archived":false,"fork":false,"pushed_at":"2026-01-29T06:47:12.000Z","size":207206,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-29T22:22:02.579Z","etag":null,"topics":["bootstrap5","css","git","github","html","javascript"],"latest_commit_sha":null,"homepage":"https://web-development-ivory-pi.vercel.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Sasanka14.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-12-22T08:35:32.000Z","updated_at":"2026-01-29T06:47:15.000Z","dependencies_parsed_at":"2024-12-22T09:29:13.988Z","dependency_job_id":"b0484200-ddde-4248-85a5-ed7b389460be","html_url":"https://github.com/Sasanka14/Web-development","commit_stats":null,"previous_names":["sasanka14/web-development"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Sasanka14/Web-development","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sasanka14%2FWeb-development","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sasanka14%2FWeb-development/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sasanka14%2FWeb-development/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sasanka14%2FWeb-development/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sasanka14","download_url":"https://codeload.github.com/Sasanka14/Web-development/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sasanka14%2FWeb-development/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31464101,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"online","status_checked_at":"2026-04-06T02:00:07.287Z","response_time":112,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap5","css","git","github","html","javascript"],"created_at":"2024-12-28T10:49:34.347Z","updated_at":"2026-04-06T08:01:23.501Z","avatar_url":"https://github.com/Sasanka14.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web Development Learning Repository\n\nA comprehensive learning repository containing lectures, assignments, and projects covering **HTML**, **CSS**, and **JavaScript** fundamentals, with hands-on exercises and real-world projects.\n\n## 📁 Repository Structure\n\n### **HTML/**\nIntroduction to HTML markup and semantic web development\n- **Lecture1-4**: Core HTML concepts and structure\n- **Exercise folders**: Hands-on practice exercises\n- **media/**: Assets used in HTML projects\n\n### **CSS/**\nStyling and layout techniques for web design\n- **Lecture1-7**: Progressive CSS concepts from basics to advanced\n- **Assignment**: CSS assignment challenges\n- **Projects**: Practical styling examples\n\n### **JAVASCRIPT/**\nJavaScript programming fundamentals and advanced concepts\n- **Lecture \u0026 Lecture1-6**: Core language features and concepts\n- **Lecture2-5**: Progressive complexity with exercises\n  - `datatype.js` - Data types and variables\n  - `condition.js` - Conditional statements\n  - `function.js` - Function declarations and usage\n  - `loops.js` - Loop structures\n- **ProblemStatement/**: Problem-solving exercises\n\n### **Projects/**\nReal-world practice projects combining multiple technologies\n\n#### **html-css/**\n- **Learning Gallery** - Gallery layout with HTML and CSS\n- **Portfolio** - Personal portfolio website with interactivity\n- **Project (Facebook Post UI Mockup)** - UI/UX design recreation\n- **QR Code Generator** - Functional application\n\n#### **js/**\nJavaScript-specific projects (in development)\n\n### **PERN/**\nFull-stack development with PostgreSQL, Express, React, and Node.js (starter folder)\n\n## 🎯 Learning Path\n\n1. Start with **HTML/** for markup fundamentals\n2. Move to **CSS/** for styling and layout\n3. Progress through **JAVASCRIPT/** for programming concepts\n4. Build projects in **Projects/** to apply learned skills\n5. Explore **PERN/** for full-stack development\n\n## 📝 What's Inside\n\nEach folder contains:\n- **Lecture files** - Concept explanations and examples\n- **Exercise folders** - Practice problems\n- **Assignment files** - Comprehensive challenges\n- **Working projects** - Real-world implementations\n\n## 🚀 Getting Started\n\n1. Clone or explore this repository\n2. Open HTML files in a browser to see rendered output\n3. Review JavaScript files in your code editor\n4. Complete exercises and assignments\n5. Build and enhance the projects\n\n## 📚 Topics Covered\n\n**HTML**: Semantic markup, forms, media, document structure  \n**CSS**: Selectors, layouts, flexbox, styling, responsive design  \n**JavaScript**: Variables, functions, loops, conditions, DOM manipulation, events\n\n## 💡 Tips\n\n- Open `.html` files in a browser to preview\n- Use browser DevTools (F12) to debug and inspect\n- Modify and experiment with existing code\n- Build upon projects to deepen understanding\n\n---\n\n*This is a learning repository documenting the journey through web development fundamentals.*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsasanka14%2Fweb-development","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsasanka14%2Fweb-development","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsasanka14%2Fweb-development/lists"}