¿Cómo aprender rápidamente a desarrollar front-end web sin base básica?
El desarrollo de sitios web se divide a grandes rasgos en front-end y back-end. El front-end es el principal responsable de lograr efectos visuales e interactivos, comunicarse con el servidor y completar la lógica empresarial. Su valor fundamental radica en la búsqueda de la experiencia del usuario. Nanshao Computer Learning recomienda aprender el sistema de acuerdo con las siguientes ideas:
Conocimientos básicos:
1. Se recomienda aprender esta parte de HTML CSS en el tutorial en línea de W3school y practicar. mientras aprende. También hay una breve prueba al final del capítulo. Luego, puedes imitar algunos sitios web y crear páginas. Después de acumular algo de experiencia en la práctica, puede leer uno o dos libros de forma sistemática. Recomiendo "HeadFirstHTML y CSS Chinese Edition". Este libro es demasiado detallado y no tuve la paciencia para leerlo detenidamente. Puedes considerarlo según la situación.
2. Realmente hay mucho que aprender sobre JavaScript. Si no tienes conocimientos básicos de otros lenguajes de programación, puede que te cueste algo de esfuerzo aprenderlo. Se recomienda aprenderlo primero en W3school. . Después de eso, le sugiero que lea "La esencia del lenguaje Javascript" de inmediato. JS es un lenguaje muy confuso. Este libro puede ayudarlo a distinguir la esencia del lenguaje de la escoria. Siempre que pueda comprender el código escrito por otros, no es necesario que lo pruebe usted mismo.
Avanzado:
Con la base anterior, puedes llevar a cabo un diseño web estático general, pero necesitas más aprendizaje para páginas complejas.
1. Una lectura obligada es "Dominar CSS". Después de leer este libro, debe tener una buena comprensión de conceptos como modelo de caja, flujo, bloque, en línea, cascada, prioridad de estilo, etc. Como ejercicio, puedes leer el libro "CSS Craftsman", que tiene una introducción detallada a temas como títulos, fondos, esquinas redondeadas, barras de navegación, tablas, formularios, etc.
2. El contenido mencionado anteriormente no es suficiente para hacerte competente en programación JS. Después de tener la base, el contenido de aprendizaje adicional incluye:
a) Marco.
Se recomienda jQuery, es simple y fácil de usar. Después de simplemente aprender js en W3school, puede usar jQuery directamente para completar algunos proyectos simples. El método de aprendizaje también es muy simple. Simplemente siga la documentación del producto y cree algunas páginas. No es necesario que cubra todo. Si encuentra problemas en el futuro, simplemente consulte la documentación. Los marcos pueden ayudarle a bloquear las diferencias entre navegadores, permitiéndole centrarse más en la esencia del aprendizaje sobre desarrollo web. Suplemento: puedes usar Codecademy para aprender Javascript y jQuery, y la experiencia del usuario es realmente buena (gracias Tony Ouyang).
b)Paradigma del lenguaje Javascript. Puede que este nombre no sea apropiado, pero no puedo encontrar un concepto que pueda describir los dos conceptos de "orientado a objetos" y "funcional". Javascript no es completamente un lenguaje orientado a objetos. Muchos de sus conceptos de diseño tienen la sombra de lenguajes de programación funcionales. Incluso se dice que si no estás orientado a objetos, puedes entenderlo completamente como un lenguaje de programación funcional.
Muchas de las características del lenguaje de Javascript existen debido a sus características funcionales del lenguaje. En esta parte, se recomienda aprender primero la teoría básica de la orientación a objetos y comprender conceptos como encapsulación, herencia, polimorfismo, etc. Wikipedia y la Enciclopedia Baidu serán sus ayudas. También recomendamos "ObjectOrientedJavascript", que debe tener un. Versión china. No sé mucho sobre programación funcional sistemáticamente, por lo que no puedo decir mucho al respecto. Puedes buscarlo tú mismo en Baidu.
c)El mecanismo interno del lenguaje Javascript. Es necesario comprender los siguientes conceptos: el alcance de las variables en JS, el método de paso de variables, el entorno de definición y entorno de ejecución de funciones, cierres, los cuatro métodos de llamada de funciones (funciones generales, métodos de objeto, aplicar, llamar) , y los cuatro En el modo de llamada, a quién apunta "esto". Aprenderá más sobre esta parte en "Javascript Language Essence". Además, debes entender json.
d) Programación DOM, una de las habilidades centrales de este ingeniero front-end web. "El arte de la programación Dom" es una lectura obligada. Además, el libro "Javascript de alto rendimiento" sobre programación Dom también es muy bueno.
e) Programación Ajax, esta es otra tecnología central. Ajax recomienda consultar cierta información en Internet para comprender los pormenores de este concepto. El contenido de la Enciclopedia Baidu y Wikipedia es suficiente. La programación real es muy fácil. Hoy en día, casi todos los marcos tienen una buena encapsulación de Ajax y la programación no es complicada.