Resumen de la ruta de aprendizaje para aprender front-end web desde cero

El artículo que quiero compartir con ustedes hoy es un resumen de la ruta de aprendizaje para aprender front-end web desde cero. Amigos que estén listos para aprender conocimientos de front-end web, vengan y echen un vistazo. el editor Espero que este artículo pueda ser útil para todos.

La primera etapa:

1. HTML CSS: HTML avanzado, CSS avanzado, diseño div css, desarrollo completo del sitio 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 y mapa de enfoque.

3. Efectos especiales básicos de JS: efectos especiales comunes, como: pestaña, navegación, desplazamiento de página completa, gráfico de carrusel, producción de diapositivas JS, capa emergente, menú de acordeón, diseño de flujo en cascada, evento de desplazamiento. , vista de diferencia rodante.

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 suspensiones, operaciones DOM, efectos especiales y animaciones, cadenas de métodos, arrastre, deformación y componentes JQueryUI.

Segunda etapa:

1. HTML5: nuevas etiquetas semánticas HTML5, formularios HTML5, audio y video, almacenamiento local y fuera de línea, SVG, WebSocket, Canvas.

2. CSS3: nuevo selector CSS3, pseudoelemento, representación de color, borde, sombra, cambio de atributos de serie de fondo, transición, animación, profundidad de campo y transparencia de profundidad, producción de efectos 3D, framework Velocity.js. , elementos Estrategias de entrada y 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 comunes en teléfonos móviles, Zepto.js, teléfonos móviles Página de Juhuasuan, desplazamiento de teléfonos móviles.

La tercera etapa:

1. Conceptos básicos del servidor WEB: conceptos básicos del servidor, introducción al servidor Apache y otros servidores WEB, construcción del servidor Apache e introducción a HTTP.

2. Conceptos básicos de PHP: sintaxis básica de PHP, uso de PHP para manejar solicitudes GET o POST simples.

3. 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. Análisis JSON y JSON, tecnología de plantilla 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 el uso de Ajax para implementar casos de transmisión explosiva.

La cuarta etapa:

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, orientado a objetos en ES6 y propiedades. permisos de lectura y escritura, configurador, descriptor 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. Nivel intermedio de encapsulación de fotogramas: principios de movimiento, fotograma de movimiento de un solo objeto, fotograma de movimiento de múltiples objetos, encapsulación de fotograma de movimiento orientada a objetos.

3. 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.

La sexta etapa:

1. Flujo de trabajo de desarrollo web: GIT/SVN, andamio Yeoman, herramienta de gestión de dependencia NPM/Bower, 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

Lo anterior es la ruta de aprendizaje que el editor compartirá contigo hoy sobre cómo aprender la Web. front-end desde cero Resumen del artículo. 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 conocimiento de front-end web, recuerde prestar atención al oficial. Sitio web de Beida Jade Bird Web Training. Finalmente, les deseo a mis amigos éxito en el aprendizaje y en convertirse en un excelente ingeniero de front-end web.

Fuente del artículo: Biblioteca de recursos de front-end original