Varias tecnologías esenciales que deben dominarse en el desarrollo web front-end
A continuación, el editor enumerará brevemente algunos conocimientos que se deben aprender en el desarrollo front-end:
La primera etapa:
HTML CSS:
p>HTML avanzado, CSS avanzado, diseño div css, desarrollo de sitio completo HTML css,
Conceptos básicos de JavaScript:
Tutorial básico de Js, métodos comunes de js integrado objetos, una lista completa de 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.
Fase 2:
HTML5 y desarrollo web móvil
HTML5:
Nuevas etiquetas semánticas HTML5, formularios HTML5, audio y vídeo, almacenamiento local y sin conexión, SVG, WebSocket, Canvas.
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 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 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 manejar 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 orientados 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.
Etapa 7:
Marcos populares convencionales
Flujo de trabajo de desarrollo web:
GIT/SVN, andamiaje Yeoman, gestión de dependencias NPM/Bower herramienta, 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 de categorías similares, análisis de proyectos de plantillas, componentes y uso comunes, creación de aplicaciones con Angular, efectos comunes (desplegable para actualizar, desplegables para actualizar, hasta cargar, navegación deslizante lateral, 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, controlados por eventos, emisor de eventos, cifrado y descifrado, operación de ruta, serialización y deserialización, operaciones de flujo de archivos. , servidor HTTP y cliente.
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 a Express, introducción a 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. Marcos MVC comunes.