¿Cómo aprender sistemáticamente el front-end web desde cero?

1. ¿Cómo debería aprender front-end un novato sin conocimientos para evitar desvíos?

Con respecto al aprendizaje front-end, no recomiendo el autoestudio, porque el sistema de conocimiento front-end es muy grande. Si estudias solo y encuentras algunos problemas, te resultará difícil hacerlo. Resuélvelos tú mismo. Al menos necesitas una interfaz profesional. Solo cuando estás sobre los hombros de expertos puedes ver más alto y más lejos. Por supuesto, dirán muchos amigos, también sé que es bueno tener orientación experta. Aprendizaje front-end, pero ¿cómo sé dónde encontrar expertos y por qué los expertos? ¿Está dispuesto a guiarme?

Esta es una buena pregunta. De hecho, ahora es la era de Internet. Hay muchos videos relacionados y clases en vivo en Internet. Por lo general, me conecto en línea para escuchar conferencias de algunos expertos en front-end. Como joven que quiere trabajar en la industria front-end, debe tener una mente normal. Siempre que pueda aprender conocimientos, simplemente no se esfuerce por hacer algo, de lo contrario no podrá. hacer algo bien. 2. ¿Qué cualidades necesitas para aprender front-end?

(1) Si algún elemento de la web (interfaz web, estilo de programación flexible, etc.) te atrae y te fascina realmente, enhorabuena, tienes un comienzo perfecto. Confirme si le gusta y es apto para un trabajo inicial, no para un trabajo que parezca decente y bien remunerado.

(2) El aprendizaje continuo, la acumulación diaria y la atención a las tendencias front-end son las principales formas de mantenerse al día con las tendencias front-end. El sistema front-end es demasiado grande y están surgiendo marcos técnicos. Si a menudo se queja del ritmo agotador de los programadores, examine su actitud hacia el front-end.

(3) Céntrate en lo básico y evita la ceguera. Hay muchos puntos de conocimiento en el campo front-end y hay muchas cosas que vale la pena aprender. Las personas inteligentes saben cómo dedicar tiempo a aprender conocimientos sistemáticos y estudiarlos con suficiente profundidad, en lugar de aprender a ciegas qué marco usan otros. Simplemente quédese en la etapa de aplicación práctica. Al final, los marcos se eliminarán uno por uno y usted seguirá estancado.

(4) Organizar y resumir, primero imitar y luego crear. Organiza tu acumulación diaria y regístrala en un blog o en notas. Eche un vistazo al código fuente de personas talentosas. Cuando alcance un cierto nivel, naturalmente se sentirá más cómodo.

(5) Tener corazón para beneficiar a la comunidad front-end. Escriba algunos gadgets y complementos interesantes, promuévalos y crea siempre que no está solo en el camino hacia el front-end.

(6) Necesitas la guía de profesionales, especialmente aquellos que aprenden front-end para encontrar trabajo. No imagines que puedes encontrar un trabajo aprendiendo front-end por tu cuenta. Es difícil ahora si no hay nadie que entienda para ayudarte a resolver el problema, habrá muchos desvíos, es fácil darse por vencido en el medio, el aprendizaje no es profesional y lo más importante es un desperdicio. tiempo.

(7) Una buena mentalidad y perseverancia son muy importantes. Muchas personas que aspiran a un salario alto quieren aprender el front-end, pero solo unas pocas pueden aprenderlo y darse por vencidos cuando lo encuentran. Dificultades. Hay personas así en todas partes, solo porque algunas cosas son difíciles, por lo que sus recompensas son grandes. Cuando juzgamos el nivel de un desarrollador front-end, depende de su capacidad para resolver problemas.

¿Qué necesitas aprender sobre el desarrollo front-end web?

Fase 1: Reconstrucción de la página front-end (4 semanas)

El contenido incluye: (proyecto de diseño de sitio web para PC, HTML5 +Proyecto básico CSS3), Proyecto de diseño de página WebApp)

Fase 2: Programación avanzada en JavaScript (5 semanas)

El contenido incluye: (Proyecto de desarrollo de funciones interactivas nativas de JavaScript, orientadas a objetos). avance y proyectos de aplicaciones ES5/ES6, biblioteca de herramientas JavaScript, proyectos de investigación y desarrollo independientes)

Fase 3: desarrollo de proyectos completos en el lado de la PC (3 semanas)

El contenido incluye: (Desarrollo de efectos especiales interactivos clásicos de jQuery, 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 para PC, proyectos de desarrollo front-end de sistemas de información de gestión para 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 WebApp, aplicación de Vue.js para desarrollar proyecto WebApp, aplicación de React.js para desarrollar proyecto WebApp)

Fase 5: Desarrollo híbrido (Híbrido, ReactNative) (1 semana)

El contenido incluye: (desarrollo de subprogramas WeChat , ReactNative, desarrollo de varias aplicaciones híbridas)

Fase 6: Desarrollo full-stack de NodeJS (1 semana)

El contenido incluye: (Desarrollo del sistema back-end de WebApp, 1, conceptos básicos de NodeJS y Módulo principal 2 de NodeJS, Express 3, base de datos noSQL) El contenido de aprendizaje anterior está relacionado con Mueva los tutoriales en video de soporte al sitio web oficial de Shangxuetang en la Estación B. ¡Le esperan más tutoriales interesantes!