El desenvolupament web és una disciplina que implica la creació i manteniment de llocs web i aplicacions web. Aquest camp abasta una àmplia gamma de tecnologies i eines que permeten als desenvolupadors construir des de pàgines web senzilles fins a aplicacions web complexes i dinàmiques. En aquest tema, explorarem els conceptes bàsics del desenvolupament web, les tecnologies clau i com Python s'utilitza en aquest context.

Conceptes Bàsics del Desenvolupament Web

  1. Client i Servidor

  • Client: És el navegador web o aplicació que sol·licita informació al servidor. Exemples de clients són Google Chrome, Firefox, Safari, etc.
  • Servidor: És el sistema que processa les sol·licituds del client i retorna les respostes adequades. Exemples de servidors web són Apache, Nginx, etc.

  1. Protocol HTTP/HTTPS

  • HTTP (HyperText Transfer Protocol): És el protocol utilitzat per transferir dades a través de la web. És un protocol sense estat, el que significa que cada sol·licitud és independent.
  • HTTPS (HTTP Secure): És una versió segura de HTTP que utilitza SSL/TLS per encriptar les dades transferides entre el client i el servidor.

  1. Frontend i Backend

  • Frontend: És la part del lloc web amb la qual els usuaris interactuen directament. Inclou HTML, CSS i JavaScript.
  • Backend: És la part del lloc web que gestiona la lògica de l'aplicació, les bases de dades, l'autenticació, etc. Python és una llengua popular per al desenvolupament backend.

  1. Tecnologies Clau

  • HTML (HyperText Markup Language): Utilitzat per estructurar el contingut d'una pàgina web.
  • CSS (Cascading Style Sheets): Utilitzat per estilitzar el contingut HTML.
  • JavaScript: Utilitzat per crear interactivitat en les pàgines web.

Python en el Desenvolupament Web

Python és una llengua de programació versàtil que s'utilitza àmpliament en el desenvolupament web, especialment en el backend. Algunes de les raons per les quals Python és popular en aquest camp inclouen:

  • Simplicitat i Llegibilitat: Python té una sintaxi clara i fàcil de llegir, el que fa que el codi sigui més mantenible.
  • Gran Comunitat i Suport: Python té una comunitat activa i una àmplia gamma de biblioteques i frameworks que faciliten el desenvolupament web.
  • Frameworks Potents: Python compta amb frameworks com Django i Flask que simplifiquen el desenvolupament d'aplicacions web.

Frameworks de Desenvolupament Web en Python

1. Flask

Flask és un microframework lleuger per al desenvolupament web en Python. És ideal per a aplicacions petites i mitjanes i ofereix gran flexibilitat.

from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return "Hola, món!"

if __name__ == '__main__':
    app.run(debug=True)

2. Django

Django és un framework de desenvolupament web d'alt nivell que fomenta el desenvolupament ràpid i un disseny net i pragmàtic. És ideal per a aplicacions grans i complexes.

# mysite/settings.py
INSTALLED_APPS = [
    ...
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'myapp',
]

# myapp/views.py
from django.http import HttpResponse

def home(request):
    return HttpResponse("Hola, món!")

# mysite/urls.py
from django.contrib import admin
from django.urls import path
from myapp import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', views.home),
]

Exercicis Pràctics

Exercici 1: Crear una Aplicació Senzilla amb Flask

  1. Instal·la Flask utilitzant pip:
    pip install flask
    
  2. Crea un fitxer app.py amb el següent contingut:
    from flask import Flask
    
    app = Flask(__name__)
    
    @app.route('/')
    def home():
        return "Hola, món!"
    
    if __name__ == '__main__':
        app.run(debug=True)
    
  3. Executa l'aplicació:
    python app.py
    
  4. Obre el navegador i visita http://127.0.0.1:5000/ per veure el resultat.

Exercici 2: Crear una Aplicació Senzilla amb Django

  1. Instal·la Django utilitzant pip:
    pip install django
    
  2. Crea un nou projecte Django:
    django-admin startproject mysite
    cd mysite
    
  3. Crea una nova aplicació dins del projecte:
    python manage.py startapp myapp
    
  4. Afegeix myapp a la llista d'aplicacions instal·lades en mysite/settings.py:
    INSTALLED_APPS = [
        ...
        'myapp',
    ]
    
  5. Defineix una vista en myapp/views.py:
    from django.http import HttpResponse
    
    def home(request):
        return HttpResponse("Hola, món!")
    
  6. Configura les URL en mysite/urls.py:
    from django.contrib import admin
    from django.urls import path
    from myapp import views
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('', views.home),
    ]
    
  7. Executa el servidor de desenvolupament:
    python manage.py runserver
    
  8. Obre el navegador i visita http://127.0.0.1:8000/ per veure el resultat.

Resum

En aquesta secció, hem introduït els conceptes bàsics del desenvolupament web, incloent-hi la diferència entre client i servidor, els protocols HTTP/HTTPS, i les tecnologies clau com HTML, CSS i JavaScript. També hem explorat com Python s'utilitza en el desenvolupament web, destacant els frameworks Flask i Django. Finalment, hem proporcionat exercicis pràctics per crear aplicacions senzilles amb aquests frameworks. En el següent tema, aprofundirem en els conceptes bàsics del framework Flask.

Curs de Programació en Python

Mòdul 1: Introducció a Python

Mòdul 2: Estructures de Control

Mòdul 3: Funcions i Mòduls

Mòdul 4: Estructures de Dades

Mòdul 5: Programació Orientada a Objectes

Mòdul 6: Gestió de Fitxers

Mòdul 7: Gestió d'Errors i Excepcions

Mòdul 8: Temes Avançats

Mòdul 9: Proves i Depuració

Mòdul 10: Desenvolupament Web amb Python

Mòdul 11: Ciència de Dades amb Python

Mòdul 12: Projecte Final

© Copyright 2024. Tots els drets reservats