{"id":29122477,"url":"https://github.com/coding-chemist/deep-dive-into-modern-web-development","last_synced_at":"2025-06-29T17:38:43.214Z","repository":{"id":301869608,"uuid":"1010534021","full_name":"coding-chemist/Deep-Dive-Into-Modern-Web-Development","owner":"coding-chemist","description":"Learning React, Redux, Node.js, MongoDB, GraphQL and TypeScript in one go! This course will introduce you to modern JavaScript-based web development. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js.","archived":false,"fork":false,"pushed_at":"2025-06-29T09:29:05.000Z","size":3,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-29T10:28:24.704Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"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/coding-chemist.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,"zenodo":null}},"created_at":"2025-06-29T09:24:53.000Z","updated_at":"2025-06-29T09:29:08.000Z","dependencies_parsed_at":"2025-06-29T10:28:26.978Z","dependency_job_id":"c2ea83bb-f7b5-4856-8832-dfd1d7b5598d","html_url":"https://github.com/coding-chemist/Deep-Dive-Into-Modern-Web-Development","commit_stats":null,"previous_names":["coding-chemist/deep-dive-into-modern-web-development"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/coding-chemist/Deep-Dive-Into-Modern-Web-Development","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coding-chemist%2FDeep-Dive-Into-Modern-Web-Development","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coding-chemist%2FDeep-Dive-Into-Modern-Web-Development/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coding-chemist%2FDeep-Dive-Into-Modern-Web-Development/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coding-chemist%2FDeep-Dive-Into-Modern-Web-Development/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/coding-chemist","download_url":"https://codeload.github.com/coding-chemist/Deep-Dive-Into-Modern-Web-Development/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coding-chemist%2FDeep-Dive-Into-Modern-Web-Development/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262639457,"owners_count":23341485,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2025-06-29T17:38:30.410Z","updated_at":"2025-06-29T17:38:43.184Z","avatar_url":"https://github.com/coding-chemist.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Full Stack Open: Deep Dive Into Modern Web Development\n\nThis repository contains learning materials and exercises for the \"Full Stack Open\" course, offered by the University of Helsinki. This course provides a comprehensive introduction to **modern JavaScript-based web development**, with a primary focus on building **Single-Page Applications (SPAs)** using **ReactJS** that interact with **REST APIs** built with **Node.js**.\n\n## Course Overview\n\nThe course is designed to take you on a deep dive into full-stack web development, covering both client-side and server-side aspects, along with database integration.\n\n### What is Full-Stack Web Development?\nFull-stack web development, in the context of this course, refers to focusing on all \"layers\" of a web application: the **frontend (browser, JavaScript)**, the **backend (server)**, and often a **database layer** below the server. The course primarily uses JavaScript for both frontend and backend development (with Node.js), although using the same language across all layers is not a strict requirement for full-stack development.\n\n## Key Technologies and Stacks Covered\n\nThe course equips you with skills in the following modern web technologies:\n\n*   **Frontend**:\n    *   **ReactJS**: The main focus for building single-page applications.\n    *   **Redux**: Frequently used alongside React for advanced state management.\n    *   **JavaScript (modern)**: The core language used across the stack.\n    *   **CSS**: For styling web applications.\n    *   **Webpack**: Used for managing and bundling assets.\n    *   **React Native**: Covered for mobile application development.\n    *   **TypeScript**: Introduced for enhanced type safety and maintainability.\n*   **Backend**:\n    *   **Node.js**: The JavaScript runtime environment used for server-side programming.\n    *   **Express**: A popular Node.js library used to create web servers and REST APIs.\n    *   **GraphQL**: An alternative to REST for API development.\n*   **Databases**:\n    *   **MongoDB**: A NoSQL database, often used with Node.js applications.\n    *   **Relational Databases**: Covered in later parts of the course.\n*   **Development Practices**:\n    *   **Testing**: Strategies for testing both Express servers and React applications are taught.\n    *   **CI/CD (Continuous Integration/Continuous Deployment)**: Modern software delivery practices.\n    *   **Containers**: Principles of containerization for deploying applications.\n\n## Course Structure (Parts)\n\nThe course is divided into several parts, each focusing on specific aspects of web development:\n\n*   **Part 0: Fundamentals of Web apps** – Introduces basic web development principles, including the HTTP protocol, client-server communication, traditional web applications, AJAX, the Document Object Model (DOM), and CSS.\n*   **Part 1: Introduction to React**\n*   **Part 2: Communicating with server**\n*   **Part 3: Programming a server with NodeJS and Express**\n*   **Part 4: Testing Express servers, user administration**\n*   **Part 5: Testing React apps**\n*   **Part 6: Advanced state management**\n*   **Part 7: React router, custom hooks, styling app with CSS and webpack**\n*   **Part 8: GraphQL**\n*   **Part 9: TypeScript**\n*   **Part 10: React Native**\n*   **Part 11: CI/CD**\n*   **Part 12: Containers**\n*   **Part 13: Using relational databases**\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoding-chemist%2Fdeep-dive-into-modern-web-development","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoding-chemist%2Fdeep-dive-into-modern-web-development","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoding-chemist%2Fdeep-dive-into-modern-web-development/lists"}