Espero que un maestro de front-end pueda guiarme sobre cómo aprender front-end por mi cuenta.
1. ¿Qué hace la interfaz del sitio web?
Antes de estudiar, no entendía los tres conceptos de diseño web, UI y producción web. Después de buscar en Internet, me di cuenta: el diseño web se refiere al uso de algún software para embellecer el sitio web. Es un problema "atractivo"; la interfaz de usuario se refiere a optimizar la interacción entre las personas y la interfaz, y resuelve el problema "cómodo"; la producción de páginas web se centra en la producción de páginas web para PC; en la producción de páginas web para PC; el front-end de páginas web se centra en la producción de páginas web para PC. El diseño web se refiere al uso de algún software para embellecer el sitio web y resolver el problema de la "buena apariencia"; la interfaz de usuario se refiere a la optimización de la interfaz de interacción persona-computadora para resolver el problema de la "cómoda" producción de páginas web; de páginas web para PC y el front-end web, incluida la producción de interfaces de front-end para PC y móviles.
2. ¿Cuáles son las habilidades básicas y las responsabilidades laborales del front-end web?
Si te encanta, debes saber más sobre él. Para aprender el front-end web, debes conocer las habilidades básicas y las responsabilidades laborales que debe tener un ingeniero de front-end web. De hecho, esto es "muy simple", siempre que domine HTML + css (incluido el actual HTML5 + CSS3), JavaScript, JQuery, comprenda el diseño de interfaces, comprenda la programación de back-end, conocimiento del servidor + lenguaje de back-end. lo esencial.
3. ¿Cómo estudiar para obtener un salario alto y cuáles son las perspectivas profesionales del desarrollo web front-end?
Personalmente siento que hay infinitas posibilidades escondidas en cada una de las profesiones de 360. Si amas lo que haces, siempre y cuando tengas los pies en la tierra, trabaja duro para aprender habilidades. y tienes buenas habilidades, naturalmente tendrás un futuro y un camino de "dinero". Pero antes de estudiar mucho, debes tener un objetivo claro, de lo contrario simplemente "parecerá serio".
4. ¿Cómo aprender?
Para aprender front-end desde cero, puede consultar estos libros:
"Libro rojo de programación avanzada de JavaScript (3.ª edición"), adecuado para desarrolladores de aplicaciones web con cierta experiencia en programación. La lectura también se puede utilizar como un curso profesional relacionado para cultivar talentos prácticos en las universidades y la sociedad.
"La guía definitiva de JavaScript (6.ª edición)" Libro de Rhino. Este libro no solo es adecuado para que principiantes aprendan sistemáticamente, sino también para desarrolladores experimentados de JavaScript.
"El arte de la programación DOM de JavaScript (segunda edición)", este libro explica de manera concisa los conocimientos básicos de JavaScript y DOM, demuestra la tecnología de desarrollo web de nivel profesional a través de múltiples ejemplos y explica en profundidad. Cubre una serie de importantes principios de programación de JavaScript y mejores prácticas, como la degradación suave, y analiza exhaustivamente bibliotecas de JavaScript como HTML5 y jQuery.
La Guía Definitiva de CSS, 3.ª Edición Ya sea que sea un desarrollador web experimentado o un completo principiante, La Guía Definitiva de CSS, 3.ª Edición es su fuente para aprender CSS.
"Patrones de diseño de JavaScript" es adecuado para que lo lean principiantes en JavaScript, diseñadores front-end y programadores de JavaScript. También se puede utilizar como libro de estudio para profesores y estudiantes de especialidades relevantes en colegios y universidades. Material didáctico para escuelas de formación.
"JavaScript que no conoces (Parte 1, 2)", este libro no solo es adecuado para que los principiantes comprendan la esencia del lenguaje JavaScript, sino también para que los desarrolladores experimentados de JavaScript aprendan en profundidad. .
"Guía autorizada de Vue.js", este libro tiene un contenido completo, una explicación detallada y muchos ejemplos, y es adecuado para que lo lean desarrolladores de todos los niveles.
Ruta de aprendizaje:
Fase 1: Reconstrucción de la página front-end (4 semanas)
Los contenidos incluyen: (Proyecto de maquetación de sitio web para PC, proyecto básico HTML5+CSS3 , proyecto de diseño de página WebApp)
Fase 2: Programación JavaScript avanzada (5 semanas)
El contenido incluye (proyecto de desarrollo de funciones interactivas JavaScript nativas, aplicación avanzada orientada a objetos y ES5/ES6 proyectos, proyecto de investigación y desarrollo independiente de biblioteca de herramientas JavaScript)
La tercera fase: desarrollo de proyectos de pila completa para PC (3 semanas)
El contenido incluye (desarrollo de efectos especiales interactivos clásicos de jQuery, Protocolo HTTP, proyectos de desarrollo PHP/JAVA avanzados Ajax, proyectos de ingeniería front-end y aplicaciones modulares, proyectos de desarrollo de sitios web para PC, proyectos de desarrollo front-end del sistema de información de gestión de PC)
Fase 4: Desarrollo del proyecto de terminal móvil ( 6 semanas)
El contenido incluye (proyecto táctil, proyecto de escena WeChat, aplicación de Angular+Ionic para desarrollar un proyecto de aplicación web, aplicación de Vue.js para desarrollar un proyecto de aplicación web)
La cuarta fase : desarrollo de proyectos móviles (6 semanas (después del desarrollo del sistema final de WebApp, I. Conceptos básicos de NodeJS y módulo central II de NodeJS, Express III, base de datos noSQL)
Video tutorial:
Enlace al sitio web