Para aprender a producir páginas web y desarrollar aplicaciones web, debes dominar estos 3 lenguajes de programación.
Para desarrollar software, es participar en el trabajo de desarrollo de programación. Primero debe aprender los conceptos básicos de la gramática y formar los efectos del producto a través de la gramática. La sintaxis básica del desarrollo front-end consiste en HTML+CSS+JavaScript, que son los tres lenguajes más básicos para el desarrollo front-end. Conceptos básicos del diseño de páginas web: HTML+CSS HTML es un lenguaje de marcado de hipertexto, el lenguaje más básico que conforma el contenido de una página web. Se puede decir directamente que es el esqueleto de la página web. Las imágenes, el texto, el video, el audio y los programas de la página web deben introducirse en la página web para reflexionar. Por supuesto, simplemente usar HTML para crear una página web y tener contenido no es suficiente. Porque si es solo HTML, solo puede usar Table como diseño para crear una página web completa. Pero desde la era Web 2.0, se ha utilizado el método de diseño del modelo de caja, es decir, DIV + CSS para implementar el diseño. CSS son hojas de estilo en cascada. Utilice atributos de estilo para estandarizar el diseño de las etiquetas. Cuando ya no se utiliza el diseño de tabla, el método de desarrollo correcto es implementar el diseño correspondiente de las etiquetas de la página web utilizando estilos CSS. El diseño HTML (div) + CSS es el paso básico para comenzar. En esta etapa, necesita aprender lo siguiente: 1. Semántica de etiquetas, SEO 2. El proceso y principio de carga de la página 3. Estructura de la página web 4. Modelo de caja. (Modelo de caja W3C y modelo de caja IE) 5. Selector de CSS 6. Diseño flotante y posicionamiento de CSS En la etapa inicial, los métodos de diseño que todos aprendieron eran básicamente métodos de diseño estáticos con px como unidad. Familiarizado con buenos métodos de diseño, primero establezca un pequeño objetivo y cree una estructura básica simple de una página web de comercio electrónico sin efectos especiales ni interacción. Lenguaje de programación del navegador: JavaScript JavaScript es una parte muy importante del aprendizaje del desarrollo front-end y también es una dificultad en la que todo el mundo suele caer. Ahora se puede decir que JavaScript es el lenguaje de secuencias de comandos más utilizado en la era de Internet. En las páginas web, toda la representación de datos y la interacción de efectos especiales requieren JavaScript para afectar la visualización del navegador. JavaScript no solo es una parte importante del desarrollo de efectos especiales de páginas web y representación de datos. En las últimas etapas del aprendizaje del desarrollo front-end, cuando se utilizan una gran cantidad de algoritmos y marcos, también hay muchas pruebas sobre los conceptos básicos de JavaScript. En la etapa básica, cuando aprendemos JavaScript, debemos prestar atención a: 1. Instrucciones básicas de palabras clave 2. Tipos de datos básicos, matrices 3. Funciones 4. Programación orientada a objetos 5. Cadena de prototipos, cierre 6. JSON 7. Ajax 8. DOM (operación DOM nativa del modelo de objetos de documento) 9. Captura de eventos, burbujeo, proxy 10. Métodos de funciones comunes 11. Al aprender ES5, 6 y 7 en JavaScript, lo principal es comprender los principios de interacción, analizar los principios claramente y comprender realmente la sintaxis. Entonces es fácil escribir incluso lógica compleja. Biblioteca clásica de JavaScript jQuery Cuando se trata de aprender JavaScript, muchos estudiantes novatos definitivamente tendrán dolor de cabeza con su método de escritura nativo. Cada negocio lógico debe escribirse manualmente, es decir, la rueda se construye una vez. Lo encuentro muy problemático. Sería bueno si pudiera ser más sencillo. Debido a que JavaScript tiene la capacidad de encapsularse, muchas bibliotecas de clases y complementos encapsulados en JavaScript aparecieron más tarde. Por ejemplo, la biblioteca de clases más clásica es jQuery. La biblioteca de clases jQuery encapsula muchos métodos de eventos de JavaScript en la biblioteca de clases. A través de la encapsulación, jQuery alivia muchos problemas como el recorrido y la selección de objetos. Para simplificar la implementación de efectos especiales de páginas web, simplemente llame al método. Al aprender jQuery, debe centrarse en lo siguiente: 1. La diferencia entre la sintaxis de jQuery y la sintaxis nativa de JavaScript 2. Objeto Dom y objeto jQuery 3. La diferencia entre la función de entrada de jQuery y la función de entrada de JavaScript 4. La lógica de ejecución de los eventos de jQuery . Al aprender jQuery, el efecto más importante es completar rápidamente efectos especiales en páginas web, como carruseles, menús de acordeón, carruseles, lupas, etc. Ser capaz de completar el diseño y el desarrollo de efectos especiales de un sitio web de comercio electrónico es el requisito más básico.
Estos son algunos contenidos básicos necesarios para el aprendizaje de base cero. Las cosas más básicas que deben dominarse en el desarrollo front-end de nivel básico solo pueden estar mejor preparados para el aprendizaje posterior si comprenden bien los conceptos básicos. Además del lado básico de la PC para el aprendizaje avanzado multiterminal, se puede decir que el lado móvil es muy popular en este momento. A diferencia de una única página web en el lado de la PC, la tecnología en el lado móvil se puede aplicar a WEB-APP, miniprogramas, Hybrid-App, etc. Web-App es una gran página web móvil abierta por nuestros navegadores comunes (y navegadores integrados, como WeChat). Por ejemplo, nuestros sitios web comunes de comercio electrónico, sitios web funcionales y sitios web de administración tienen el efecto de una aplicación en cuanto a diseño y función. Para hacer un buen trabajo en el desarrollo de aplicaciones web, muchas personas definitivamente dirán que el diseño responsivo es el más básico. Sin embargo, existen cinco métodos de diseño en el desarrollo front-end. Además del famoso diseño responsivo, también existe el más. Un método de diseño flexible importante en el lado móvil es el diseño Rem, que es un dolor de cabeza para muchas personas. Además de los métodos de diseño, también es necesario tener a mano nuevas funciones del H5, eventos de la pantalla táctil y problemas de compatibilidad del dispositivo. No hace falta decir que los miniprogramas son muy populares ahora. Todas las plataformas principales están creando sus propios miniprogramas, que se utilizan en diversas negociaciones de precios, adquisición de entradas, comercio electrónico y juegos. Tomando el subprograma WeChat como ejemplo, es principalmente una sintaxis de encapsulación creada por el equipo de WeChat basada en la base del front-end, y la principal es la sintaxis ES. Actualmente, muchas empresas contratan desarrolladores de aplicaciones para el usuario para programas pequeños y actualmente no hay ingenieros de desarrollo de programas pequeños independientes. Por lo tanto, se puede decir que los programas pequeños son una habilidad adicional para que los ingenieros de aplicaciones para el usuario obtengan un empleo bien remunerado. , son esenciales para el desarrollo maduro. La aplicación híbrida también se llama aplicación híbrida. Es posible que pocas personas hayan oído hablar de ella, pero cada vez más personas la han desarrollado en 2018. Este tipo de aplicación puede generar directamente una aplicación que se descarga en el terminal. términos de experiencia Ya cuenta con la mayoría de funciones de una APP tradicional. Este tipo de umbral de desarrollo es bajo, es decir, se puede completar el desarrollo front-end. La mayoría de ellos se pueden realizar mediante plataformas de paquetes grandes. Podrás aprender más sobre esto más adelante. Los marcos tecnológicos convencionales de front-end son cosas básicas. Ahora, cuando desea trabajar en el desarrollo de front-end, no depende solo de cosas básicas. Puede considerarse maduro al crear una página móvil. Se puede decir que los tres marcos front-end principales, VUE, Angular y React, son muy populares ahora. ¿Por qué necesitamos un marco cuando podemos escribir una interfaz con sintaxis básica? Muchos amigos novatos no entienden qué es un marco. Solo han oído hablar de cosas como jQuery y piensan que es un marco. O piensan que el marco es para acelerar el desarrollo y piensan que estas bibliotecas y complementos pueden completar el trabajo del marco. De hecho, la aparición del marco es un símbolo importante del cambio de estado del front-end. La manifestación más importante es la separación del front-end y el back-end. Antes de la separación del front-end y el back-end, muchos desarrolladores de back-end eran al mismo tiempo padres y madres. . Nací en la parte de atrás y conozco el dolor. Los proyectos front-end actuales son más complejos y diversos que antes. El proyecto se ha vuelto más complejo y hay más problemas. Entonces, ¿qué problema resuelve el marco? Para resolver el problema de hacer referencia repetidamente a JS externo, tomando el desarrollo con jQuery como ejemplo, muchas veces no es posible completar un proyecto por sí solo y es necesario hacer referencia a muchos complementos y bibliotecas de terceros, lo que resulta en la introducción de muchos archivos JS externos en un proyecto. Esto no solo desordena el código, sino que también afecta la velocidad de apertura. Pero cuando se usa un marco, tomando VUE como ejemplo, generalmente funciona con la herramienta de compilación y luego se puede completar con un archivo de entrada. Se puede introducir una vez en la entrada durante el tiempo de ejecución, de una vez por todas. Al utilizar el desarrollo de componentes, los componentes son una de las funciones más poderosas en el marco de front-end. Pueden extender su HTML y encapsular bloques de código reutilizables, como su carrusel, cambio de pestañas, encabezado de página, parte inferior de la página, etc. Este componente independiente tiene funciones completas de estructura (html), rendimiento (css) y comportamiento (js), lo que ahorra en gran medida la cantidad de código y mejora la reutilización del código. Especialmente cuando se trabaja en equipo, puede mejorar enormemente la eficiencia. Reducir el ciclo de desarrollo. Si cree que jQuery puede reducir el ciclo de desarrollo, entonces el marco puede ser más rápido que la biblioteca. Por ejemplo, cuando se desarrolla con jQuery, a menudo es necesario operar el DOM con frecuencia y buscar cada efecto en el DOM, lo cual es muy engorroso. Cuando se utiliza el marco, se encapsulan muchas funciones. Por ejemplo, muchas instrucciones tienen funciones de enlace y formato de datos. De esta manera, la mayoría de las veces, solo necesitamos centrarnos en la lógica de los datos al desarrollar. El último de estos son algunos de los puntos de conocimiento necesarios para que aprendamos sobre producción de páginas web, desarrollo de aplicaciones web y desarrollo front-end. Déjame compartir contigo la ruta de aprendizaje.
Como ingeniero de front-end que está iniciando un negocio, si también está confundido y no sabe cómo aprender front-end, puede unirse a mi grupo de autoestudio. Habrá intercambio de conocimientos, emparejamiento de socios de aprendizaje y usted. También puedes participar en los proyectos y actividades online organizados por mí. Si quieres unirte, déjame un mensaje o envíame un mensaje privado directamente.