Desenvolupament web

El desenvolupament web és el procés de creació i manteniment de web sites a través d'aspectes com el disseny, la programació o la gestió de bases de dades.
És una àrea àmplia que implica diverses habilitats i coneixements per crear aplicacions web funcionals i atractives.

En aquest repositori hi trobaràs els conceptes necessaris per aprendre desenvolupament web i activitats per practicar.

En aquesta pàgina web hi trobaràs enllaçat el material de la part client (o frontend): Frontend Web.

Diferència entre Frontend i Backend.

---

Ordre recomanat per impartir el material

• Frontend

  1. HTML : Llenguatge de marcatge utilitzat per a crear i estructurar el contingut d'una pàgina web. A través d'etiquetes i elements, permet definir diversos elements d'una pàgina web, com ara text, imatges, enllaços, formularis, etc.
  2. CSS : Llenguatge utilitzat per estilitzar i donar format al contingut HTML d'una pàgina web, permetent controlar l'aparença visual, el disseny i la disposició dels elements a la pàgina.
  3. Bootstrap : Framework de desenvolupament web de codi obert que proporciona eines i components predefinits, basats en HTML, CSS i JavaScript, per ajudar a crear interfícies web responsives i atractives de manera més ràpida i senzilla.
  4. JavaScript : Llenguatge de programació d'scripts que s'usa principalment al costat d'HTML i CSS per a afegir interactivitat i dinamisme a les pàgines web del navegador.
  5. XML : Format de dades que permet estructurar la informació mitjançant marcatge personalitzat, proporcionant una manera de compartir dades entre diferents sistemes d'una manera llegible tant per humans com per màquines.
  6. JSON : Format lleuger d'intercanvi de dades que utilitza una sintaxi llegible pels humans i fàcil d'interpretar per les màquines, sovint utilitzat per transmetre dades estructurades entre un servidor i un client web.
  7. TypeScript : Llenguatge de programació que és una extensió de JavaScript, afegint tipus estàtics opcional i altres característiques.
  8. API : Conjunt de protocols i eines que permeten que diferents aplicacions informàtiques es comuniquin entre elles, permetent l'accés a funcionalitats o dades específiques d'una aplicació o servei.

• Backend

  PHP

  1. XAMPP : Plataforma de desenvolupament que facilita la creació i gestió d'un servidor web local amb Apache, MySQL/MariaDB, PHP i Perl.
  2. PHP : Llenguatge de programació dissenyat principalment per al desenvolupament web que permet crear pàgines dinàmiques i interactives. S'integra fàcilment amb bases de dades i es pot incrustar en el codi HTML.

  Node.js

  1. Node.js : Entorn d'execució JavaScript del costat del servidor que permet crear aplicacions web escalables i altament eficients.
  2. Express.js : Framework minimalista per Node.js que facilita la creació de servidors web i la gestió de rutes i sol·licituds HTTP.

---

Material adequat pels següents cicles formatius i mòduls professionals

• Sistemes Microinformàtics i Xarxes (CFGM SMX)
  • MP8. Aplicacions web Frontend (HTML, CSS, Bootstrap, JavaScript)
• Administració de Sistemes Informàtics en Xarxa (CFGS ASIX)
  • MP4. Llenguatge de marques Frontend
• Desenvolupament d'Aplicacions Web (CFGS DAW)
  • MP4. Llenguatges de marques i sistemes de gestió d'informació Frontend
  • MP6. Desenvolupament web en entorn client Frontend
  • MP7. Desenvolupament web en entorn servidor Backend
  • MP9. Disseny d'interfícies web Frontend
• Desenvolupament d'Aplicacions Multiplataforma (CFGS DAM)
  • MP4. Llenguatges de marques i sistemes de gestió d'informació Frontend
  • MP7. Desenvolupament d'interfícies Frontend