¿Cómo aprender front-end por tu cuenta? Evite desvíos
Primero hablemos sobre cómo comenzar con el front-end de autoestudio.
Método:
Primero: aclarar la estructura de conocimiento del front-end web. Para aprender de manera eficiente el conocimiento del front-end web, primero debe comprender qué estructuras técnicas incluye el front-end web. Aunque la dificultad técnica del desarrollo front-end web no es alta, hay muchos detalles técnicos y el contenido es complicado. La base del front-end web incluye tres partes: HTML, CSS y JavaScript son el enfoque y la dificultad del aprendizaje. Además, también es necesario dominar marcos como vue.
Segundo: Mantenerse al día con las tendencias de desarrollo tecnológico. Actualmente existen tres tendencias de desarrollo tecnológico en el front-end web: una es la digitalización del desarrollo front-end, la segunda es la eficiencia del desarrollo front-end y la tercera es el desarrollo front-end completo. La digitalización del desarrollo front-end está influenciada principalmente por el desarrollo de big data. Impulsado por big data, el front-end web involucra gradualmente una gran cantidad de tareas de visualización de datos. La eficiencia del desarrollo front-end se refleja principalmente en la implementación independiente del front-end web, y la comunicación entre el front-end y el back-end se realiza principalmente a través de interfaces de recursos. El desarrollo front-end de pila completa también es una tendencia relativamente obvia, como las aplicaciones Nodejs.
Tercero: preste atención al cultivo de la capacidad práctica. Al aprender desarrollo front-end, debe prestar atención a cultivar la capacidad práctica. Debido a que el desarrollo front-end tiene muchos detalles, solo puede familiarizarse con él gradualmente a través de múltiples operaciones.
El desarrollo front-end actualmente se denomina "gran front-end", y a todo el desarrollo front-end también se le han dado más significados, incluido el desarrollo web front-end, el desarrollo móvil, el desarrollo de presentaciones de big data y algunas tareas de desarrollo back-end, etc. Por lo tanto, si desea ir más allá en la industria front-end, debe prestar atención a la riqueza de la estructura del conocimiento.
En comparación con otros lenguajes de programación, el front-end es reconocido como un lenguaje con menores barreras de entrada. Sin embargo, muchas personas todavía se preguntan antes de aprender si es difícil aprender el front-end web desde cero y en cuánto tiempo. será necesario aprenderlo. La facilidad y el tiempo de aprendizaje dependerán, por supuesto, del método de aprendizaje.
Es fácil comenzar con el front-end, pero después de un estudio en profundidad, aún es difícil aprender. Si aprende el front-end web usted mismo desde cero, el tiempo y la energía invertidos serán inconmensurables. Si estudia el sistema durante 5 meses, puede ayudarlo a convertirse rápidamente en un ingeniero de front-end web calificado.
Ruta:
Fase 1: Reconstrucción de la página front-end (4 semanas)
El contenido incluye: (proyecto de diseño de sitio web para PC, proyecto básico HTML5 CSS3, Proyecto de diseño de página WebApp)
Fase 2: Programación avanzada de JavaScript (5 semanas)
El contenido incluye: (proyecto de desarrollo de funciones interactivas de JavaScript nativo, avance orientado a objetos y aplicación ES5/ES6 proyectos, biblioteca de herramientas JavaScript, proyectos de investigación y desarrollo independientes)
Fase 3: desarrollo de proyectos completos del lado de la PC (3 semanas)
El contenido incluye: (efectos especiales interactivos clásicos de jQuery desarrollo, protocolo HTTP, proyectos de desarrollo avanzado Ajax y PHP/JAVA, proyectos de ingeniería front-end y aplicaciones modulares, proyectos de desarrollo de sitios web del lado de la PC, proyectos de desarrollo front-end del sistema de información de gestión del lado de la PC)
Fase 4: Desarrollo de proyecto móvil (6 semanas)
El contenido incluye: (proyecto de terminal táctil, proyecto de escena WeChat, aplicación de Angular Ionic para desarrollar proyecto de WebApp, aplicación de Vue.js para desarrollar proyecto de WebApp, aplicación de React.js para desarrollar proyecto WebApp)
Fase 5: Desarrollo híbrido (Hybrid, ReactNative) (1 semana)
El contenido incluye: (desarrollo de subprogramas WeChat, ReactNative, desarrollo de varias aplicaciones híbridas )
Fase 6: Desarrollo full-stack de Node.js (1 semana)
El contenido incluye: (Desarrollo del sistema back-end de WebApp, 1. Conceptos básicos de Node.js y Node. js core module; 2. Express; 3. base de datos noSQL)
En cuanto a los tutoriales en vídeo, tengo muchos tutoriales completos de front-end aquí. Si los necesitas, puedes agregar mi falda de intercambio de aprendizaje y preguntarme. ¡por ello!