¿Qué cursos debo aprender sobre front-end web?
Aquí dividimos el aprendizaje front-end en 9 etapas de aprendizaje:
La primera etapa: HTML+CSS:
HTML avanzado, CSS avanzado, div+ css diseño, desarrollo completo del sitio HTML+css,
JavaScript Foundation:
tutorial básico de Js, métodos comunes de objetos integrados de js, enciclopedia de operaciones de árbol DOM de uso común, ECMAscript, DOM, BOM, temporizador, mapa de enfoque.
Efectos especiales básicos de JS:
Efectos especiales comunes, como pestañas, navegación, desplazamiento de página completa, carrusel, presentación de diapositivas JS, capa emergente, menú de acordeón, diseño de flujo en cascada. , desplazándose por Eventos, desplazándose por vistas de diferencias.
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
Básicamente se utilizan perchas, operaciones DOM, efectos especiales y animaciones, cadenas de métodos, arrastrar y soltar, transformación y componentes JQueryUI.
La segunda fase: 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, lienzo.
CSS3:
Nuevo selector CSS3, pseudoelementos, expresiones faciales, bordes, sombras, cambios de atributos de series de fondo, transiciones, animación, profundidad de campo y profundidad, producción de efectos 3D, Velocidad Marco .js, estrategias de entrada y salida de elementos y una excelente producción de páginas web CSS3.
Bootstrap:
Conceptos responsivos, consultas de medios, producción de sitios web responsivos, sistema de eliminación de grillas, principios del sistema de eliminación de grillas, plantillas públicas Bootstrap, LESS y SASS.
Desarrollo de redes móviles:
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ágina móvil rentable, desplazamiento móvil.
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 del servidor Apache, introducción a HTTP.
Conceptos básicos de PHP:
Sintaxis básica de PHP, use PHP para manejar solicitudes GET o POST simples,
Prioridad AJAX:
Introducción a Ajax y el concepto de encapsulación asincrónica del marco Ajax, método de introducción detallado del objeto XMLHttpRequest, método de procesamiento de compatibilidad, encapsulación del marco Ajax, problemas de almacenamiento en caché en Ajax, introducción y uso de XML.
Siguiente paso de AJAX:
Análisis JSON y JSON, enlace de datos y tecnología de plantillas, JSONP, tecnología entre dominios, prelectura de imágenes y tecnología de carga diferida, AjaxAPI en el marco JQuery Y utilice Ajax para implementar casos de flujo explosivo.
La cuarta etapa: orientada a objetos avanzada
El artículo definitivo sobre orientación a objetos:
Comprenda JS orientado a objetos, tipos básicos y tipos complejos desde la perspectiva de memoria, cadena de prototipos, orientado a objetos en ES6, permisos de lectura y escritura de propiedades, setters y accessors.
Tres características de la orientación a objetos:
Herencia, polimorfismo, encapsulación e interfaz.
Patrones de diseño:
Pensamiento de programación orientada a objetos, modo único, modo fábrica, modo estrategia, modo observador, modo método plantilla, modo proxy, modo decorador, modo adaptador, aspecto- programación orientada.
La quinta etapa: empaquetar un framework propio.
Conceptos básicos del empaquetado de marcos:
Flujo de eventos, burbuja, captura, objeto de evento, marco de evento, marco de selección.
Encapsulación de fotograma intermedio:
Principio 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.
Paquete de marco avanzado y complementario:
El prototipo, la escalabilidad, la modularidad y la encapsulación del marco JQuery pertenecen al propio marco de Chuanzhi.
La sexta etapa: desarrollo de componentes modulares
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, y programación orientada a componentes Combate práctico, desarrollo de aplicaciones de sitios web basado en el pensamiento de componentes.
Programación orientada a módulos:
Especificaciones de diseño AMD, especificaciones de diseño CMD, RequireJS de Taobao, LoadJS, SeaJS.
Etapa 7: Marcos populares convencionales
Flujo de trabajo de desarrollo web:
GIT/SVN, andamios Yeoman, herramientas de gestión de dependencias NPM/Bauer, Grunt/Gulp/Webpack .
Marco MVC/MVVM/MVW:
Angular.js, Backbone.js, Knockout/Ember.
Bibliotecas de uso común:
React.js, Vue.js, Zepto.js.
Etapa 8: Desarrollo de aplicaciones móviles nativas HTML5
Cordova:
Introducción a WebApp/NativeApp/HybirdApp, introducción a Cordova, relación con PhoneGap, construcción del entorno de desarrollo, combate real de Cordova (creación de proyectos, configuración, compilación, depuración, implementación, lanzamiento) .
Tipo iónico:
Introducción iónica y comparación similar, análisis de proyectos de plantilla, componentes comunes y su uso, creación de una versión en ángulo con efectos comunes (desplegar hacia abajo para actualizar, tirar hacia arriba para cargar , navegación lateral deslizante, pestaña) APP.
Reactividad:
Introducción a ReactNative, configuración del entorno ReactNative, creación de proyectos, configuración, compilación, depuración, implementación y lanzamiento, módulos nativos y componentes UI, API nativas comunes.
HTML5+:
HTML5+ China Industry Alliance, HTML5PlusEntorno de ejecución, herramientas de desarrollo HBuilder, marco MUI, desarrollo e implementación de H5+.
Etapa 9: Desarrollo completo de Node.js;
Inicio rápido:
Desarrollo de Node.js, ecosistema, Io.js, Linux/Windows Configuración del entorno /OSX, entorno REPL y programas de consola, 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: global, proceso, consola, utilidad, controlador de eventos, emisor de eventos, cifrado y descifrado, operaciones de ruta, serialización y descifrado Serialización, flujo de archivos operaciones, servidores y clientes HTTP.
Fundamentos de 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, Flujo de trabajo de desarrollo web, caso del blog de desarrollo de Node.js.
Marco de desarrollo rápido:
Introducción Express + introducción a MVC, API común de Express, módulo de enrutamiento Express, motor de plantillas Jade/Ejs, casos de reconstrucción de blogs usando Express, Koa y otros MVC comunes. marcos.
Por fin tengo un plan de estudios, ¡empieza a estudiar ya!