La ruta de aprendizaje de front-end que más me conviene (aprender el front-end sin perderse)
Los amigos quieren aprender el front-end, pero no saben cómo empezar. Cuando revisa la ruta de aprendizaje del front-end en línea, la primera página suele estar llena de anuncios de varias empresas de capacitación, o cuando busca el front-end -finaliza el aprendizaje de la hoja de ruta, aparece una gran cantidad de hojas de ruta, lo que hace que aún no estés seguro de qué ruta es la adecuada para ti.
Así que aquí compartiré con ustedes el camino inicial que tomé.
Uno: en términos generales, hay dos opciones para aprender el front-end
Significa si elige estudiar solo o solicitar clases de capacitación en la sociedad. ¿Por qué debería mencionar esto primero? Porque, en mi opinión, también es un paso clave para aprender el front-end. Luego daré algunas sugerencias mías.
1: Si es estudiante de primer o segundo año, tiene mucho tiempo y cree firmemente en aprender el front-end, aquí le sugiero que estudie por su cuenta, si su especialización ofrece cursos de front-end, debe comunicarse con el profesor del curso. es más, si casi te has aprendido el front-end, deja que el profesor del curso se fije en ti, entonces puede que te lleve a hacer proyectos en el futuro, e incluso te empuje algunos de sus recursos laborales.
2: Si ahora eres un estudiante de tercer año, o incluso en el segundo semestre de tu tercer año, debes tomar el camino del frente. Eso debe haber sido autodidacta al principio. Sigue paso a paso el video de la estación B. En este momento, tienes que aprovechar las últimas vacaciones de invierno y las vacaciones de verano (porque reclutarás en otoño en el primer semestre de tu último año). Si lo contratan en el otoño del último año, va a una entrevista y, si encuentra un trabajo, todo estará bien. Si no encuentras trabajo, puedes seguir estudiando hasta que te contraten en el primer semestre de tu último año, pero en mi opinión, también puedes optar por aplicar a cursos de capacitación. Depende de tu elección, porque la clase de formación general cuesta entre 10.000 y 20.000 yuanes. (Actualmente soy junior y estoy estudiando solo. No sé si puedo ponerme al día con el reclutamiento de otoño de este año).
3: Si solo comenzó a aprender el front-end en su último año, o si no está satisfecho con el trabajo que encontró en el reclutamiento de otoño de su último año, puede optar por solicitar cursos de capacitación en este momento. En general, la tarifa para una clase de capacitación es de alrededor de 10 000 a 20 000. En la clase de capacitación, debido a que garantiza su empleo, el proceso de aprendizaje puede ser muy estricto. Si estudia mucho, definitivamente podrá aprender. Y escuché que si no encuentras trabajo en algunos cursos de capacitación, te devolverá parte de la matrícula, y debería tener una cuota para referencias internas, pero debe ser prioridad para los destacados, y empacará tu currículum y así sucesivamente. (Cuando digo esto, algunos amigos definitivamente se sentirán tentados, pero no estoy publicitando, después de todo, también eres un recurso a cambio de dinero).
Dos: Mi ruta de aprendizaje frontal (solo me representa personalmente)
Mucha gente debe haber visto esta imagen, cuántos principiantes han sido persuadidos por el poder de una imagen, jaja. De hecho, no es tan exagerado, de hecho, casi puedes encontrar trabajo en la tercera etapa, pero la premisa es que debes ser particularmente hábil en ello, y lo mejor es que tengas un proyecto desarrollado por ti mismo.
Aprendí el video de aprendizaje de Shang Silicon Valley en la estación b, y también compiló una hoja de ruta de aprendizaje: La ruta de aprendizaje front-end web más completa en toda la red en 2021: columna Bilibili (bilibili.com) . No conozco los videos educativos de otras marcas, pero en mi opinión, los videos de aprendizaje de Shang Silicon Valley son realmente buenos. (Jaja, esto no es un anuncio, puede elegir por sí mismo. Hay una forma de buscar puntos de conocimiento relevantes en la estación b y seguir directamente los videos con un volumen de reproducción alto para aprender).
Luego, también describiré mi ruta de aprendizaje front-end por etapas.
Fase 1: sentar las bases
html-->css-->js-->js高级-->less-->jQuery-->BootStrap-->AJAX
HTML: Lenguaje de marcado de hipertexto (estructura de la página web). Video de aprendizaje: Shang Silicon Valley Web front-end HTML5 y CSS3 principiantes entrada de base cero conjunto completo versión completa_哔哩哔哩(゜-゜)つロsalud~-bilibili
css: hojas de estilo en cascada (agregar estilos). Video de aprendizaje: Shang Silicon Valley Web front-end HTML5 y CSS3 principiantes entrada de base cero conjunto completo versión completa_哔哩哔哩(゜-゜)つロsalud~-bilibili
js: Deje que la página web responda a un cierto comportamiento (haga que la página web se mueva). Video de aprendizaje: la última versión del conjunto básico completo de tutoriales de JavaScript en Silicon Valley (140 episodios de enseñanza práctica, JS desde el inicio hasta la competencia)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
js Avanzado: Describa en detalle, utilícelo en el futuro, la entrevista debe ser cara a cara. Video de aprendizaje: Curso de JavaScript avanzado en Silicon Valley (Combate real de JavaScript avanzado)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
Less: es un lenguaje de preprocesamiento CSS. Video de aprendizaje: Shang Silicon Valley Front-end Less Tutorial_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
jQuery: es un marco JavaScript rápido y conciso , y es otra excelente biblioteca de código JavaScript después de Prototype . Video de aprendizaje: tutorial de jQuery de Shang Silicon Valley (jquery desde el inicio hasta la competencia)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
BootStrap: proporciona elegantes especificaciones de HTML y CSS. Video de aprendizaje: [Academia Geek] Aprende Bootstrap en una semana_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
AJAX: interacción front-end y back-end. Video de aprendizaje: Shang Silicon Valley Web front-end Ajax tutorial para principiantes desde cero conceptos básicos hasta dominar un conjunto completo de versiones completas (la última versión de ajax)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
Fase 2: allanar el camino antes de aprender el marco
ES6-->Node.js-->MongoDB-->Webpack-->Git-->TypeScript-->promise-->axios
Amigos, no piensen que hay mucho contenido, de hecho, no hay mucho contenido para cada punto de conocimiento, en promedio, cada punto de conocimiento tomará dos o tres días, y la mayoría no excederá una semana.
ES6: Alguna sintaxis nueva. Video de aprendizaje: Tutorial de ES6 de Shang Silicon Valley Web, que cubre ES6-ES11_哔哩哔哩(゜-゜)つロ Saludos~-bilibili .
Node.js: Optimizado para algunos casos de uso especiales, proporcionando una API alternativa . Vídeo de aprendizaje: [Silicon Valley] El conjunto completo de tutoriales más clásico de Node.JS (nodejs de inicio rápido)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili .
MongoDB: una base de datos sin conexión. Video de aprendizaje: Tutorial básico de MongoDB (base de datos intensiva)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili .
Webpack: Esencial para aprender el framework. Video de aprendizaje: la última versión del tutorial práctico de Webpack5 en Silicon Valley (desde el inicio hasta el dominio)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
Git: es un sistema de control de versiones distribuido de código abierto que puede manejar de manera efectiva y rápida la gestión de versiones de proyectos, desde pequeños hasta muy grandes. Video de aprendizaje: conjunto completo de tutoriales de Git en Shang Silicon Valley (12 horas de dominio profundo de git)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
TypeScript: Esto debería ser familiar para cualquiera que haya estudiado Java. Video de aprendizaje: Tutorial de TypeScript 2021 de Shang Silicon Valley (nueva clase de TS del profesor Li Lichao)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
promesa: una parte esencial del marco de aprendizaje. Video de aprendizaje: Tutorial de Promise de front-end web de Shang Silicon Valley desde el inicio hasta el dominio (versión preventiva de 2021)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
axios: Una parte esencial del marco de aprendizaje. Video de aprendizaje: Primeros pasos con la última versión de axios y análisis de código fuente en Silicon Valley 2021
Fase 3: Aspectos destacados (marco)
Reaccionar-->Vue-->Vue3-->subprograma WeChat
Reaccionar: un marco multipropósito para ciudades de primer nivel. Video de aprendizaje: La versión 2021 de la tecnología React en Shang Silicon Valley es un conjunto completo de barriles familiares (desde cero conceptos básicos hasta competencia / enseñado por el dios masculino Tianyu)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
Vue: Marco popular. Video de aprendizaje: un conjunto completo de tutoriales prácticos de tecnología central de Vue en Shang Silicon Valley (los principiantes de vue.js comienzan a dominar rápidamente)_哔哩哔哩(゜-゜)つロsalud~-bilibili
Vue3: nuevas características. marco popular. Video de aprendizaje: Inicio rápido del último tutorial de Vue.JS en Silicon Valley 2021 para el combate real del proyecto (detalles técnicos de Vue3/VueJS)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
Etapa cuatro: combate real.
El combate real es hacer más proyectos, primero seguir algunos proyectos en Internet y practicar más. Finalmente, el equipo completa un proyecto significativo.
React Actual Combat: tutorial de React Project en Shang Silicon Valley (fondo de grano completo de React Combat real)_哔哩哔哩(゜-゜)つロ Saludos~-bilibili
Etapa cuatro: preguntas de la entrevista
Deja que los amigos bajen aquí. También estoy a punto de enfrentarme a la búsqueda de empleo, pero no tengo muchos recursos para las preguntas de la entrevista, así que confío en mi todopoderoso pequeño socio aquí. Por favor comparte (jaja)
Tres: El sitio web oficial de tecnologías relacionadas
html, css: tutoriales de la serie HTML (w3school.com.cn)
js: Tutorial de JavaScript | Tutorial para principiantes (runoob.com)
menos : sitio web de Less Chinese (lesscss.cn)
jQuery：Descargar jQuery | jQuery
ES6: Tutorial de introducción a ES6 - Primeros pasos con ECMAScript 6 (ruanyifeng.com)
Node.js: Node.js (nodejs.org)
MongoDB: sitio web chino de MongoDB
Paquete web: paquete web (docschina.org)
Git: busque github directamente
TypeScript: TypeScript en red china TypeScript——Superconjunto de JavaScript (tslang.cn)
promesa: objeto JavaScript Promise | tutorial para principiantes (runoob.com)
axios: sitio web en chino de axios | documentación en chino de la API de axios | axios (axios-js.com)
Vue: Tutorial de Vue.js | Tutorial para novatos (runoob.com)
También hay muchos sitios web más prácticos, como: la biblioteca de vectores de Ali, bootCDN, etc.
Cuatro: Buena recomendación de libros
js Redbook y Rhino Book. (Si no sabes lo que significa, puedes encontrarlo directamente en Taobao. Todavía no lo he comprado, así que no sé el nombre completo, jaja).
Cinco: el final
Espero que puedas compartir más experiencias de aprendizaje. Todavía no he terminado de aprender, y se necesita mucho tiempo para hacer este intercambio Amigos, no sean tacaños con un botón y tres enlaces.
Si tiene un socio pequeño que quiere algunos códigos de notas relevantes para la información, también puede comentar y chatear conmigo en privado.