¿Cómo aprender lenguajes de programación de manera eficiente y sin base?

Realmente hay mucho que aprender sobre Javascript. Si no tienes una base en otros lenguajes de programación, puede que te cueste algo de esfuerzo aprenderlo. Se recomienda aprenderlo primero en W3school. JS es un lenguaje muy confuso. Este libro puede ayudarte a distinguir cuál es la esencia del lenguaje y cuál es la escoria. Debes estudiar la esencia del lenguaje en profundidad. Siempre que pueda comprender el código escrito por otros, no es necesario que lo pruebe usted mismo.

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 los conceptos básicos, 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. La experiencia del usuario es realmente buena.

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 ayudantes. 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) Mecanismo interno del lenguaje Javascript. Es necesario comprender los siguientes conceptos: el alcance de las variables en JS, el método de transferencia de variables, el entorno de definición y el 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". Además, debes entender json.

d) Programación DOM, una de las habilidades centrales de este ingeniero front-end web.

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.

f) Comprender las diferencias entre navegadores. Esta parte incluye CSS y js. Hay muchas diferencias entre los navegadores. Se recomienda acumular más en la práctica. Además, se deben estudiar sistemáticamente el modo de representación del navegador, DOCTYPE y otros contenidos.

3.HTML5 y CSS3. La especificación HTML5 se publicó el 28 de octubre de 2014. HTML5 y CSS3 móviles se han utilizado ampliamente, por lo que debe conocerlos.

Pasando al siguiente nivel, el nivel de código:

Con el conocimiento anterior, deberías poder escribir código funcional para la mayoría de los sitios web pequeños. Pero si quieres convertirte en un front-end más profesional, aún debes seguir trabajando duro. Probablemente existan cuatro requisitos superiores: 1) fácil mantenimiento, 2) comprobable, 3) alto rendimiento y 4) poco tráfico (terminal móvil).

1) Fácil de mantener. Para las páginas, debes comprender la separación de "estilo", "datos" y "comportamiento", que por supuesto corresponden a CSS, HTML y js.

Para el código js, ​​será mejor que comprenda los patrones de diseño, refactorización, MVC, etc.

2) Testabilidad.

3) Alto rendimiento.

4) Poco tráfico. El terminal móvil llama más la atención.

Ir un paso más allá · Nivel de ingeniería:

Los proyectos front-end también enfrentan varios aspectos del ciclo de vida del software. El primero es la gestión de código. . El segundo es la construcción de código. Hoy en día, la construcción de código front-end ya no es una simple cuestión de compresión. Requiere gestión de dependencias, fusión de módulos y varias compilaciones. Requiere aprender a usar herramientas de construcción front-end como Grunt y Gulp.

El contenido anterior solo describe brevemente la secuencia del aprendizaje front-end.

Para el desarrollo front-end, este es el contenido básico. Puede aprender de forma selectiva según sus propios intereses y pasatiempos.

Cabe decir que los ingenieros de front-end deben conocer al menos un lenguaje de back-end. Sin embargo, si estás interesado, también puedes aprender en profundidad PHP, que es probablemente el más fácil para empezar. Esta parte se puede dividir en dos tipos: basada en páginas y basada en marcos. Todos los proyectos a gran escala se desarrollan en base a marcos. Se recomienda comprender al menos un marco MVC, como Ci, Yii, Yaf, etc. de PHP. Afortunadamente, las ideas de diseño de los marcos son similares. Hoy en día, NodeJs se ha utilizado ampliamente en grandes empresas. Se recomienda utilizar el marco Express en Node para desarrollar algunos servicios de back-end.

Hoy en día, el campo del trabajo front-end ha sido muy extenso. El desarrollo de interfaces nativas es esencialmente desarrollo front-end. Todas las grandes empresas se enfrentan al problema de mantener las páginas del entorno nativo y del entorno web al mismo tiempo. tiempo, si se puede hacer técnicamente, la Unificación será de gran valor. Los estudiantes que tienen espacio para aprender deben comprender el proceso básico del desarrollo nativo y al menos comprender la tecnología de construcción de interfaces.