{"id":32622080,"url":"https://github.com/joolibar/42-piscine-discovery-web","last_synced_at":"2026-04-27T16:33:43.119Z","repository":{"id":309587059,"uuid":"1036838903","full_name":"joolibar/42-piscine-discovery-web","owner":"joolibar","description":"42 Discovery Piscine web development: HTML5 semantics, CSS3 layouts, responsive design principles, and interactive JavaScript.","archived":false,"fork":false,"pushed_at":"2026-02-05T12:57:26.000Z","size":53,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-02-05T23:55:30.215Z","etag":null,"topics":["42-piscine","42-school","css3","frontend-development","html-css-javascript","html5","javascript","jquery","responsive-design","shell","web-design","web-development","web-fundamentals"],"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/joolibar.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-12T16:54:25.000Z","updated_at":"2026-02-05T12:57:30.000Z","dependencies_parsed_at":"2025-08-12T19:06:58.555Z","dependency_job_id":"14522708-0273-4595-8559-de603ba8064d","html_url":"https://github.com/joolibar/42-piscine-discovery-web","commit_stats":null,"previous_names":["joolibar/42-piscine-discovery-web"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/joolibar/42-piscine-discovery-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joolibar%2F42-piscine-discovery-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joolibar%2F42-piscine-discovery-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joolibar%2F42-piscine-discovery-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joolibar%2F42-piscine-discovery-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joolibar","download_url":"https://codeload.github.com/joolibar/42-piscine-discovery-web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joolibar%2F42-piscine-discovery-web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32345806,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T23:26:28.701Z","status":"online","status_checked_at":"2026-04-27T02:00:06.769Z","response_time":128,"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":["42-piscine","42-school","css3","frontend-development","html-css-javascript","html5","javascript","jquery","responsive-design","shell","web-design","web-development","web-fundamentals"],"created_at":"2025-10-30T19:22:28.973Z","updated_at":"2026-04-27T16:33:43.114Z","avatar_url":"https://github.com/joolibar.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌐 42 Discovery Web Piscine\n\nWelcome to the **42 Discovery Web Piscine** — a comprehensive journey through the fundamentals and advanced topics of web development, designed by the 42 Network. \n\nThis repository documents my personal progression through each cell, from shell basics to dynamic, interactive web applications.\n\n\n## 🚀 About This Repository\n\nThe **42 Discovery Web Piscine** is an intensive, hands-on program by the 42 Network designed to push you to the edge of your comfort zone — and then beyond.\n\nHere, you don’t just learn to code; you learn to **think, create, and solve** like a true developer.\n\nThis repo is a **chronicle of growth**, capturing exercises that evolve from simple shell commands to complex interactive web experiences powered by JavaScript and jQuery.\n\n\n\n\n## 🔍 The Curriculum (Cells)\n\nEach **Cell** focuses on a core layer of the web stack, building up from the operating system to the user interface.\n\nClick on the **Cell Name** to jump directly to the source code and detailed exercises.\n\n| Cell | Focus Area | What You'll Build |\n| :--- | :--- | :--- |\n| **[📂 Cell 00](./cell-00)** | **Shell Basics** | Command-line mastery, file manipulation \u0026 scripting logic. |\n| **[📂 Cell 01](./cell-01)** | **HTML \u0026 CSS Foundations** | Semantic layouts, hyperlinking \u0026 asset management. |\n| **[📂 Cell 02](./cell-02)** | **Advanced CSS \u0026 Interactive UI** | Responsive design, Flexbox grids, \u0026 Parallax visual effects. |\n| **[📂 Cell 03](./cell-03)** | **JavaScript \u0026 jQuery** | Dynamic interfaces, user interaction, and state management. |\n\nEvery folder is a **mini-portfolio** showcasing clean, semantic code and thoughtful UI/UX decisions.\n\n\n## 🎯 Navigation Protocol\n\nThis repository features a **Fractal Documentation Structure**.\n\n1.  **Global Overview:** This README provides the high-level roadmap.\n2.  **Deep Dive:** Inside every **Cell folder**, you will find a dedicated `README.md`.\n    * *These internal guides contain specific instructions, technical breakdowns, and the logic behind each exercise.*\n\n### 🚀 Execution Mode\n* **💻 For Cell 00 (Shell):** Open your terminal and run the scripts directly.\n* **🌍 For Cell 01-03 (Web):** Locate the `.html` files and open them in your browser (Chrome/Firefox) to render the visual experience.\n\n\u003cbr\u003e\n\n\u003e 💡 **Pro Tip:** Start with **Cell 00** and progress linearly. The difficulty curve is designed to layer concepts on top of each other.\n\n\u003cbr\u003e\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \n  \u003cbr\u003e\n  \u003ci\u003e\"\u0026lt;div\u0026gt; is just a container. What you put inside changes the world.\"\u003c/i\u003e ​🧑‍💻​\n  \u003cbr\u003e\u003cbr\u003e\n\n  \u003cstrong\u003eDid this project inspire you?\u003c/strong\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://github.com/joolibar/42-piscine-discovery-web/stargazers\"\u003e\u003cstrong\u003e⭐ Drop a star\u003c/strong\u003e\u003c/a\u003e \n  \u0026nbsp;|\u0026nbsp;\n  \u003ca href=\"https://github.com/joolibar\"\u003e\u003cstrong\u003e👀 Follow my journey\u003c/strong\u003e\u003c/a\u003e\n  \u003cbr\u003e\u003cbr\u003e\n\n  \u003ca href=\"https://github.com/joolibar\"\u003e\n    \u003cimg src=\"https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExMGJjZnM1NTFnNHQ4emxiaWdoNGxzNjMwNTQ1eXY2NmVvcTVndXV6ZiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/2z956IUc3J0noEOXUL/giphy.gif\" width=\"30\"\u003e \n  \u003c/a\u003e\n  \u003cbr\u003e\n  \n  \u003cspan\u003eCrafted by \u003cstrong\u003ejoolibar\u003c/strong\u003e\u003c/span\u003e\n  \u003cbr\u003e\n  \u003csmall\u003e\u003csamp\u003eCreative Developer building digital experiences at 42\u003c/samp\u003e\u003c/small\u003e\n\n  \u003ca href=\"https://github.com/joolibar\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=flat-square\u0026logo=github\u0026logoColor=white\" height=\"22\"\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://www.linkedin.com/in/jon-olibares-arana/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=flat-square\u0026logo=linkedin\u0026logoColor=white\" height=\"22\"\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"mailto:42olibares@gmail.com\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Email-D14836?style=flat-square\u0026logo=gmail\u0026logoColor=white\" alt=\"Email\"\u003e\n  \u003c/a\u003e\n\n  \u003cbr\u003e\n  \u003csub\u003e\n    © 2024 joolibar \u0026nbsp;•\u0026nbsp; Validated by Moulinette 🤖, styled by Humans 🎨.\n  \u003c/sub\u003e\n\n\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoolibar%2F42-piscine-discovery-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoolibar%2F42-piscine-discovery-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoolibar%2F42-piscine-discovery-web/lists"}