{"id":20246995,"url":"https://github.com/vishal-raj-1/web-development-tutorials","last_synced_at":"2026-06-11T14:31:41.520Z","repository":{"id":110110941,"uuid":"287026941","full_name":"Vishal-raj-1/Web-Development-Tutorials","owner":"Vishal-raj-1","description":"Web Development Tutorials For Beginners","archived":false,"fork":false,"pushed_at":"2020-10-24T08:35:47.000Z","size":192,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-03T15:47:52.778Z","etag":null,"topics":["css","hacktoberfest","hacktoberfest2020","html5","javascript","webdevelopment","webdevelopmentcourse"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Vishal-raj-1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2020-08-12T13:53:29.000Z","updated_at":"2020-10-24T08:35:49.000Z","dependencies_parsed_at":"2023-03-13T13:58:45.882Z","dependency_job_id":null,"html_url":"https://github.com/Vishal-raj-1/Web-Development-Tutorials","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Vishal-raj-1/Web-Development-Tutorials","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vishal-raj-1%2FWeb-Development-Tutorials","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vishal-raj-1%2FWeb-Development-Tutorials/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vishal-raj-1%2FWeb-Development-Tutorials/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vishal-raj-1%2FWeb-Development-Tutorials/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Vishal-raj-1","download_url":"https://codeload.github.com/Vishal-raj-1/Web-Development-Tutorials/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vishal-raj-1%2FWeb-Development-Tutorials/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34204178,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-11T02:00:06.485Z","response_time":57,"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":["css","hacktoberfest","hacktoberfest2020","html5","javascript","webdevelopment","webdevelopmentcourse"],"created_at":"2024-11-14T09:34:46.077Z","updated_at":"2026-06-11T14:31:41.503Z","avatar_url":"https://github.com/Vishal-raj-1.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web-Development-Tutorials\nThis Repository contains everything you should know to become an awesome web developer including some great projects.\n\n## Table of Content\n1. [HTML5](#HTML5)\n2. [CSS3](#CSS3)\n3. JAVASCRIPT\n4. NodeJs\n5. MongoDb\n6. [Projects](#Projects)\n\n\u003ch2 align=\"center\"\u003eHTML5\u003c/h2\u003e\n\nHypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.\n\n**Topics covered in HTML5 are :**\n1. [What are tags and Meta tags](https://youtu.be/EZCc_4abdcE)\n2. [Heading and Paragraph](https://www.youtube.com/watch?v=ulv_q6-b7uI\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=5)\n3. [Img and Anchor Tags](https://www.youtube.com/watch?v=z6H22xGAZEA\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=6)\n4. [List and Tables](https://www.youtube.com/watch?v=N69xumSjg5Q\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=7)\n5. [Forms and Input Tags](https://www.youtube.com/watch?v=KqJikDzb3l4\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=8)\n6. [Inline and Block Elements](https://www.youtube.com/watch?v=DFT9qxVCF6k\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=9)\n7. [Ids and Classes](https://www.youtube.com/watch?v=BucLTOfLQsk\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=10)\n8. [HTML Entities](https://www.youtube.com/watch?v=gw1efv5WF_Q\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=11)\n9. [Semantic Tags](https://www.youtube.com/watch?v=FKfsmV6otEM\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=12)\n\n\u003ch2 align=\"center\"\u003eCSS3\u003c/h2\u003e\n\n* CSS stands for Cascading Style Sheets\n* CSS describes how HTML elements are to be displayed on screen, paper, or in other media\n* CSS saves a lot of work. It can control the layout of multiple web pages all at once\n* External stylesheets are stored in CSS files\n\n**Topics covered in CSS3 are :**\n\n1. [Types of CSS](https://www.youtube.com/watch?v=ArUL-He_AN0\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=14)\n2. [Selectors in CSS](https://www.youtube.com/watch?v=oPPym7UaSIo\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=15)\n3. [Chrome Developers tools](https://www.youtube.com/watch?v=buxedopZbKM\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=16)\n4. [Fonts](https://www.youtube.com/watch?v=5Gz7j4gDrXM\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=17)\n5. [Colors](https://www.youtube.com/watch?v=EEw5OJCsiDs\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=18)\n6. [Borders and Backgrounds](https://www.youtube.com/watch?v=2zcHiaHo4Jo\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=19)\n7. [Box Model, Margin and Padding](https://www.youtube.com/watch?v=5koxb4JaDqc\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=20)\n8. [Float and Clear](https://www.youtube.com/watch?v=6G42rXal5-g\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=21)\n9. [Styling links and Buttons](https://www.youtube.com/watch?v=3lAl7RNqp1c\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=22)\n10. [Navigation Menu](https://www.youtube.com/watch?v=OsPOBsclJLU\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=23)\n11. [Display Property](https://www.youtube.com/watch?v=YJtlXrzXXFk\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=24)\n12. [Different types of Positions](https://www.youtube.com/watch?v=MwGHiVl-gqk\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=25)\n13. [Visibility and Z-Index](https://www.youtube.com/watch?v=Uzuq2FGxgK4\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=27)\n14. [CSS Flexbox](https://www.youtube.com/watch?v=4ykmsTpIn08\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=28)\n15. [em, rem , vh, vw Units](https://www.youtube.com/watch?v=DVjrb52C5Gs\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=29)\n16. [Media Queries](https://www.youtube.com/watch?v=WTz4A8IdeEQ\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=30)\n17. [More on CSS selectors](https://www.youtube.com/watch?v=WwUM7qOimbo\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=31)\n18. [Attribute and nth child Pseudo Selectors](https://www.youtube.com/watch?v=P-hZDC5YkJE\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=32)\n19. [Before and After Pseudo Selectors](https://www.youtube.com/watch?v=PlKG1fooswU\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=33)\n20. [Box Shadow and Text Shadow](https://www.youtube.com/watch?v=ASNldCkFBcM\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=34)\n21. [Variables and Custom Properties](https://www.youtube.com/watch?v=ghlm_94oR90\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=35)\n22. [Animations and Keyframes](https://www.youtube.com/watch?v=jiK6Mf-ILSg\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=36)\n23. [Creating Transitions](https://www.youtube.com/watch?v=k4Dr0PJKidI\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=37)\n24. [Transform Property](https://www.youtube.com/watch?v=K0Gz7CKNJzY\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=38)\n25. [CSS Grids](https://www.youtube.com/watch?v=MPl9bevckUE\u0026list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg\u0026index=40)\n\n\u003ch2 align=\"center\"\u003eProjects\u003c/h2\u003e\n\n1. Gym Website\n2. Online Meal Delivery Website\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvishal-raj-1%2Fweb-development-tutorials","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvishal-raj-1%2Fweb-development-tutorials","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvishal-raj-1%2Fweb-development-tutorials/lists"}