¿Qué conocimientos se necesitan para el desarrollo web front-end?
1.HTML
Puntos de conocimiento: principio de funcionamiento web, HTML4 y HTML5, etiquetas comunes, rutas relativas y absolutas, etiquetas HTML5
2.Diseño CSS+
Puntos de conocimiento: sintaxis básica CSS, selectores básicos, selectores compuestos, imágenes de fondo, modelos de caja, sprites, diseños de páginas web comunes, posicionamiento flotante, diseño flexible, diseño responsivo, adaptación móvil, animación web, CSS3 nuevo características, menos preprocesador
3. Conceptos básicos de ECMA
Puntos clave de conocimiento: sintaxis básica de ECMA, tipos de datos, operadores, estructuras de rama, estructuras de bucle, funciones, propiedades y métodos de construcción común. -in objetos, matriz, matemáticas, fecha, cadena
4.DOM
Puntos de conocimiento: modelo DOM, tipo de nodo, operaciones básicas de nodos, hoja de estilo de operación JS, clonar el nodo , Obtenga la posición de las coordenadas, obtenga el tamaño del elemento, varios atributos y métodos del nodo.
5.BOM+jQuery
Puntos de conocimiento: historial, ubicación, navegación, temporizador, subproceso, bucle de eventos, principio de funcionamiento web, optimización del rendimiento, objeto de evento, expresión regular, marco jQuery
6. Sintaxis básica del marco vue
Puntos clave de conocimiento: sintaxis básica de vue, enlace bidireccional, paso de valores de componentes, representación condicional, representación de listas, procesamiento de eventos, enlace de formularios. , Eventos personalizados, slots, transiciones, animaciones, enrutamiento dinámico, enrutamiento anidado, navegación programática, guardias de navegación, carga diferida de rutas, scaffolding, ciclo de vida, vuex, axios, ts, vue3
7.
Puntos de conocimiento: integre puntos de conocimiento en los casos.
8. Sintaxis básica de React
Puntos clave de conocimiento: introducción de React, sintaxis jsx, representación de elementos, componentes y accesorios, estado, ciclo de vida, forma, representación condicional, herencia combinada, ganchos, optimización del rendimiento, redux
Caso 9.react
Puntos de conocimiento: integrar puntos de conocimiento en casos
Nuevo contenido: subprograma WeChat y marco uni-app
Puntos de conocimiento:
Marco del mini programa (configuración/programa y registro de página/enrutamiento), herramientas de desarrollo
Aprendizaje de los componentes del marco del mini programa (básico/ Ver/Formulario/Mapa/Medios/Navegación/Capacidades de desarrollo)
Aprendizaje de los componentes del marco del miniprograma (Mapa/Medios/Navegación/Capacidades de desarrollo)
API del miniprograma (Conceptos básicos/Enrutamiento/ Interfaz/Red/Caché de datos/Servicio de ubicación)
Mini API de programa (Dispositivo/Medios/Interfaz abierta/Autorización/Inicio de sesión/Pago)
Servidor de nodo, base de datos y marco
Módulo nativo de nodo, dominio cruzado, verificación de seguridad, cifrado de datos, operaciones básicas de bases de datos, marco express, marco koa
11.Semana del proyecto Node/WebPack