{"id":20864757,"url":"https://github.com/parthasarathy27/frontend-development-tutorial","last_synced_at":"2026-04-14T14:31:41.365Z","repository":{"id":218249689,"uuid":"745881778","full_name":"parthasarathy27/frontend-development-tutorial","owner":"parthasarathy27","description":"A web designer is a professional who creates a website’s appearance and design. And the front end developer makes sure that the design works online by using coding languages such as CSS, HTML, and JavaScript.","archived":false,"fork":false,"pushed_at":"2024-05-17T18:37:05.000Z","size":1984,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-16T14:59:33.515Z","etag":null,"topics":["angularjs","css","database","frontend-development","html5","javascript","reactjs"],"latest_commit_sha":null,"homepage":"https://parthasarathy27.github.io/frontend-development-tutorial/","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/parthasarathy27.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":"2024-01-20T12:39:07.000Z","updated_at":"2024-05-17T18:37:09.000Z","dependencies_parsed_at":"2024-02-27T02:38:55.884Z","dependency_job_id":"60c0e064-e583-4af3-9739-4b66c3f47b38","html_url":"https://github.com/parthasarathy27/frontend-development-tutorial","commit_stats":null,"previous_names":["parthasarathy27/frontend-development-tutorial"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/parthasarathy27/frontend-development-tutorial","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasarathy27%2Ffrontend-development-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasarathy27%2Ffrontend-development-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasarathy27%2Ffrontend-development-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasarathy27%2Ffrontend-development-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/parthasarathy27","download_url":"https://codeload.github.com/parthasarathy27/frontend-development-tutorial/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasarathy27%2Ffrontend-development-tutorial/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31801231,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T11:13:53.975Z","status":"ssl_error","status_checked_at":"2026-04-14T11:13:53.299Z","response_time":153,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["angularjs","css","database","frontend-development","html5","javascript","reactjs"],"created_at":"2024-11-18T05:44:12.552Z","updated_at":"2026-04-14T14:31:41.349Z","avatar_url":"https://github.com/parthasarathy27.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend Developer Learning Repository \n\nWelcome to the Frontend Developer Learning Repository! This repository is designed to help you learn and improve your skills in frontend development. Whether you're a beginner or looking to enhance your existing knowledge, you'll find a variety of resources and projects to explore.\n\n![image](https://www.nicepng.com/png/full/249-2496315_full-stack-development.png)\n\n## Getting Started:-\n\n1. **Clone the Repository:**\n   ```bash\n   git clone https://github.com/your-username/frontend-learning.git\n   ```\n\n2. **Navigate to the Project Directory:**\n   ```bash\n   cd frontend-learning\n   ```\n\n3. **Explore the Learning Materials:**\n   - Check the `resources` directory for curated articles, tutorials, and documentation.\n   - Browse through the `projects` directory to find practical exercises and projects to work on.\n\n## Projects\n\n1. **Responsive Web Design:**\n   - Create a responsive webpage using HTML and CSS to master the fundamentals of layout and design.\n\n2. **JavaScript Basics:**\n   - Build interactive elements and understand the basics of JavaScript with hands-on exercises.\n\n3. **Framework Exploration:**\n   - Dive into popular frontend frameworks like React, Vue, or Angular by exploring dedicated project folders.\n\n## Contributions\n\nWe encourage contributions! If you find a great resource, have a helpful tip, or want to add a new project, feel free to open a pull request.\n\n1. **Fork the Repository**\n2. **Create a Branch:**\n   ```bash\n   git checkout -b feature/new-topic\n   ```\n3. **Make Changes and Commit:**\n   ```bash\n   git add .\n   git commit -m \"Add details about new topic\"\n   ```\n4. **Push Changes:**\n   ```bash\n   git push origin feature/new-topic\n   ```\n5. **Open a Pull Request**\n\n## Repository\n\nJoin our Repository to connect with other learners, ask questions, and share your progress. You can find us on [Discord](#) or [Slack](#).\n\n# HTML, CSS, and JavaScript Explained :-\n\nThis repository contains the fundamental components of web development: HTML, CSS, and JavaScript. Below is a brief explanation of each part:-\n\n## HTML (Hypertext Markup Language)\n\nHTML serves as the backbone of web pages, defining the structure and content. It utilizes a markup system with tags to create elements such as headings, paragraphs, images, and links. Sample HTML structure:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n  \u003ctitle\u003eYour Page Title\u003c/title\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n  \u003ch1\u003eThis is a Heading\u003c/h1\u003e\n  \u003cp\u003eThis is a paragraph.\u003c/p\u003e\n  \u003cimg src=\"image.jpg\" alt=\"Description\"\u003e\n\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n## CSS (Cascading Style Sheets)\n\nCSS is responsible for styling and layout, enhancing the visual presentation of HTML elements. It applies styles like colors, fonts, margins, and positioning. Example CSS:\n\n```css\nbody {\n  background-color: #f0f0f0;\n  font-family: 'Arial', sans-serif;\n}\n\nh1 {\n  color: #333;\n}\n\np {\n  margin-bottom: 20px;\n}\n\nimg {\n  width: 100%;\n  height: auto;\n}\n```\n\n## JavaScript\n\nJavaScript adds interactivity and dynamic behavior to web pages. It can manipulate HTML and CSS, handle user input, and communicate with servers. A simple JavaScript snippet:\n\n```javascript\n// Change text on button click\nfunction changeText() {\n  document.getElementById(\"demo\").innerHTML = \"Text changed!\";\n}\n\n// Handle user input\nlet userInput = prompt(\"Enter your name:\");\nalert(\"Hello, \" + userInput + \"!\");\n```\n## Project Links\n\n1. https://parthasarathy27.github.io/frontend-development-tutorial/EMC%20Web%20Page%20HTML%20Project/starter/index.html\n2. https://parthasarathy27.github.io/frontend-development-tutorial/Event%20Management%20HTML%20Project/starter/event.html\n3. https://parthasarathy27.github.io/frontend-development-tutorial/Guess%20The%20Number/GTN.html\n4. https://parthasarathy27.github.io/frontend-development-tutorial/Todo%20List/Todo.html\n5. https://parthasarathy27.github.io/frontend-development-tutorial/imageGallery/index.html\n6. https://parthasarathy27.github.io/frontend-development-tutorial/perfume%20project/index.html\n\nHappy Coding!!🚀...\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparthasarathy27%2Ffrontend-development-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fparthasarathy27%2Ffrontend-development-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparthasarathy27%2Ffrontend-development-tutorial/lists"}