¿Qué conocimientos necesitas aprender para el desarrollo web front-end?
Primero, introduzcamos qué hace un ingeniero front-end.
Su trabajo principal es convertir el diseño de la interfaz de usuario en una página HTML de acuerdo con los estándares w3c y utilizar el lenguaje de secuencias de comandos JavaScript para implementar la interacción frontal en la página. Los efectos de interacción incluyen capas emergentes, cambio de pestañas, desplazamiento de imágenes e interacción asincrónica ajax.
Los ingenieros senior de front-end también deben ser responsables del trabajo de optimización de front-end y tener más conocimientos sobre optimización, como caducidad de archivos, almacenamiento en caché, almacenamiento en caché asíncrono, js y css, compresión de imágenes, etc.
El desarrollo front-end es un trabajo muy especial. El trabajo de un ingeniero front-end parece muy ligero, pero definitivamente no es tan sencillo. Durante el desarrollo, cubrió una amplia gama de temas. No solo debemos pensar en la implementación de la página desde una perspectiva técnica, sino también pensar en cómo aceptar mejor los datos aburridos presentados por la tecnología y presentar mejor la información desde la perspectiva del usuario. En pocas palabras, su función principal es combinar mejor los datos del sitio web con la aceptación del usuario y presentar una interfaz de datos amigable para los usuarios.
El ingeniero de front-end es una profesión muy nueva y han pasado menos de 5 años desde que realmente comenzó a tomarse en serio en el país y en el extranjero. Con el rápido desarrollo de Internet, de WEB1.0 a WEB2.0, pasando por los nuevos HTML5 y CSS3, y ahora con el auge de nuevas tecnologías como los teléfonos móviles y las redes 3G, las páginas web se basan principalmente en gráficos y textos originales. . Hoy en día, debido a las diversas aplicaciones, interacciones y medios enriquecidos de la tecnología front-end en declive, más información, contenido más rico y una experiencia más amigable se han convertido en requisitos para el desarrollo front-end de sitios web. El desarrollo de sitios web se está volviendo cada vez más importante para el front-end, pero la demanda actual de ingenieros de front-end también se está volviendo cada vez más importante. Sin embargo, la demanda de ingenieros de front-end es mayor que la oferta y el front-end. -Los talentos finales son muy escasos. Por lo tanto, los ingenieros de desarrollo front-end de alta calidad serán una profesión muy popular en los próximos cinco años, con perspectivas de desarrollo prometedoras.
Entonces, ¿qué conocimientos necesitas saber sobre la interfaz web de una escuela primaria de base cero?
Si es un principiante sin conocimientos básicos, primero debe dominar los conocimientos básicos del desarrollo front-end y los lenguajes de programación relacionados: HTML, CSS, JavaScript. En el diseño de la página, HTML define elementos; CSS posiciona los elementos mostrados y luego implementa los efectos e interacciones correspondientes a través de JavaScript. Este conocimiento es la base y debe dominarse para poder escribir con fluidez.
Por supuesto, aprender lenguajes de programación es un complemento a las herramientas. Mientras aprendes un idioma, lo que necesitas dominar es el uso de herramientas de desarrollo. Para principiantes, utilice varias herramientas comunes:
1. Dreamweaver: un editor de código web WYSIWYG que integra la producción de páginas web y la gestión de sitios web.
2. Sublime, nombre completo Sublime Text, es un editor de código cuyas funciones principales incluyen revisión ortográfica, marcadores, API Python completa, función Goto, cambio instantáneo de proyectos y selección múltiple de ventanas.
3. HBuilder: Es un IDE de desarrollo web soportado en HTML5 lanzado por DCloud.
Después de familiarizarse con estas herramientas, debe tener una cierta comprensión del trabajo de desarrollo básico. En este momento, si deseas mejorar tus habilidades, puedes aprender más sobre cómo utilizar algunas herramientas. Por ejemplo, Bootstrap puede proporcionar formatos, tablas, botones, formularios, sistemas de red, etc. más modernos. Para tu desarrollo web. Secureheaders puede aplicar automáticamente reglas de encabezado relacionadas con la seguridad para evitar ataques como XSS y HSTS.
El camino del desarrollo front-end no es estático. El contenido del aprendizaje puede cambiar con el desarrollo de los tiempos y las actualizaciones de software, pero si sientas una buena base, no importa qué tipo de conocimiento aprendas. , serás útil.
Después de una simple comprensión, ¡es lo más destacado!
Cómo los principiantes en front-end aprenden front-end web
Malentendidos de los autodidactas de front-end;
Lo que aprende puede estar desactualizado.
Lo que se considera clásico está desactualizado o hay alternativas mejores. Sin embargo, los canales para obtener información son limitados y las noticias se quedan atrás, lo que resulta en contenidos de aprendizaje relativamente atrasados.
2. Método de aprendizaje a ciegas
Si no sabes leer, debes buscar vídeos tutoriales. Si cree que los tutoriales no son de su agrado, busque en otra parte. Debido a la falta de capacidad para identificar recursos, los estudiantes siempre estudian a ciegas sin planificar claramente su ruta de aprendizaje, lo que resulta en un tiempo de estudio ineficaz y poca ganancia.
3. Sólo hay teoría y falta formación real en proyectos.
La comprensión de la tecnología se mantiene en el nivel teórico y carece de experiencia en proyectos empresariales reales. Si no tiene prácticas o experiencia laboral relevantes, no comprenderá completamente la división específica de responsabilidades y los procesos de trabajo de los puestos front-end.
Cómo estudiar por su cuenta el conocimiento front-end:
Método de autoaprendizaje:
Como principiante, debe tener un plan de aprendizaje claro y sistemático. Sugiero que debes tener un mentor que pueda aprender por ti mismo. La probabilidad de darse por vencido es muy alta. Cuando no tienes idea sobre el front-end web, necesitas que alguien te guíe y luego tienes que aprender por ti mismo. El primer paso es determinar qué contenido se necesita para la interfaz web y cuánto tiempo llevará completar el aprendizaje. El tiempo recomendado es de 6 meses.
2. Los vídeos son la parte principal, complementados con libros. A muchos principiantes les gusta comprar libros cuando aprenden front-end, pero ¿cuál es el resultado final? Parece que no se puede escribir nada, así que me gustaría recordarles que el libro se puede leer, pero se basa en la implementación de operaciones específicas en un determinado punto de conocimiento, por lo que es más propicio para su comprensión del conocimiento.
3. Para aprender tecnología, es muy importante dominar un método de aprendizaje. De hecho, para las interfaces web, muchos métodos de aprendizaje son los mismos. Una vez que el método de aprendizaje es incorrecto, puede causar que "el método sea incorrecto y los esfuerzos sean en vano". De hecho, hay mucho más en él. Déjame darte un ejemplo sencillo. Algunas personas siguen el código mientras escuchan la conferencia, lo cual es incorrecto. Durante la conferencia, se concentraron en hacer las preguntas. Esta es la experiencia de quienes la han experimentado. Asegúrate de escuchar. Dependiendo de las diferencias de cada individuo, puede haber una salida en cuanto a métodos de aprendizaje. Encontrar un método de aprendizaje que se adapte a sus necesidades es un requisito previo para aprender.
4. No se recomienda aprender a programar por su cuenta. Hasta donde yo sé, no mucha gente empieza desde cero y termina realizando exitosamente este trabajo. Creo que la razón principal es que no sé qué es una interfaz web o qué estoy aprendiendo, así que compro libros a ciegas, busco videos en todas partes y finalmente me rindo después de leerlos. Por eso sugiero que los principiantes consulten y hablen con personas experimentadas antes de tener conceptos específicos.
Libros y materiales de front-end de lectura obligada:
1. El arte de la programación DOM de JavaScript
Superventas de front-end. programador, debe leer más de dos libros. Este libro es especialmente adecuado para principiantes. La tecnología central del front-end es JavaScript, que también es la dificultad del front-end. Además, este libro es muy adecuado para principiantes, es fácil de entender y los casos vívidos pueden ayudar a los principiantes a comprenderlo mejor. Muchas de las ideas de programación mencionadas son adecuadas para que las aprendan desarrolladores front-end de nivel bajo a medio.
2. La guía autorizada de JavaScript
También es un libro de lectura obligada para programadores front-end. No solo es adecuado para principiantes, sino también para programadores que ya lo son. haciendo trabajo front-end para leer en cualquier momento. Cubre todo lo relacionado con JavaScript y la API de JavaScript implementada por los navegadores web. Es útil comprender los conceptos básicos de js, como objetos, matrices, sintaxis, alcance, cierres, etc.
3. Programación avanzada de JavaScript
Si quieres aprender JavaScript de forma completa y sistemática, te recomiendo este libro. Puede conservar este libro para siempre y puede extraer los puntos clave al usarlo, que pueden usarse como referencia en el futuro. Es una ayuda muy poderosa en su trabajo. También se puede utilizar muy bien en entrevistas y se le conoce comúnmente como el "pequeño libro rojo".
4. JavaScript que no conoces
Este libro no es adecuado para principiantes en front-end. Es un libro que todo programador de front-end debe aprender si quiere comprender. los principios de JavaScript en profundidad. Deje que los desarrolladores de JavaScript no cualificados asuman el desafío de profundizar en el lenguaje para descubrir qué hace cada componente de JavaScript. Si puede leer este libro detenidamente, podrá comprender y dominar todo muy rápidamente en el futuro.
5. "Guía autorizada de Vue.js"
Vue, como marco de interfaz de usuario principal, es el más utilizado en China, por lo que para comprender los principios de Vue, debe Debes leer un libro sobre Vue. Recomiendo este libro porque es una mejora cualitativa para guiar a los desarrolladores nuevos en Vue. Desde el conocimiento básico hasta el empaquetado convencional y el análisis del código fuente, hay muchos casos prácticos y todos son buenos libros prácticos. El contenido principal incluye enlace de datos, instrucciones, enlace de control de formularios, filtros, componentes, validación de formularios, comunicación de servicios, enrutamiento y visualización, vue-cli, desarrollo y depuración de pruebas, análisis de código fuente y herramientas de construcción y empaquetado convencionales. El libro tiene un contenido completo, explicaciones detalladas y muchos ejemplos, lo que lo hace adecuado para desarrolladores de todos los niveles.
6. La belleza de la programación
No importa en qué posición se encuentre un programador, debe leer un libro. Casi todos los programadores que no han leído este libro son programadores falsos. Este libro tiene 60 temas de programación y algoritmos, la mayoría de los cuales han aparecido en exámenes escritos y entrevistas en los últimos años, o han sido discutidos acaloradamente por los empleados de Microsoft. El autor intenta guiar a los lectores a descubrir, analizar, resolver y encontrar mejores soluciones a varios problemas interesantes del libro. Puede mejorar enormemente su pensamiento en programación y su pensamiento en profundidad sobre esta industria y, eventualmente, convertirse en un experto en tecnología.
Ruta de aprendizaje:
Fase 1: Reconstrucción de la página de inicio (4 semanas)
Los contenidos incluyen: (Proyecto de maquetación de sitio web para PC, proyecto básico HTML5 CSS3, página WebApp proyecto de diseño).
La segunda fase: programación avanzada de JavaScript (5 semanas)
Los contenidos incluyen: (proyecto de desarrollo de funciones interactivas de JavaScript nativo, proyectos avanzados de aplicaciones orientadas a objetos y ES5/ES6, herramienta de JavaScript independiente proyectos de I+D bibliotecarios).
La tercera fase: desarrollo de proyectos full-stack en el lado de la PC (3 semanas)
El contenido incluye: (desarrollo de efectos especiales interactivos jQuery clásico, protocolo HTTP, Ajax avanzado y PHP/ Proyectos de desarrollo JAVA, proyectos de ingeniería front-end y aplicaciones modulares, proyectos de desarrollo de sitios web del lado de la PC, proyectos de desarrollo front-end del sistema de información de gestión del lado de la PC).
Fase 4: Desarrollo de proyecto móvil (6 semanas)
El contenido incluye: (proyecto Touch, proyecto de escena WeChat, uso de Angular Ionic para desarrollar proyecto WebApp, uso de Vue.js para desarrollar WebApp project, usando React.js para desarrollar proyectos WebApp).
Etapa 5: Hibridación y desarrollo reactivo (1 semana)
El contenido incluye: (desarrollo de subprogramas WeChat, ReactNative, desarrollo de varias aplicaciones híbridas)
Etapa NodeJS completa -Desarrollo de pila (1 semana)
El contenido incluye: (Desarrollo del sistema back-end de WebApp, 1. Conceptos básicos de NodeJS y módulo central de NodeJS 2, Express 3, base de datos noSQL).
Video tutorial:
Lo anterior es el proceso de aprendizaje de Xiaobai de la Business School Front-end Academy.
En términos generales, para aprender front-end web desde cero, no solo debe comprender la dinámica y el desarrollo de toda la industria del front-end, sino también aprender HTML, CSS, JavaScript y otros conocimientos. un sistema técnico grande y complejo.
Si está interesado en aprender tecnología front-end y desea aprender una nueva tecnología, le proporcionaré un muy buen grupo de intercambio de aprendizaje front-end: 1141884931. Si tienes alguna pregunta, pregúntame por dentro. Esto te ahorrará muchos desvíos y hará las cosas más eficientes. Recuerde comunicarse con personas experimentadas con más frecuencia y no trabajar a puerta cerrada.
Si no hay un tutorial mejor, puedes pedírmelo.
Este artículo fue creado originalmente por Shangxuetang Front-end Academy. ¡Bienvenido a prestar atención y llevarlo a aprender conocimientos de front-end web!