¿Qué necesitas para aprender desarrollo front-end WEB?

Comencemos con un malentendido en el estudio de todos.

El desarrollo front-end es una industria emergente que ha surgido en los últimos años, por lo que está lejos de ser un sistema de cursos maduro como el comercio electrónico. No existe un sistema completo de cursos front-end en las universidades, por lo que el aprendizaje. El front-end en China no es más que formación y autoestudio.

La formación es para aquellos que tienen las condiciones, y muchos amigos prefieren el autoestudio. Pero después de todo, el poder del autoaprendizaje es limitado. Para que aquellos que quieran aprender aprendan mejor, recomiendo una falda que mide 6 1 1, la del medio 4 2 8 y la última es 1. 4? 2. Hay mucha gente que quiere aprender aquí. La gente se comunica con todos y también hay expertos que dan clases gratuitas todas las noches. Las personas que quieren aprender pueden unirse a nosotros, pero solo damos la bienvenida a las personas que quieren aprender. ¡No personas que sólo quieren aprender!

Malentendidos en el aprendizaje web front-end

La producción de páginas web es un curso al que los estudiantes de informática estarán expuestos durante la universidad, y el entorno de desarrollo integrado (IDE) se utiliza primero para aprender las páginas web. producción Presumiblemente la mayoría de ellos son Dreamweaver. Este IDE WYSIWYG nos brinda grandes oportunidades de aprendizaje para crear páginas web. IDE nos brinda una gran comodidad al crear páginas web.

Es rápido comenzar y obtener resultados rápidamente, lo que hace que nos enamoremos de la producción de páginas web sin saberlo. Hablando de esto, muchas personas caerán en un malentendido, es decir, dado que usan un IDE tan atractivo, pueden crear páginas web rápida y fácilmente haciendo clic en el menú con el mouse.

Entonces, ¿por qué todavía necesitamos aprender HTML, CSS, JavaScript, jQuery, etc.? ¿Estos códigos patéticos? ¿No se trata de abandonar lo simple en favor de lo complejo?

Pero a medida que avance el estudio, nos encontraremos en un dilema: confiar demasiado en el IDE nos llevará a no conocer la esencia de su implementación, a saberlo pero sin saber por qué.

Por lo tanto, cuando haya un problema con la página, no podremos hacer nada, y mucho menos cómo optimizar la página y realizar algunas aplicaciones más avanzadas. La razón es obvia: los entornos de desarrollo integrados inteligentes fomentan nuestra pereza y nos hacen ignorar lo que hay detrás de las magníficas páginas: el código.

La dirección correcta es mejor que ningún esfuerzo

Dos hormigas están intentando trepar por una pared. Una hormiga llega al pie del muro y sube sin dudarlo, pero cada vez que sube hasta la mitad, se desploma por el cansancio y el cansancio. Sin inmutarse, cayó una y otra vez, rápidamente ajustó su condición y comenzó a subir de nuevo.

La otra hormiga observó un rato y decidió rodear la pared. Pronto, la hormiga rodeó la pared y comenzó a disfrutar de la comida, mientras la otra hormiga seguía cayendo y empezando de nuevo.

Muchas veces, el éxito requiere no sólo coraje y perseverancia, sino también dirección. Quizás con una buena dirección el éxito llegue más rápido de lo esperado. Si vas por el camino equivocado, todos tus esfuerzos serán en vano. Lo mismo ocurre con el aprendizaje del front-end web. Primero debe elegir la ruta de aprendizaje correcta.

La ruta de aprendizaje del front-end web se divide en las siguientes etapas en función de mi experiencia de aprendizaje en los últimos años, mi experiencia en el coaching de estudiantes y las necesidades de los proyectos reales de la empresa. es como se muestra en la figura que se muestra.

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 página web dinámica, lo que finalmente se devuelve al navegador es el código HTML y. el navegador interpreta el código HTML y después de presentarlo al usuario, se lo presenta al usuario. Por tanto, debemos dominar la estructura básica y las etiquetas y atributos comunes de HTML.

El aprendizaje de HTML es un proceso de memorización y comprensión. Durante el proceso de aprendizaje, puede utilizar la vista "dividida" de Dreamweaver para facilitar el aprendizaje.

Vea los efectos en la vista "Diseño" y aprenda la esencia en la vista "Código". Se maximizan las ventajas de varias vistas. Este método de aprendizaje compensa el aburrido aprendizaje de las etiquetas HTML y el conocimiento de atributos. ¡Todos los pequeños amigos entienden esto! ¡Este método compensa el tedio de simplemente memorizar etiquetas y atributos HTML!

Después de aprender HTML, siempre que dominemos los métodos de producción de varias "materias primas", para construir un edificio, debemos combinar y distribuir estas "materias primas" de acuerdo con nuestro plan de diseño, y haz un poco de embellecer el estilo.

Así que entramos en la segunda etapa: aprender CSS.

CSS es la abreviatura de Cascading Style Sheets en inglés. El nombre completo es Cascading Style Sheets. Es un lenguaje de diseño de estilo que realmente puede separar el rendimiento y el contenido de las páginas web. En comparación con el rendimiento de los estilos HTML tradicionales, se puede reutilizar, lo que mejora enormemente nuestra velocidad de desarrollo y reduce los costos de mantenimiento.

Al mismo tiempo, el modelo de cuadro CSS, el diseño relativo, el diseño absoluto, etc. pueden lograr un control preciso a nivel de píxel de la posición de cada objeto en el diseño de la página web. A través de esta etapa de aprendizaje, podemos completar con éxito la construcción de "un edificio".

Una vez completado el "edificio", podemos entregárselo a los usuarios, pero si queremos que los usuarios tengan una mejor experiencia, también podemos realizar una "decoración" más profunda en el "edificio" para que Parece más agradable estéticamente. "Haz que parezca más "lujoso".

Para completar esta tarea, entramos en la tercera etapa: aprender JavaScript.

JavaScript es un lenguaje ampliamente utilizado por los clientes. El lenguaje de Las secuencias de comandos del lado final nos proporcionan muchas funciones, objetos y operaciones DOM integradas en JavaScript. 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 ya no estén disponibles. ¡Miren tan aburridos, perdedores! ¡Rebote instantáneo, ricos y guapos!

¡Esta es también la primera vez que vemos esta situación!

En este momento, tal vez todavía estén inmersos en la situación. sorpresa que te ha traído JavaScript pero de repente el director del proyecto te grita:

"Este efecto no es compatible en el navegador xxx, por favor rediseñalo..."

"¿Incompatible? ¿Petrificado instantáneamente?

"¡Mierda, esto es tan estúpido! ¡Me tomó una noche escribir cientos de líneas de código para hacerlo, vomitando sangre!"

La compatibilidad y complejidad de JavaScript a veces es un verdadero dolor de cabeza, por lo que es bueno saber que hay un "gran arma" ahí fuera para ayudarnos.

A continuación, ingresamos a la cuarta etapa: aprender jQUery.

jQuery es una biblioteca JavaScript liviana, de código abierto y gratuita que es compatible con una variedad de navegadores (jQuery2.0 y las versiones posteriores han dejado de ser compatibles con los navegadores IE6/7/8), y ahora hay Hay muchos complementos basados ​​​​en jQuery para elegir, lo que lo hace más conveniente cuando implementamos algunos efectos dinámicos ricos, ahorra en gran medida nuestro tiempo de desarrollo y mejora la eficiencia de nuestro trabajo. Nos ahorra tiempo de desarrollo y mejora la velocidad de desarrollo, lo que refleja plenamente su propósito principal de escribir menos y hacer más. ¡Se siente tan bien!