Con el rápido desarrollo del front-end web, cada vez hay más personas que aprenden el front-end web. En la era de Internet móvil, creo que cada uno de nosotros tiene docenas de aplicaciones en sus teléfonos móviles. El desarrollo de estas aplicaciones es en realidad el mismo que el popular web El desarrollo front-end está estrechamente relacionado.
De hecho, más de la mitad de las aplicaciones actuales se desarrollan utilizando el modo híbrido híbrido, que combina Android y el desarrollo de tecnología web. También hay algunas aplicaciones desarrolladas en la Web pura. Por ejemplo, nuestro conocido espacio QQ se desarrolla utilizando la tecnología ReactNative de la interfaz web. Además de la aplicación, la página H5 que a menudo vemos en el terminal móvil también se desarrolla principalmente utilizando la tecnología HTML5 en el lado web. Por supuesto, el front-end web no se limita a las páginas web y aplicaciones front-end. Las aplicaciones del lado del servidor, de escritorio e incluso VR están involucradas.
Hoy, hablaré principalmente sobre
las habilidades de conocimiento y las rutas de aprendizaje necesarias para el desarrollo front-end web.
1. HTML5 + CSS3 + JavaScript
es la base de la base de desarrollo web. HTML es responsable de la estructura de la página web, CSS es responsable del estilo de la página web y JS es responsable de la interacción lógica. Los dos primeros son más como lenguajes de marcado, no hay lógica, JS es la máxima prioridad del front-end. La mayoría de las nuevas tecnologías en HTML5 deben combinarse con el aprendizaje JS.
El progreso de aprendizaje de todos puede ser diferente. Esta etapa es principalmente para imitar a la estación, familiarizarse con los conceptos básicos, tratar de usar CSS para escribir páginas receptivas, comprender el conocimiento profundo de JS, como cadenas de prototipos, cierres, patrones de diseño, etc. necesitan más acumulación, gradualmente Comprender y practicar.
2. JQuery + BootStrap + Ajax + Json
jQuery es una biblioteca de aplicaciones de JS, que puede mejorar la eficiencia del desarrollo de JS nativo. Bootstrap es un marco receptivo que simplifica la implementación de soporte de páginas para múltiples dispositivos como teléfonos móviles / tabletas / PC. La tecnología Ajax se utiliza para la interacción asincrónica, y los datos se pueden actualizar sin actualizar la página, como las aplicaciones de mapas. Json es un formato de datos que se usa ampliamente en los principales lenguajes de programación.
jQuery y bootstrap simplificarán la cantidad de código que se escribe, y es muy divertido, pero se recomienda usarlo menos para aquellos que no son muy sólidos. Ajax y json generalmente se usan para interactuar con el backend, y a menudo se usan en negocios reales.
3.
Herramienta de gestión de versiones Git / SVN , utilizada principalmente para evitar conflictos de archivos durante el desarrollo del equipo, y también puede volver al archivo. El front end recomienda aprender Git.
4. Nodejs + Mysql / MongoDB (opcional)
JavaScript ejecutándose en el servidor. Express es su marco MVC extendido. Entre ellos, el nodejs más utilizado es el administrador de paquetes npm, sin tener que ir a varios sitios web para descargar paquetes de recursos. Puede elegir MongoDB o MySQL para el aprendizaje de bases de datos. El primero encaja mejor con Nodejs, pero la mayoría de los sitios web ahora son una combinación de PHP + Mysql. Si tiene el plan para aprender PHP, primero puede aprender Mysql.
5.
Estándar del lenguaje ECMAScript6 JavaScript. Se han agregado muchos conceptos nuevos a ES6, y han compensado muchas de las deficiencias de JS en versiones anteriores. Más y más proyectos han comenzado a usar ES6 para el desarrollo. Es mejor comprender ES5 antes de aprender. Actualmente, teniendo en cuenta la compatibilidad en el proyecto real, ES6 debe compilarse en ES5 a través de Babel para su implementación.
Soy un antiguo programador front-end web que se ha dedicado al desarrollo durante muchos años. Actualmente, renuncio a hacer mi propio curso de personalización privada front-end web. El año pasado pasé un mes organizando un front-end web aprendiendo productos secos que es más adecuado para 2019. Este tipo de marco se organiza y se envía a todos los amigos de front-end. Si desea obtenerlo, puede seguir mi número de titular y confiar en privado en el fondo: front-end, puede obtenerlo de forma gratuita.
6. Angular / Reaccionar / Vue
Los tres marcos front-end también tienen sus propios ecosistemas, y eligen aprender de acuerdo con sus necesidades. En la actualidad, la mayor demanda de empresas sigue siendo angular, pero en las tendencias recientes, reaccionar y ver son más populares. Debido a que el desarrollo de la tecnología front-end es demasiado rápido ahora, las herramientas y los marcos se actualizan más rápido que los libros, se recomienda estudiar o leer la documentación. Durante el proceso de aprendizaje, me encontraré muchas veces cuando se utilizan varias herramientas de construcción.
7. Otras herramientas comunes
como esta son elegir aprender según las necesidades. El más utilizado ahora es Webpack, que puede empaquetar múltiples archivos con diferentes estilos de programación, por ejemplo, la modularización como ES6 / AMD / CMD puede reconocer y compilar en archivos que el navegador puede ejecutar. Sass / Less, un marco de precompilación CSS, puede escribir código CSS de forma lógica. La herramienta de compilación Gulp / Grunt puede comprimir y combinar automáticamente el código.
8. Otros lenguajes de programación de back-end
En la actualidad, el mercado básicamente requiere un lenguaje de back-end, PHP / JAVA / Nodejs / Python, etc.
Lo más importante para aprender programación es practicar, tocar más código e intentar más. La capacidad de resolver problemas de forma independiente y el espíritu de indagación y estudio son esenciales. Si está interesado, también puede crear un blog técnico y subir varios proyectos de código abierto a github. Estos son buenos puntos.
Un buen programador no es solo un programador.
Precauciones para el aprendizaje front-end
Primero, establezca una base sólida,
no importa lo que haga, debe tener una base sólida. Participar en la capacitación front-end web no es una excepción. Solo con una base sólida puede aprender nuevas habilidades con más profundidad. Como ingeniero de front-end web junior, debe tener los elementos técnicos más básicos: HTML, CSS y JavaScript. Esto es lo que se debe dominar como ingeniero front-end web. El umbral de entrada para el front-end web es en realidad muy bajo, en comparación con el ritmo de aprendizaje de otros idiomas que son lentos y luego rápidos, es un proceso de primero y luego lento. Entonces, en el proceso de aprendizaje temprano, dominará fácilmente sus habilidades básicas. Con el uso generalizado de la tecnología HTML5, el aprendizaje front-end web será más fácil.
Segundo, preste atención a los detalles.
Hay un dicho que dice: "Los detalles determinan el éxito o el fracaso". Muchos desarrolladores front-end web descuidan algunos detalles en pos de la velocidad en su trabajo. Por ejemplo: agregue comentarios al código, la convención de nomenclatura del código, la concisión del código, etc. Todo esto puede parecer poco importante, pero ha afectado seriamente el progreso del proyecto y la mejora de sus propias capacidades. Durante el proceso de desarrollo, agregar comentarios apropiados puede profundizar la impresión del punto técnico y facilitar la búsqueda rápida en el proceso de modificación posterior; los nombres de código estandarizados pueden facilitar la comunicación entre los equipos y mejorar la eficiencia del trabajo; y el código conciso puede Muestra intuitivamente el papel de una pieza de código.
Tercero: Fortalecer continuamente el aprendizaje Los
excelentes ingenieros de front-end web son excelentes no por el tiempo que trabajan, sino por su capacidad de aprender rápidamente. El desarrollo front-end web es un trabajo especial, que cubre una amplia gama de conocimientos, y la velocidad de actualización tecnológica de la industria de Internet es muy rápida. Sin la capacidad de aprender rápidamente, es difícil mantener el ritmo de los tiempos. Por lo tanto, como ingeniero front-end web, debemos aprender y mejorar constantemente nuestras habilidades.
Si tiene alguna pregunta, por favor contacte: Qi en el proveedor de electricidad . Electricidad monstruo operaciones de los proveedores