¿Necesito aprender HTML primero para aprender HTML5? ¿Qué necesito aprender primero?
Acerca de las etapas necesarias del aprendizaje del front-end web. Amigos que participan en el aprendizaje web front-end, vengan y eche un vistazo con sus amigos. ¡Espero que ayude a todos!
La primera etapa:
● HTML CSS:
HTML avanzado, CSS avanzado, diseño div css, desarrollo completo del sitio HTML css,
● Conceptos básicos de JavaScript:
Tutoriales básicos de Js, métodos comunes de objetos js integrados, una lista completa de operaciones comunes del árbol DOM, ECMAscript, DOM, BOM, temporizadores y mapas de enfoque.
● Efectos especiales básicos de JS:
Efectos especiales comunes, como: pestaña, navegación, desplazamiento de página completa, carrusel, presentación de diapositivas JS, capa emergente, menú de acordeón, flujo en cascada. diseño, eventos de desplazamiento, 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
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 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, Web Socket, 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 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 fluido, caja flexible, rem, eventos JavaScript de terminales móviles, producción de efectos JS comunes en dispositivos móviles. teléfonos, Zepto.js, página Juhuasuan de teléfonos móviles, desplazamiento de teléfonos móviles.
La tercera etapa: servicio HTTP y programación AJAX
● Conceptos básicos del servidor WEB:
Conceptos básicos del servidor, introducción al servidor Apache y otros servidores WEB, y al servidor Apache construcción, introducción HTTP.
● Conceptos básicos de PHP:
Sintaxis básica de PHP, uso de PHP para manejar solicitudes GET o POST simples,
● AJAX Parte 1:
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.
● 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 , utilizando Ajax para implementar casos de flujo en cascada.
La cuarta etapa: orientada a objetos avanzada
● El capítulo final de la orientación a objetos:
Desde la perspectiva de la memoria hasta la comprensión de la orientación a objetos JS, tipos básicos, tipos complejos, cadena 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, patrón singleton, patrón de fábrica, patrón de estrategia, patrón de observador, patrón de método de plantilla, patrón de proxy, patrón de decorador, patrón de 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, Seleccione un marco.
● 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 avanzada del framework y complementos:
El prototipo, la escalabilidad, la modularidad y la encapsulación del framework JQuery pertenecen al propio framework 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 Desarrollo práctico de aplicaciones de sitios web basadas en ideas de componenteización.
● Programación orientada a módulos:
Especificaciones de diseño AMD, especificaciones de diseño CMD, RequireJS, LoadJS, SeaJS de Taobao.
Etapa 7: Marcos populares convencionales
● Flujo de trabajo de desarrollo web:
GIT/SVN, andamios Yeoman, herramientas de gestión de dependencias NPM/Bower, Grunt /gulp/ paquete web.
● Framework 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, relación con PhoneGap, Desarrollo Configuración del entorno, práctica de Cordova (creación, configuración, compilación, depuración, implementación y lanzamiento de proyectos).
● Ionic:
Introducción a Ionic y comparación de categorías similares, análisis de proyectos de plantillas, componentes y uso comunes, creación de aplicaciones con Angular, efectos comunes (desplegar hacia abajo para actualizar, abrir para cargar, navegación lateral deslizante, pestaña).
● React Native:
Introducción a React Native, configuración del entorno React Native, creación de proyectos, configuración, compilación, depuración, implementación y lanzamiento, módulos nativos y componentes de UI, y nativos comúnmente. API utilizadas.
● HTML5:
HTML5 China Industry Alliance, entorno de ejecución HTML5 Plus, herramientas de desarrollo HBuilder, marco MUI, desarrollo e implementación de H5.
La novena etapa: desarrollo full-stack de Node.js
● Inicio rápido:
Desarrollo de Node.js, ecosistema, Io.js, Linux/Windows /Configuración del entorno OS X, 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, proceso, consola, utilidad, controlados por eventos, emisor de eventos, cifrado y descifrado, operación de ruta, serialización y deserialización, flujo de archivos operaciones, 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, desarrollo de aplicaciones 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 MVC, API comunes de Express, módulo de enrutamiento Express, motor de plantillas Jade/Ejs, uso de Express para reconstruir casos de Blog, Koa y otros comunes. Marco MVC.
● 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.