{"id":24494752,"url":"https://github.com/rbuj-uoc/m4.257-pac2","last_synced_at":"2026-05-12T16:02:31.296Z","repository":{"id":244011190,"uuid":"805536514","full_name":"rbuj-UOC/M4.257-PAC2","owner":"rbuj-UOC","description":"PAC 2 de l'assignatura eines HTML i CSS I del màster de desenvolupament d'aplicacions web","archived":false,"fork":false,"pushed_at":"2025-01-19T23:18:46.000Z","size":12765,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-19T23:37:21.517Z","etag":null,"topics":["css","html","parcel"],"latest_commit_sha":null,"homepage":"https://rbuj-uoc.github.io/M4.257-PAC2/","language":"HTML","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rbuj-UOC.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}},"created_at":"2024-05-24T19:50:07.000Z","updated_at":"2025-01-19T23:18:47.000Z","dependencies_parsed_at":"2024-06-12T13:44:00.001Z","dependency_job_id":"9d59b7fa-86fc-4bbc-bfee-ab9cc0286963","html_url":"https://github.com/rbuj-UOC/M4.257-PAC2","commit_stats":null,"previous_names":["rbuj-uoc/m4.257-pac2"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rbuj-UOC%2FM4.257-PAC2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rbuj-UOC%2FM4.257-PAC2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rbuj-UOC%2FM4.257-PAC2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rbuj-UOC%2FM4.257-PAC2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rbuj-UOC","download_url":"https://codeload.github.com/rbuj-UOC/M4.257-PAC2/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243685528,"owners_count":20330980,"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":["css","html","parcel"],"created_at":"2025-01-21T20:17:07.879Z","updated_at":"2026-05-12T16:02:31.284Z","avatar_url":"https://github.com/rbuj-UOC.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Deploy Parcel with GitHub Pages](https://github.com/rbuj-UOC/M4.257-PAC2/actions/workflows/jekyll-gh-pages.yml/badge.svg)](https://github.com/rbuj-UOC/M4.257-PAC2/actions/workflows/jekyll-gh-pages.yml)\n\n# Start\n\nBoilerplate for parcel\n\n# Nodejs\n\nEstablir les opcions predeterminades quan es crea un nou fitxer [package.json](./package.json):\n\n```\nnpm config set init-author-email \"rbuj@uoc.edu\"\nnpm config set init-author-name \"Robert Buj\"\nnpm config set init-license \"CC0-1.0\"\n```\n\nCrea un nou fitxer [package.json](./package.json):\n\n```\nnpm init --yes\n```\n\n## ESLint\n\n```\nnpm init @eslint/config@latest\n```\n\n## Prettier\n\n```\nnpm install --save-dev prettier\n```\n\nAfegir les opcions de formatació al fitxer [.prettierrc.json](.prettierrc.json)\n\n```json\n{\n  \"trailingComma\": \"none\",\n  \"printWidth\": 1000,\n  \"tabWidth\": 2,\n  \"semi\": true,\n  \"singleQuote\": true\n}\n```\n\n### prettier-plugin-void-html\n\nEvitar el tancament d'etiquetes void quam es dona format a documents html amb Prettier:\n\n```\nnpm install --save-dev @awmottaz/prettier-plugin-void-html\n```\n\n[prettier-plugin-void-html](https://github.com/awmottaz/prettier-plugin-void-html)\n\nAfegir el connector al fitxer [.prettierrc.json](.prettierrc.json)\n\n```json\n{\n  \"plugins\": [\"@awmottaz/prettier-plugin-void-html\"]\n}\n```\n\n### eslint-config-prettier\n\n```\nnpm install --save-dev eslint-config-prettier\n```\n\nEditar el fitxer [eslint.config.mjs](./eslint.config.mjs)\n\n```js\nimport eslintConfigPrettier from 'eslint-config-prettier';\n\nexport default [eslintConfigPrettier];\n```\n\n## Parcel\n\n```\nnpm install --save-dev parcel rimraf npm-run-all\n```\n\nModificar la secció `scripts` del fitxer [package.json](./package.json)\n\n```json\n  \"scripts\": {\n    \"start\": \"npm-run-all clean parcel:dev\",\n    \"build\": \"npm-run-all clean parcel:build\",\n    \"parcel:dev\": \"parcel\",\n    \"parcel:build\": \"parcel build\",\n    \"clean\": \"rimraf dist .parcel-cache\"\n  },\n```\n\n# VS Code\n\n## Afegir les extensions recomanades a VS Code\n\n1. Obrir la línia d'ordres a VS Code, en macOS: ⌘⇧P\n2. Executar l'ordre `Extensions: Configure Recommended Extensions (Workspace Folder)`\n3. Afegir els identificadors de les extensions al fitxer [extensions.json](.vscode/extensions.json)\n   - [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)\n   - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)\n   - [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)\n   - [Emmet](https://code.visualstudio.com/docs/editor/emmet) (ja està inclosa)\n   - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)\n   - [HTMLHint](https://marketplace.visualstudio.com/items?itemName=HTMLHint.vscode-htmlhint)\n   - [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)\n\n## Configuració de Prettier\n\n1. Obrir les preferències de l'espai de treball a VS Code, en macOS: ⌘,\n2. Seleccionar `Workspace`\n3. teclejar `default formatter`\n4. Seleccionar l'opció `Prettier`\n\n## EditorConfig\n\n1. Clicar on es vol crear el fitxer `.editorconfig` amb el botó dret del ratoli a l'explorador\n2. Seleccionar Generate .editorconfig\n\n## Configuració d'Emmet\n\n1. Obrir les preferències de l'espai de treball a VS Code, en macOS: ⌘,\n2. Seleccionar `Workspace`\n3. teclejar `emmet tab`\n4. Habilitar l'opció `Trigger Expansion on Tab`\n\n## Abreviatures d'Emmet\n\n| Abreviatura | Operació                                                  |\n| ----------- | --------------------------------------------------------- |\n| !           | Crear un document html5                                   |\n| .NOM        | Crear un div amb la classe NOM                            |\n| ELEMENT.NOM | Crear un ELEMENT (div, h1, p, ...) amb la classe NOM      |\n| ELEMENT#ID  | Crear un ELEMENT (div, h1, p, ...) amb l'identificador ID |\n\n## Dreceres de VS Code\n\n| Drecera | Acció                     |\n| ------- | ------------------------- |\n| ⌘ ,     | Obrir les preferències    |\n| ⌘ ⇧ P   | Obrir la linia d'ordres   |\n| ⌘ ⇧ 7   | (des)Comentar el codi     |\n| ⌥ ⇧ F   | Donar format al codi      |\n| F5      | Iniciar la depuració      |\n| Fn F2   | Refactor: canviar el nom  |\n| Fn F3   | Cercar: cercar el següent |\n\n## Execució\n\n1. Clicar al botó `Run and Debug` del plafó lateral, `⌘ ⇧ D` en macOS\n2. Clicar a l'enllaç `create a launch.json` file\n3. Seleccionar `Web App (Chrome)`\n4. Afegir la línia\n\n```\n\"preLaunchTask\": \"npm: start\",\n```\n\n5. Canviar el port\n\n```\n\"url\": \"http://localhost:1234\",\n```\n\nExecutar la tasca `npm start` al rerefons\n\n1. Accedir a la línia d'ordres, `⌘ ⇧ P` en macOS\n2. `Tasks: Configure Task`\n3. Seleccionar `npm: start`\n4. Afegir la línia\n\n```\n\"isBackground\": true\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frbuj-uoc%2Fm4.257-pac2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frbuj-uoc%2Fm4.257-pac2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frbuj-uoc%2Fm4.257-pac2/lists"}