¿Ocho etapas del proceso del proyecto inicial?

<1>La primera etapa: HTML+CSS:

HTML avanzado, CSS avanzado, diseño DIV+CSS, desarrollo completo del sitio HTML+CSS, conceptos básicos de JavaScript:

p>

Tutorial básico de JS, métodos comunes de objetos JS integrados, operaciones comunes del árbol DOM, ECMAscript, DOM, BOM, temporizador y mapa de enfoque. Efectos especiales JS básicos:

Efectos especiales comunes, como pestañas, navegación, desplazamiento de página completa, imágenes en carrusel, diapositivas JS, capas emergentes, menús de acordeón, diseños en cascada, eventos de desplazamiento y vistas de desplazamiento. . Funciones avanzadas de JS:

Expresiones regulares, algoritmo de clasificación, algoritmo recursivo, cierre, limitación de funciones, cadena de alcance, marco de movimiento basado en distancia, base orientada a objetos, JQuery: uso básico

Hangler, operación DOM, efectos especiales y animación, cadena de métodos, arrastrar y soltar, transformación, uso básico de componentes JQueryUI.

Este es el vídeo informativo del front-end web que compilé

<2>La segunda etapa: HTML5 y desarrollo web móvil HTML5:

Nuevas etiquetas semánticas HTML5 , Formularios HTML5, audio y vídeo, almacenamiento local y fuera de línea, SVG, WebSocket, CSS3:

Nuevo selector CSS3, pseudoelemento, notación facial, borde, sombra, diseño flexible, cambios en los atributos de la serie de fondo. , Transición, animación, profundidad de campo y penetración profunda, producción de efectos 3D, marco Velocity.js, estrategias de entrada y salida de elementos y producción de páginas web CSS3 geniales. Bootstrap:

Conceptos responsivos, consultas de medios, producción de sitios web responsivos, sistema de eliminación de cuadrículas, principios del sistema de eliminación de cuadrículas, plantillas Bootstrap comunes, LESS y SASS. Desarrollo web móvil:

Introducción a WEB entre terminales y dispositivos convencionales, ventana gráfica, diseño de flujo, caja flexible, rem, eventos JavaScript de terminales móviles, producción de efectos JS comunes en teléfonos móviles, página Juhuasuan de teléfonos móviles, dispositivos móviles. desplazamiento del teléfono.

<3>La tercera etapa: servicio HTTP y programación AJAX Conceptos básicos del servidor WEB:

Conocimientos básicos de servidores, introducción al servidor Apache y otros servidores WEB, construcción e introducción del servidor Apache a HTTP. Parte 1 de AJAX:

Introducción a Ajax y el concepto de asíncrono, encapsulación del marco Ajax, introducción detallada al objeto XMLHttpRequest, métodos de procesamiento de compatibilidad, encapsulación del marco Ajax, problemas de almacenamiento en caché en Ajax, introducción y uso de XML, reuniones Manejo de solicitudes GET o POST simples, AJAX Parte 2:

Análisis JSON y JSON, enlace de datos y tecnología de plantillas, JSONP, tecnología entre dominios, lectura previa de imágenes y carga diferida Tecnología, marco JQuery AjaxAPI, utilizando Ajax para lograr casos de transmisión explosivos.

<4>La cuarta etapa: capítulo final avanzado orientado a objetos orientado a objetos:

Desde la perspectiva de la memoria hasta la comprensión de JS orientado a objetos, tipos básicos, tipos complejos, cadena de prototipos , ES6 Orientado a objetos, alcance de variables en ES6 (let, const (declaración de variables de solo lectura), alcance a nivel de bloque), nuevas características de funciones en ES6. Tres características principales de la orientación a objetos:

Herencia, polimorfismo y encapsulación. Cinco métodos de creación de objetos orientados a objetos:

Objetos personalizados, objetos creados en modo fábrica, constructores, objetos creados en modo mixto y objetos creados en formato JSO.

<5>La quinta etapa: encapsule su propio marco. Conceptos básicos de la encapsulación de marcos:

Flujo de eventos, burbujeo, captura, objeto de evento, marco de evento, marco de selección. Nivel intermedio de encapsulación de cuadros:

Principios de movimiento, marco de movimiento de un solo objeto, marco de movimiento de múltiples objetos, encapsulación de marco de movimiento orientada a objetos. Encapsulación y complementos del marco avanzado:

El prototipo, la escalabilidad, la modularidad y la encapsulación del marco JQuery pertenecen al propio marco de Chuanzhi.

<6>La sexta etapa: desarrollo de componentes modulares y programación orientada a componentes:

El método de programación orientada a componentes, el principio de implementación de la programación orientada a componentes, el combate real de programación orientada a componentes, basada en la componenteización. Reflexiones sobre el desarrollo de aplicaciones de sitios web. Programación orientada a módulos:

Especificaciones de diseño AMD, especificaciones de diseño CMD, RequireJS, LoadJS, SeaJS de Taobao.

<7>Etapa 7: Flujo de trabajo de desarrollo web de framework popular:

GIT/SVN, andamio Vue-cli, herramienta de gestión de dependencias NPM/Bower, Grunt/Gulp/Webpack. Frameworks front-end convencionales:

Vue.js, Angular.js, React.JS, Bootstrap. Bibliotecas de uso común:

React.js, Vue.js, JQuery.js.

<8>La octava etapa: Desarrollo completo de Node.js: Inicio rápido:

Desarrollo de Node.js, ecosistema, Io.js, configuración del entorno Linux/Windows/OSX , Programas de consola y entorno REPL, programación asincrónica, E/S sin bloqueo, conceptos de módulos, herramientas de gestión de módulos, proceso de desarrollo, depuración y pruebas. Módulos y objetos principales:

Objetos globales, proceso, consola, utilidad, controlador de eventos, emisor de eventos, cifrado y descifrado, operación de ruta, serialización y deserialización, operación de flujo de archivos, servidor y cliente HTTP, socket. OÍ. Conceptos básicos del desarrollo web:

Protocolo HTTP, procesamiento de respuesta a solicitudes, operaciones de bases de datos relacionales y acceso a datos, operaciones de bases de datos no relacionales y acceso a datos, desarrollo nativo de aplicaciones web en Node.js y flujo de trabajo de desarrollo web, Node. Caso del blog de desarrollo js. Marco de desarrollo rápido:

Introducción Express + introducción a MVC, API comunes de Express, módulo de enrutamiento Express, motor de plantillas Jade/Ejs, uso de Express para reconstruir casos de blogs, Koa y otros marcos MVC comunes. Desarrollo de prácticas de comercio electrónico en Node.js:

Requisitos y diseño, registro e inicio de sesión del módulo de cuenta, módulo de centro de miembros, módulo de visualización de recepción, carrito de compras, liquidación de pedidos, módulo de mensajería instantánea de servicio al cliente en línea.