¿Primero? ¿Es fácil aprender a desarrollar front-end?
Respecto a este tema sólo tengo un dicho antiguo: ¿Todo en el mundo es difícil o fácil? Si lo haces, lo difícil se volverá fácil; si no lo haces, lo fácil también será difícil. ¿Es fácil o difícil para las personas aprender? Si lo aprendes, todo lo que es difícil se volverá fácil; si no lo aprendes, todo lo que es fácil se volverá difícil. ?En segundo lugar, ¿hay futuro para aprender front-end?
Respecto a esta pregunta, mi respuesta es: prometedora, muy prometedora y que vale la pena aprender. Pero el hecho de que la industria tenga futuro no significa que usted tenga futuro, porque el futuro es para aquellos que tienen la capacidad si no estudian bien la tecnología front-end y solo tienen las habilidades de un 3 patas. gato, entonces el futuro simplemente te pasará de largo. Por supuesto que ahora no importa si no lo sabes, puedes fortalecer tu estudio y acumular fuerza. Existe un proceso para mejorar cualquier tecnología. En tercer lugar, ¿cómo se puede aprender tecnología de front-end para progresar muy rápidamente? Respecto a este tema, mi experiencia es aprender de los expertos y dejar que alguien que sepa cómo te guíe, para que no te pierdas. El autoestudio es posible, pero el autoestudio es demasiado laborioso y problemático, y requiere nuestro tiempo y energía. Los costos también son muy altos. Por lo tanto, dejar que un experto lo lleve a aprender puede ayudarlo a evitar desvíos y servirle como guía para aprender el front-end. Todavía necesitamos navegación cuando salimos. Aprendí mi front-end de un experto en línea. Tiene clases de front-end en vivo gratuitas todos los días. Da conferencias durante aproximadamente dos horas. Sus conferencias son muy profundas y amplias, y también es muy minucioso y comprensivo. para aprender front-end debe ir allí. Escuche, los estudiantes que quieran escuchar esta clase en vivo de maestría de front-end pueden ingresar a su falda de información del tutorial de front-end: Primero, el grupo de números al principio es: 655, luego el grupo. El número de números en el medio es: 567, y finalmente el grupo de números al final es: 613. Simplemente combine los tres conjuntos de números anteriores en orden. Solo aprendiendo puede tener un futuro. Puedes tomar la iniciativa en la vida. Solo aprendiendo puedes tener esperanza. Si evitas aprender, solo puedes convertirte en una persona débil, solo debes vivir para ser fuerte. ¿Cuarto? Ruta de aprendizaje completa para front-end grande (explicación detallada).
? La primera etapa:
? (1) HTML CSS:
? Primero, HTML avanzado, CSS avanzado, diseño div css, integración de HTML css. desarrollo,
(2) 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 .
(3) 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, Diseño de flujo en cascada, eventos de desplazamiento, vista de desplazamiento.
(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) Consulta: 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.
(1) HTML5:
Nuevas etiquetas semánticas HTML5, formularios HTML5, audio y vídeo, almacenamiento local y sin conexión, SVG, Web Socket, Canvas.
(2) CSS3:
Nuevo selector CSS3, pseudoelemento, representación de color, borde, sombra, cambios de atributos de series de fondo, transición, animación, profundidad de campo y penetración de profundidad, producción de efectos 3D, Velocity.js marco, entrada de elementos, estrategia de salida y producción de páginas web CSS3 geniales.
(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 terminal móvil, JS común en dispositivos móviles producción de efectos para teléfonos, Zepto.js, página móvil de Juhuasuan, desplazamiento móvil.
La tercera etapa: servicio HTTP y programación AJAX.
(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 Parte 1:
p>
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.
(4) 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, JQuery AjaxAPI en el marco, utilizando Ajax para implementar casos de transmisión explosiva.
La cuarta etapa: orientada a objetos avanzada.
(1) El artículo definitivo sobre 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, orientación a objetos en ES6, permisos de lectura y escritura de propiedades, configuradores y descriptores de acceso.
(2) Tres características principales de la orientación a objetos:
Herencia, polimorfismo, encapsulación e interfaz.
(3) 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, patrón adaptador , programación orientada a aspectos.
La quinta etapa: encapsula tu propio marco.
(1) Bases 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.
Etapa 6: Desarrollo de componentes modulares.
(1) 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, la práctica real de la programación orientada a componentes y el Desarrollo de aplicaciones web basadas en ideas orientadas a componentes.
(2) 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: marco popular dominante.
(1) Flujo de trabajo de desarrollo web:
GIT/SVN, andamio Yeoman, herramienta de gestión de dependencias 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 octava etapa: desarrollo de aplicaciones móviles nativas HTML5.
(1) 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 (crear proyecto, configurar, compilar, depuración, implementación y lanzamiento).
(2) Ionic:
Introducción a Ionic y comparación de categorías similares, análisis de proyectos de plantilla, componentes y uso comunes, creación de aplicaciones con Angular, efectos comunes (desplegable para actualizar , pull-up para cargar, navegación lateral deslizante, pestañas).
(3) 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, nativos API comunes.
(4) 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 completo de Node.js:
(1) Inicio rápido:
Desarrollo de Node.js, ecosistema, Io.js, Configuración del entorno Linux/Windows/OS X, 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.
(2) Módulos y objetos principales:
Objetos globales, proceso, consola, utilidad, impulsado 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.
(3) 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, y desarrollo nativo de Node js. de aplicaciones web, flujo de trabajo de desarrollo web, casos de blogs de desarrollo de Node.js.
(4) Marco de desarrollo rápido:
Introducción Express, introducción MVC, API común Express, módulo de enrutamiento Express, motor de plantillas Jade/Ejs, uso Express para reconstruir casos de Blog, Koa y Otro marco común de MVC.
(5) 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, atención al cliente online Módulo de mensajería instantánea.