Capacitación en diseño de Beida Jade Bird: ¿Cómo aprender a programar front-end web?
1. Comprender la estructura navegador/servidor (B/S) B/S se desarrolló a partir del cliente/servidor en la década de 1990. Similar a * * *, es un (o un grupo de) servidores. Atender a múltiples clientes.
La diferencia es: primero, el cliente con estructura C/S puede estar escrito en diferentes lenguajes, como VB, Delphi, PowerBuilder, etc. Bajo la estructura B/S, el navegador se convierte en un cliente universal y el programa se presenta en forma de web y no requiere instalación. La actualización del servidor significa la actualización de todos los clientes, lo cual es un cambio trascendental en comparación con C/S.
En segundo lugar, el protocolo de acceso B/S también está estandarizado a HTTP(s) en lugar de los diversos protocolos propietarios originales.
Finalmente, usuarios de todo el mundo pueden acceder a un servidor con una estructura B/S, en lugar de tener solo una red de área local como C/S, por lo que la presión es mayor y los desafíos son mayores.
2. Hola. ¿Se compiló la página web? En pocas palabras, es HTML CSS Java. La interfaz web que vemos se compone de estos tres.
HTML es responsable de la estructura, CSS es responsable de la presentación y Java es responsable del comportamiento.
Esto es lo que llamamos desarrollo front-end. Los ingenieros de front-end deben poder comprender el modelo DOM y cómo operarlo a través de Java (como JQuery y otros marcos).
3. ¿Cómo se relacionan los navegadores y los servidores entre sí? ¡Por supuesto que es HTTP! HTTP, para decirlo sin rodeos, es un protocolo para que navegadores y servidores conversen para garantizar el entendimiento mutuo.
HTTP completo es muy complejo. La Guía definitiva de HTTP tiene más de 700 páginas.
De hecho, sólo existen algunos de los más utilizados e importantes: (1) GET y POST.
GET obtiene datos del servidor y POST envía los datos al servidor (causando problemas con la carga de imágenes). (2) HTTP es un protocolo sin estado y requiere mecanismos adicionales para mantener el estado (como el estado de inicio de sesión). El método comúnmente utilizado son las cookies.
(3) Comprender los códigos de estado HTTP (4) Comprender lo síncrono y lo asíncrono (lo que conduce a AJAX, JQuery y otros marcos) 4. ¿Asignar URL y códigos para comprender la relación entre URL y códigos, como www.xxx.com? ¿Cómo se relacionan las URL como action=login con el código comercial backend? ¿Dónde se definen tales reglas? ¿Usar código, comentarios o archivos de configuración? ¿Cómo debería organizarse el código comercial back-end? Creo que ahora nadie escribirá toda la lógica empresarial en Servlets, por lo que se necesitan muchos marcos MVC como Struts y Spring MVC para organizar el código y hacer que el sistema sea claro y fácil de entender.
5. ¿Cómo verificar, convertir y vincular datos para garantizar que los datos enviados por el navegador cumplan con los requisitos? Por ejemplo, no puede estar vacío, no puede exceder los 8 caracteres y las dos contraseñas deben ser iguales... Si hay un error, se dará un mensaje de error.
Los datos enviados por el navegador tienen el formato de nombre de usuario = Liu Xin; Contraseña = 123456 es un texto muy simple, pero el programa en segundo plano tiene tipos de datos enriquecidos, como cadenas, fechas, números enteros, etc. .
Por lo tanto, debe convertir el texto al tipo de idioma especificado.
Después de la conversión de tipos, ¿cómo utilizar eficazmente el código comercial back-end? Lo más simple es obtener un mapa similar a clave: valor, y el código comercial se puede usar directamente como map.get (clave).
Los avanzados pueden vincular directamente los datos enviados por la página a las propiedades del objeto, admitiendo estructuras complejas como matrices y anidamientos.
Por ejemplo, nombre de usuario=Liu Xin; Usuario.contraseña=123456 se puede vincular a un objeto llamado Usuario, que tiene dos atributos: nombre de usuario y contraseña.