¿Qué tecnologías se necesitan para el front-end web?

Todos los marcos de conocimiento deben ser una visualización estructural, que es un árbol. Hay muchos puntos de conocimiento en la interfaz web y también están muy dispersos. Se necesitan varias capas de estructuras para organizar el sistema; de lo contrario, se verá muy desordenado. Entonces, ¿cómo lo organizas y pones a quién con quién? Realmente vale la pena pensar en esto, y también puedes pensar en este tema tú mismo.

En el marco de conocimiento que resumí, en primer lugar, dividí la primera capa en: conocimiento teórico, marco de biblioteca de clases, desarrollo de codificación y entorno operativo. Como se muestra a continuación:

Déjame explicarte:

Esta imagen debe verse de abajo hacia arriba, ¿por qué? ——Porque lo siguiente es la base de lo anterior;

En primer lugar, necesitamos ciertos conocimientos teóricos, ya sea que escuche las conferencias de otros, lea libros usted mismo o busque información en línea. Ciertos conocimientos teóricos. Todo tipo de desarrollo de programas es inevitable.

En segundo lugar, con este conocimiento teórico podemos codificar, sí, pero nadie puede resistir la tentación de frameworks y bibliotecas de terceros, como jquery.

En tercer lugar, con este conocimiento teórico; conocimiento y el marco de la biblioteca de clases que nos ayuda, realmente podemos codificar. Quizás pienses que el desarrollo de la codificación no se trata solo de escribir código, ¿qué más hay? ——Hay muchas cosas aquí;

Finalmente, el propósito de desarrollar un programa es ejecutarlo de manera eficiente y estable en el entorno correspondiente. ¿Cuáles son las cosas que debemos hacer? Espérelo con ansias;

El conocimiento teórico incluye "conocimiento blando" y "conocimiento duro".

Puede pensar que las palabras "conocimiento blando" y "conocimiento duro" no le resultan familiares. pero de hecho, cuando lo diga, todos lo entenderán.

Las denominadas “blandas” son aquellas que pueden utilizarse en diversos desarrollos de programas y se consideran habilidades básicas y habilidades internas, como estructuras de datos, algoritmos, patrones de diseño, orientadas a objetos, etc. ;

Los llamados "duros" son aquellos que se pueden utilizar directamente en el desarrollo de este programa. Para utilizar el lenguaje C, debe aprender la sintaxis del lenguaje C. Aprender Java es inútil en este momento. El conocimiento profundo que necesitamos para el desarrollo web front-end en realidad se incluye en tres estándares: oon.io me permite personalizar y seleccionar mis propios archivos de íconos.

Los sistemas de definición de módulos como requirejs y seajs también deben ser indispensables en su sistema. Una vez vi un tutorial y el instructor dijo: requirejs ha provocado el segundo cambio de tecnología front-end después de jquery.

Otros, backbone, angular, react, etc. poco a poco están empezando a mostrar su valor. No entraré en detalles aquí porque mi energía es limitada, pero son muy importantes, al menos debes intentarlo. Conócelos.

6. Desarrollo de codificación

Si quieres preguntar qué IDE de codificación es el mejor, ¡por supuesto que tiene que ser el estudio visual de Microsoft! Pero ni siquiera la última versión de VS de Microsoft puede reemplazar el entorno de desarrollo que se menciona a continuación.

Si te especializas en front-end web, no uses vs. Por supuesto, elige sublime. ¿Todavía necesito escribir declaraciones html una por una manualmente? Necesita la ayuda de zencoding; de lo contrario, la eficiencia será demasiado pobre.

Además, ¿todavía tienes que comprimir, fusionar, verificar la sintaxis, borrar archivos y copiar HTML, CSS y JS manualmente? ——Necesitas ayuda con un gruñido o un trago.

Me gustaría recomendar mi propio tutorial "Construcción de un entorno de desarrollo web automatizado con Grunt", que es más detallado y adecuado para principiantes.

Si hay muchos códigos o archivos js en su sistema, elija una especificación de definición de módulo adecuada: CMD / AMD

Utilice git para ayudarle a crear versiones de archivos para su administración. , la forma más sencilla es utilizar github.

También hay herramientas especiales para depurar y probar, todas las cuales deben aprenderse...

——Dios mío... No puedo escribir estas palabras hasta que Ahora es muy frustrante, y mucho menos aprender este conocimiento. ¡Ya no digas que nuestra interfaz web son las "tres grandes piezas"!

7. Entorno operativo

Cuando el sistema está realmente en el entorno operativo, cuando siente que finalmente está listo, en realidad hay varios puntos de conocimiento que debe dominar.

Mire la imagen a continuación:

En primer lugar, debe saber que, aunque la mayoría de los sistemas web se ejecutan en navegadores, js puede ejecutarse en un entorno de nodos.

En un entorno de navegador, los dos puntos más importantes son: la seguridad web y la optimización del rendimiento. He enumerado los esquemas a los que se debe prestar atención. Si desea saber más, le recomiendo dos libros: "White Hat Web Security" y "High-Performance Website Construction Guide"

8.

Lo anterior es todo el sistema de conocimiento. Si quieres convertirte en un programador cualificado que guste a los líderes, además de conocer estos conocimientos, creo que también necesitas los siguientes puntos:

Debes comprender los procesos ágiles de desarrollo de software (como SCRUM) y la gestión de proyectos. conocimiento (como obtener PMP), este también es un tipo de conocimiento "suave";

Debes aprender a comunicarte con otras personas en línea (blogs, grupos QQ, proyectos de código abierto), la comunicación puede hacerte ver Las propias carencias;

Debemos aprender a autorreflexionar y autoestudiar. Al igual que yo ahora, intenta resumir lo que te corresponde, reflexiona sobre ello y avanza en cualquier momento