¿Qué conocimientos y habilidades necesitas para aprender el front-end HTML5?
La primera etapa:
HTML+CSS:
HTML avanzado, CSS avanzado, diseño div+css, desarrollo completo del sitio HTML+css,
Conceptos básicos de JavaScript:
Tutorial básico de Js, métodos comunes de objetos integrados de js, operaciones comunes del árbol DOM, ECMAscript, DOM, BOM, temporizador y mapa de enfoque.
Efectos especiales básicos de JS:
Efectos especiales comunes, como: pestaña, navegación, desplazamiento de página completa, carrusel, producción de diapositivas JS, capa emergente, menú de acordeón, flujo en cascada. diseño, eventos de desplazamiento, vistas de desplazamiento.
Características 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,
p>
JQuery: uso básico
Uso básico de suspensiones, 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, Canvas
CSS3:
Nuevo selector CSS3, pseudoelemento, representación de color, borde, sombra, cambio de atributo de 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 grillas, principios del sistema de eliminación de grillas, plantillas Bootstrap comunes, LESS y SASS.
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, página Juhuasuan del teléfono móvil, desplazamiento del teléfono móvil.
La tercera etapa:
Servicio HTTP y programación AJAX
Conceptos básicos del servidor WEB:
Conceptos básicos del servidor, servidor Apache y otros servidores WEB introducción, configuración del servidor Apache, introducción a HTTP.
Conceptos básicos de PHP:
Sintaxis básica de PHP, uso de PHP para procesar solicitudes GET o POST simples,
AJAX Parte 1:
Ajax Introducción y concepto de asincrónico, encapsulación 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.
AJAX Parte 2:
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, marco JQuery AjaxAPI, usando Ajax para lograr casos de transmisión explosivos.
La cuarta etapa:
Orientado a objetos avanzado
Orientado a objetos definitivo:
Desde la perspectiva de la memoria hasta la comprensión de los objetos JS orientado, tipos básicos, tipos complejos, cadenas de prototipos, orientado a objetos en ES6, permisos de lectura y escritura de propiedades, configuradores y descriptores de acceso.
Tres características principales de la orientación a objetos:
Herencia, polimorfismo, encapsulación e interfaz.
Patrones de diseño:
Pensamiento de programación orientada a objetos, modo singleton, modo fábrica, modo estrategia, modo observador, modo método plantilla, modo proxy, modo decorador, modo adaptador, aspecto- programación orientada.
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 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.
Encapsulación de marco avanzada y complementaria:
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:
Métodos de programación orientada a componentes, programación orientada a componentes métodos Principios de implementación, programación práctica orientada a componentes y desarrollo de aplicaciones de sitios web basadas en ideas basadas en componentes.
Programación orientada a módulos:
Especificaciones de diseño AMD, especificaciones de diseño CMD, RequireJS, LoadJS, SeaJS de Taobao.
La séptima etapa:
Marcos populares convencionales
Flujo de trabajo de desarrollo web:
GIT/SVN, andamiaje Yeoman, dependencia NPM/Bower herramienta de gestión, Grunt/Gulp/Webpack.
Marco MVC/MVVM/MVW:
Angular.js, Backbone.js, Knockout/Ember.
Bibliotecas de uso común:
React.js, Vue.js, Zepto.js.
La octava etapa:
Desarrollo de aplicaciones móviles nativas HTML5
Cordova:
Introducción a WebApp/NativeApp/HybirdApp, introducción a Cordova y La relación entre PhoneGap, la construcción del entorno de desarrollo y la práctica de Cordova (crear proyecto, configurar, compilar, depurar, implementar y lanzar).
Ionic:
Introducción a Ionic y comparación similar, análisis de proyectos de plantilla, uso y componentes comunes, creación de aplicaciones con Angular, efectos comunes (desplegar hacia abajo para actualizar, subir para cargar, lateral navegación deslizante, pestaña).
ReactNative:
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 de UI, y API comunes nativas.
HTML5+:
HTML5+ China Industry Alliance, HTML5PlusEntorno de ejecución, herramientas de desarrollo HBuilder, marco MUI, desarrollo e implementación de H5+.
La novena etapa:
Desarrollo completo de Node.js:
Inicio rápido:
Desarrollo de Node.js, ecosistema, Io.js, configuración del entorno Linux/Windows/OSX, entorno REPL y programa de consola, programación asincrónica, E/S sin bloqueo, concepto de módulo, herramientas de gestión de módulos, proceso de desarrollo, depuración y pruebas.
Módulos y objetos principales:
Objetos globales, proceso, consola, utilidad, controlado por eventos, emisor de eventos, cifrado y descifrado, operación de ruta, serialización y deserialización, operaciones de flujo de archivos. , Servidor y cliente HTTP, Socket.IO.
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, aplicaciones de desarrollo web nativas Node.js, Flujo de trabajo de desarrollo web, casos de blogs 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, uso de Express para reconstruir casos de Blog, Koa y otros MVC comunes. marco.
Desarrollo de prácticas de comercio electrónico con Node.js:
Requisitos y diseño, registro e inicio de sesión del módulo de cuenta, módulo del centro de miembros, módulo de visualización frontal, carrito de compras, liquidación de pedidos, Módulo de mensajería instantánea de atención al cliente online.