Cómo aprender la tecnología front-end desde cero
No se puede aprender tecnología, 10 horas pueden introducir una nueva tecnología, 10000 horas pueden convertirse en expertos en un campo.
01 Prefacio
Internet es extremadamente popular en el mundo de hoy, todos intentan romper sus mentes para aprender y entrar en esta industria. Como una persona de front-end que aprendió desde cero, explicaré en detalle cómo llegué aquí. Espero que todos encuentren su punto de partida de esta experiencia. Si no tiene ninguna idea sobre el front-end, de hecho, esta es solo una tecnología unidireccional. Por ejemplo, vemos magníficos sitios web, un applet abierto de WeChat y una aplicación abierta, que en realidad son contenido front-end.
En este momento, todos pueden preguntar, ¿tenemos que aprender tantas tecnologías? En realidad, de lo contrario, básicamente puedes dominar una de estas tecnologías y puedes encontrar un buen trabajo. Hay muy pocas personas que dominan cada tecnología.
02 etapa de escalada
Etapa de bronce
Comenzamos con los conceptos básicos de front-end más básicos, que también es nuestro punto de partida inicial. En este proceso, sentirás que el mundo de front-end es tan pequeño, que todo es útil y que una vez inmerso en tu propio mundo, no puedes liberarte. Quiere salir por su cuenta, pero le tiene miedo al mundo exterior, por lo que puede quedarse aquí por un tiempo y, naturalmente, trepará cuando sienta que puede confiar en Daguai para actualizarse.
También comencé con los dos conocimientos básicos de html y css. Después de escribir algunas páginas web estáticas, se puede abrir y ejecutar localmente, y puedo ver mis resultados. De hecho, ni siquiera sé que la página web debe implementarse en el servidor en este proceso, o cuáles son las llamadas animaciones e interacciones. En resumen, no prestará demasiada atención a su conocimiento, pero apreciará su trabajo en silencio.
De hecho, en esta etapa también puede encontrar algunas plantillas de páginas web para ver, principalmente para aprender algunos conocimientos estructurales. En otras palabras, necesita saber dónde colocar el div y dónde escribir las etiquetas p o h1. Después de construir la estructura, puede prestar atención al uso de estos atributos de css, de dónde viene el color rojo y dónde está el fondo azul establecido aquí.
Aquí puede recomendar que todos lo vean:
- Tutorial novato
- escuela w3c
- Tome la búsqueda de la página de otra persona (estática)
Escenario de plata
En la etapa anterior, aprendió a hacer una página web estática simple / compleja, pero todo es contenido codificado. Entonces, en esta etapa, puedes aprender a hacer animaciones. Con JavaScript como lenguaje de script, es aún más poderoso. En esta etapa, estaba muy preocupado por cómo se movía la página. Simplemente utilicé una función de temporizador y nada más.
Si ahora, todos no escribirán estas funciones para hacer que la página se mueva, hay muchos componentes o marcos listos para usar. Tal vez no le importaron mucho estas cosas en los últimos dos años, pero hoy en día están surgiendo varios marcos uno tras otro. No nos preocupará la realización de los principios subyacentes. Solo nos preocupamos de manera inmediata.
Aquí recomiendo a todos a ver:
- Introducción a JavaScript Classic (Libro)
- Programación avanzada de JavaScript (tercera edición) (este libro es difícil y adecuado para personas en todas las etapas de aprendizaje)
Escenario dorado
Cuando haya dominado el "conjunto de tres piezas" en la parte frontal, deberíamos poder hacer algo, y es hora de probar nuestros resultados de aprendizaje. Pero no se preocupe, hay muchas cosas que pueden causar dolores de cabeza en esta etapa. La razón fundamental es que no aprendió bien en las dos etapas anteriores.
Sí, en esta etapa, su tarea principal es elegir un marco más popular para aprender, y luego comprender la ecología circundante de este marco, lo difícil que es comenzar y si se adapta al entorno actual de la empresa. De hecho, parece que puede estar seguro de aprender los tres marcos principales de vue / react / angular, porque muchas grandes empresas básicamente utilizarán estas tecnologías. Y básicamente debes dominar una de estas técnicas.
Aquí puede elegir el marco vue, que es relativamente difícil de comenzar. Este marco se ha mantenido. Ahora está listo para lanzar la versión 3.0, y todos deben estar listos para aprender. Además, la ecología circundante de Vue es muy buena, y es utilizada por personas de todo el mundo. El sitio web oficial tiene documentos completos y completos. Puede encontrar el conocimiento que desea en él. Es por esta razón que hay muchos marcos basados en vue que admiten la sintaxis de vue. Una mejor es uniapp, que se puede convertir en una variedad de terminales. Su objetivo es crear un marco unificado de múltiples extremos.
Puede usar plantillas vue para configurar fácilmente hermosas plantillas de sistema de administración de fondo utilizables y algunas aplicaciones web.
Aquí recomiendo a todos a ver:
- Sitio web oficial del marco
- Vue.js combate real (libro)
- Una explicación simple de vue.js (libro)
- proyecto github sobre vue
Etapa del diamante
Estaba agradecido de que ya había sobrevivido ese año, y pensaste que la vida finalmente alcanzó su apogeo. Pero estás equivocado, tu vida de front-end acaba de comenzar y las diversas cosas que has hecho solo para comenzar ahora. Es por eso que muchos pequeños amigos sentirán que el agua del frente es profunda, de modo que cuanto más aprenden más tarde, más dudan de la vida. No entiendo por qué debería tratarme así, solo dime que la profundidad del agua del frente es buena, ¿verdad? Pero lo que quiero decir es que, dado que el camino lo eliges tú mismo, estarás feliz de seguir, estarás agradecido.
Después de pasar por las etapas anteriores, ya puedes encontrar un trabajo donde puedes practicar. Puedes ejercitar lo que has aprendido antes para ver si es diferente de lo que has aprendido. Pero si va a realizar una pasantía en una pequeña empresa, es posible que el contenido no lo aprenda usted mismo, ya que cada empresa tiene su propio marco interno, es posible que deba volver a aprender. ¿Así que asegúrese de comprender qué tecnología utiliza la pila antes de ir?
En esta etapa, generalmente necesita aprender herramientas de empaquetado front-end, como el uso de webpack, así como contenido de ingeniería front-end, fusión de código, segmentación de código, pruebas unitarias, optimización de rendimiento, compilación automática, implementación y otro contenido. También hay mucho conocimiento en él. El pensamiento no se puede aprender en un momento, y solo se puede entender después de un largo período de acumulación. Y el papel del estudio teórico de estas cosas no es excelente, debes experimentarlo en persona para comprender la esencia.
Aquí recomiendo a todos a ver:
- Explicación simple de webpack (libro)
- Ingeniería de front-end (libro)
Aquí hay un resumen:
No es fácil llegar a esta etapa, al menos aproximadamente medio año ha estado aprendiendo y practicando, por eso muchas instituciones de capacitación tendrán un período de capacitación de 4 a 6 meses, pero puedo decirle que la iglesia de capacitación es solo asunto suyo. Conocimiento, enseñarte a desarrollar páginas. Si desea estudiar por su cuenta, debe aprender su teoría y principios, esto es útil y también es una parte clave de su aprobación de la entrevista. En general, como en la imagen de abajo, pensaste que finalmente había terminado, pero era solo el comienzo ...
Etapa rey
En términos generales, cuando llegue a esta etapa, podrá superar su vida. Si no hay un accidente, podrá liderar independientemente un pequeño equipo para desarrollar productos y ser responsable de un determinado proyecto de línea de producción, es decir, personajes de nivel líder y muchos Eres responsable de la entrevista.
Sin embargo, solo un pequeño número de personas puede llegar a esta etapa, y puede que no sea necesario que alguien renuncie y herede la propiedad en la etapa anterior. Como no he llegado a esta etapa, no sé qué decir ni qué recomendar. Cuando tenga la habilidad, déjame hablar contigo en detalle, el tema está reservado.
03 Conceptos básicos de la entrevista
Esta parte se ha estado ejecutando en todo el proceso de aprendizaje, ya que eventualmente tendrá que trabajar en una empresa. Pero debe comprender que solo puede ingresar a través de la entrevista, de lo contrario, incluso si tiene una gran habilidad, pero no pasa, la entrevista está ocupada.
Aquí le sugiero que preste más atención al conocimiento básico de las computadoras, que generalmente se les pide más en la primera ronda de entrevistas, y también son más básicas. Sin embargo, descubrí que muchos estudiantes no prestan atención a esta parte y piensan que no es necesario, y que no utilizarán este conocimiento tan parcial en el futuro. Simpler le preguntará la diferencia entre hilos y procesos. Estos son los conceptos básicos de las computadoras. ¿Es simple? Simple ¿Es dificil? Es realmente dificil.
El énfasis de la evaluación de cada compañía es diferente. Por ejemplo, el conocimiento del salto de bytes es un algoritmo más parcial. Cada ronda de entrevista lo llamará un algoritmo de escritura a mano. Dicha entrevista es un proceso de búsqueda de abuso para estudiantes que no pueden algoritmo. Sin embargo, por ejemplo, Tencent, puede centrarse en algún conocimiento, como las redes de computadoras.
En cualquier caso, la mejor manera de pasar la entrevista es leer la cara del hermano y la hermana, y luego resumir un conjunto de preguntas, para que la entrevista no entre en pánico. Pero tiene que comprender los principios internos y puede hacer una analogía. La respuesta no puede pasar la entrevista.
Recomiendo a todos aquí:
- Oferta de dedo de espada (libro) () Algoritmo orientado / pregunta de pincel
- Http gráfico (libro)
- Gráfica tcp / ip (libro)
- Niuke.com (mira la cara)
04 Resumen
No profundizaré en el conocimiento específico y en profundidad. Lo anterior es solo la dirección general del aprendizaje front-end, y esta es también mi propia dirección de aprendizaje. Pero, en términos generales, la mayoría de los estudiantes pasarán por ese proceso. Siempre hay un paso para aprender. Muchas cosas no se logran de la noche a la mañana. Creo que puede crear su propia ruta de aprendizaje de acuerdo con su propia situación.
Si tiene el hábito de la autodisciplina, no vaya a una institución de capacitación. Si puede permitírselo, compre más libros. La inversión actual es responsable del futuro.
