La primera etapa:
1. HTML CSS: HTML avanzado, CSS avanzado, diseño div css, desarrollo completo de sitios web HTML CSS.
2. Conceptos básicos de JavaScript: tutorial básico de js, métodos comunes de objetos integrados de Js, operaciones DOM comunes, ECMAscript, DOM, BOM, temporizador, mapa de enfoque.
3. Efectos especiales básicos de JS: efectos especiales comunes, como: pestañas, navegación, desplazamiento de página completa, carrusel, diapositiva JS, capa emergente, menú de acordeón, diseño en cascada, evento de desplazamiento, desplazamiento. vista.
4. 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.
5.JQuery: Uso básico de hangers, operaciones DOM, efectos especiales y animaciones, cadenas de métodos, arrastrar y soltar, transformación y componentes JQueryUI.
La segunda etapa:
1. HTML5: nuevas etiquetas semánticas HTML5, formularios HTML 5, audio y video, almacenamiento local y fuera de línea, SVG, WebSocket, Canvas.
2. CSS3: CSS3 agrega nuevos selectores, pseudoelementos, expresiones faciales, bordes, sombras, cambios de atributos de series de fondo, transiciones, animaciones, profundidad y profundidad, producción de efectos 3D, marco Velocity.js, entrada de elementos. y estrategias de salida, producción genial de páginas web CSS3.
3.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.
4. Desarrollo web móvil: introducción a WEB entre terminales y dispositivos convencionales, ventana gráfica, diseño fluido, caja flexible, rem, eventos JavaScript de terminales móviles, producción de efectos JS en teléfonos móviles, Zepto.js, Páginas móviles rentables y desplazamiento móvil.
La tercera etapa:
1. Conceptos básicos del servidor WEB: conocimiento básico del servidor, introducción al servidor Apache y otros servidores WEB, estructura del servidor Apache, introducción a HTTP.
2. Conceptos básicos de PHP: sintaxis básica de PHP, use PHP para manejar solicitudes GET o POST simples.
3.Ajax: Introducción a Ajax: el concepto de Ajax asincrónico, encapsulación del marco Ajax, introducción detallada al objeto XMLHttpRequest, métodos de procesamiento de compatibilidad, encapsulación del marco AJAX, almacenamiento en caché en AJAX , la introducción y uso de XML . Análisis JSON y JSON, tecnología de plantillas y enlace de datos, JSONP, tecnología entre dominios, prelectura de imágenes y tecnología de carga diferida, AjaxAPI en el marco JQuery y uso de Ajax para implementar casos de flujo explosivos.
La cuarta etapa:
Orientado a objetos: comprender JS orientado a objetos desde la perspectiva de la memoria, tipos básicos, tipos complejos, cadena de prototipos, orientado a objetos en ES6, lectura de atributos y permisos de escritura, configuradores y descriptores de acceso.
La quinta etapa:
1. Base de encapsulación del marco: flujo de eventos, burbujeo, captura, objeto de evento, marco de evento, marco de selección.
2. Niveles intermedios de encapsulación de cuadros: principios de movimiento, cuadros de movimiento de un solo objeto, cuadros de movimiento de múltiples objetos y encapsulación de cuadros de movimiento orientada a objetos.
3. Encapsulación de marco avanzada y complementaria: el prototipo, la extensibilidad, la modularidad y la encapsulación del marco JQuery pertenecen al propio marco de Chuanzhi.
La sexta etapa:
1. Flujo de trabajo de desarrollo web: GIT/SVN, andamio Yeoman, herramienta de gestión de dependencias NPM/Bauer, Grunt/Gulp/Webpack.
2.Marco MVC/MVVM/MVW Angular.js, Backbone.js, Knockout/Ember.
3. Bibliotecas de uso común: React.js, Vue.js, Zepto.js
La séptima etapa:
Desarrollo completo de Node.js
p>
Lo anterior es el artículo que el editor compartió con usted hoy sobre el resumen de la ruta de aprendizaje de front-end web de base cero. Espero que este artículo pueda ser útil para los principiantes que están aprendiendo conocimientos de front-end web. Si desea obtener más información sobre el front-end web, recuerde prestar atención al sitio web oficial, la capacitación web Jade Bird de la Universidad de Pekín. Finalmente, les deseo a mis amigos éxito en aprender y convertirse en un excelente ingeniero de front-end web.
Fuente del artículo: Biblioteca de recursos de front-end original