¿Cómo empezar con el front-end web?
Si recién estás comenzando o preparándote para comenzar. Te sugiero que vayas paso a paso y aprendas HTML + CSS primero. Nota: esto no requiere que aprendas HTML + CSS muy profundamente. Si quieres aprender CSS muy profundamente, te llevará muchos años. Zhang Xinxu ha estado profundamente involucrado en el campo de CSS.
(1) Si tienes un conocimiento claro del modelo de caja CSS, flotante, decoración, flexión y adaptación, podrás resolver más del 80% de los problemas de tu negocio. Algunas páginas estáticas para practicar Para practicar, puede encontrar algunos sitios web famosos tanto en PC como en dispositivos móviles, como la "Página de inicio de Baidu".
(2) Dedique aproximadamente una semana a aprender el contenido más básico del lenguaje JavaScript, como: variables (lvar, let, const), juicios condicionales (if, else, switch), bucles (for, mientras, hacer...mientras), función, matriz, etc.
(3) Dedique dos semanas a aprender los conocimientos básicos de DOM y BOM, eventos, temporizadores y eventos, y luego haga ejercicios. Permítanme enfatizar aquí: es muy importante practicar, a juzgar por mi experiencia de tutoría a estudiantes a tiempo parcial y pasantes en la empresa, cuando aprendes algún conocimiento, debes practicarlo. En esta etapa, se utilizan algunos efectos especiales simples y se pueden usar todos los conocimientos aprendidos (se pueden usar los puntos de conocimiento de HTML + CSS + JavaScript + DOM + BOM + temporizador)
Aprender es difícil tarea Por supuesto, si puedes aprender la tecnología, al final definitivamente conseguirás un trabajo bien remunerado. Es muy importante dominar un buen método de aprendizaje y aprender de la persona adecuada. Si tienes alguna pregunta en el futuro, puedes preguntarme en cualquier momento. Puede ayudar a otros a aprender a resolver problemas y también es un proceso de mejora para ti.
(4) Utilice de tres a cuatro semanas para aprender JavaScript en profundidad, incluidos: prototipo, cierre, cadena de alcance, esto y orientado a objetos. Estas áreas deben centrarse. No aprenda el contenido de ES6 + en esta etapa. Primero domine el contenido de ES5. Aprender esta parte del contenido será más difícil, así que no se rinda.
(5) Utilice una semana para aprender los conocimientos más básicos de node.js. Nota: solo aprenda los conocimientos más básicos aquí. Solo conozca el proceso general desde una solicitud HTTP hasta la respuesta. entre GET y POST. Simplemente poder escribir la interfaz más simple. Aprenderemos el resto del contenido sobre ndoe.js más adelante. Este paso es para prepararnos para aprender Ajax.
(6) Dedique dos semanas a aprender Ajax, aprenda en profundidad qué es asincrónico y envíe solicitudes a la interfaz de back-end escrita por usted mismo en node.js. Comience usando funciones de devolución de llamada y aprenda gradualmente a usar Promise, async + await y aprenda conocimientos relacionados con asincrónicamente en este paso práctico. El conocimiento asincrónico es relativamente abstracto y debe combinarse con el aprendizaje práctico.
(7) Dedique una semana a aprender el contenido de ES6+. Parte del contenido se ha aprendido en los pasos anteriores, como let, const, Promise y async. En este paso, nos enfocamos en aprender funciones de flecha, clases, modularización, métodos de extensión (cadenas, matrices, funciones, etc.)
(8) Después de completar los pasos anteriores, se inició el front-end y puedes aprender el marco, se recomienda aprender Vue.js primero. Con respecto a los pasos y el contenido de aprender Vue.js, lo explicaré en detalle en la siguiente respuesta (aprender React también es una rutina similar), por lo que. No entraré en detalles aquí.
¿Es suficiente aprender el contenido anterior? Definitivamente no es suficiente. Necesitamos aprender más sobre CSS, JavaScript, desarrollo de componentes y node.js. También necesitamos aprender estructuras de datos y algoritmos, redes informáticas, sistemas operativos, etc.