¿Cuál es la ruta de aprendizaje del front-end web? Lo entenderás en segundos después de leerlo.
1. La primera etapa: aprender HTML
El lenguaje de marcado de hipertexto (HTML para abreviar) es el esqueleto de una página web, ya sea una página web estática o una En una página web dinámica, lo que finalmente se devuelve al navegador es el código HTML, y el navegador interpreta y representa el código HTML y lo presenta al usuario. Por tanto, debemos dominar la estructura básica y las etiquetas y atributos comunes de HTML.
El aprendizaje HTML es un proceso de memoria y comprensión. Durante el proceso de aprendizaje, puede utilizar la vista "dividida" de Dreamweaver para facilitar el aprendizaje. Vea el efecto en la vista "Diseño", aprenda la esencia en la vista "Código" y maximice las ventajas de varias vistas. Este método de aprendizaje comparativo compensa el tedio de simplemente memorizar etiquetas y atributos HTML. para todos los principiantes. ¡Debe ser genial para los pequeños amigos!
Después de aprender HTML, solo dominamos los métodos de producción de varias "materias primas". Si queremos construir un edificio, todavía necesitamos usarlas. Estas Las "materias primas" se ensamblan de acuerdo con el plan que diseñamos y se embellecen con algunos estilos.
2. La segunda etapa: aprender CSS
CSS es la abreviatura de Hojas de estilo en cascada en inglés, llamadas hojas de estilo en cascada, que realmente pueden separar el rendimiento y el contenido de las páginas web. lenguaje de diseño de estilo. En comparación con el rendimiento del HTML tradicional, sus estilos se pueden reutilizar, lo que mejora enormemente nuestra velocidad de desarrollo y reduce los costos de mantenimiento.
Al mismo tiempo, el modelo de caja, el diseño relativo, el diseño absoluto, etc. en CSS pueden lograr un control preciso a nivel de píxel de la posición y el diseño de cada objeto en la página web. A través de esta etapa de aprendizaje, podemos completar con éxito la construcción de "un edificio".
Una vez completada la construcción del "edificio", podemos entregárselo a los usuarios para que lo utilicen, pero si queremos que los usuarios tengan una mejor experiencia, también podemos "decorar" aún más el "edificio". para que se vea mejor.
3. La tercera etapa: aprender Java
Java es un lenguaje de script ampliamente utilizado en el lado del cliente. Java nos proporciona algunas funciones, objetos y operaciones DOM integrados. Con la ayuda de estos contenidos, podemos implementar algunos efectos especiales, verificación, interacción, etc. del lado del cliente, para que nuestras páginas parezcan menos aburridas y puedan contraatacar instantáneamente a Gao Fushuai. Todavía inmerso en este Java te trae sorpresas, pero tu gerente de proyecto de repente te grita: "Este efecto no es compatible en el navegador ××, inténtalo de nuevo..." "¿Incompatible?" ¡Eso es una estafa! ¡Me tomó una noche escribir cientos de líneas de código para hacerlo, y me hizo vomitar sangre!" La compatibilidad y complejidad de Java a veces nos dan dolor de cabeza, pero afortunadamente hay un " master" Nos ayudó con el embalaje.
4. La cuarta etapa: aprender jQUery
jQuery es una biblioteca Java ligera, gratuita y de código abierto y es compatible con varios navegadores (jQuery2.0 y versiones posteriores han dejado de ser compatibles). para navegadores IE6/7/8), y ahora hay muchos complementos basados en jQuery para elegir, lo que hace que sea más conveniente y rápido para nosotros implementar algunos efectos dinámicos enriquecidos, lo que nos ahorra mucho tiempo de desarrollo y mejora el desarrollo. velocidad, que refleja plenamente su propósito principal de escribir menos y hacer más. ¡Esto se siente genial! ¿Existe tal cosa? Se ha construido un "edificio de lujo", pero construir el edificio así todos los días, año tras año, es muy engorroso. ¿Se pueden modular todos los componentes del edificio, cuando es necesario? Construir un edificio es como apilar bloques. ¿No sería fantástico? ¿Se puede realizar? Este tipo de pensamiento también es adecuado para el desarrollo web front-end, por lo que han aparecido varios marcos front-end. El que se recomienda a todos aquí es Bootstrap. Bootstrap es un conjunto de herramientas de código abierto para el desarrollo front-end lanzado por Twitter. Es un marco CSS/HTML y admite diseño responsivo. Se volvió muy popular una vez que se lanzó y siempre ha sido un proyecto popular de código abierto en GitHub.
Durante el proceso de desarrollo del proyecto, podemos utilizar los estilos CSS, componentes, complementos de Java, etc. proporcionados por Bootstrap para completar rápidamente el diseño de la página y la configuración de estilo, y luego ajustar los estilos de manera específica. El desarrollo basado en tecnología acorta enormemente el ciclo de desarrollo. ¡Es genial estar sobre los hombros de gigantes!