¿Qué lenguajes informáticos necesitas aprender para el desarrollo front-end?
Aquí hay una ruta de aprendizaje web front-end sistemática y completa. El contenido que debe dominarse es el siguiente:
La primera etapa: base central profesional
<. p>Objetivos de la fase:1. Competente en HTML5, CSS3, Less, Sass, diseño de libros responsivo y desarrollo móvil.
2. Competente en el uso de funciones HTML + CSS para completar el diseño de la página.
4. Competente en la aplicación de tecnología CSS3, animación y diseño de modelos de cajas flexibles.
5. Competente en diseño de páginas móviles.
6. Aplicar con habilidad los conocimientos aprendidos para imitar cualquier sitio web.
7. Ser capaz de aplicar de forma integral los conocimientos adquiridos para completar la práctica del diseño web.
Puntos de conocimiento:
1. Entorno de desarrollo web front-end, etiquetas HTML comunes, elementos de formulario, diseño de tabla, hoja de estilo CSS, diseño DIV + CSS. Competente en el uso de atributos de estilo HTML y CSS para completar el diseño y embellecimiento de la página, y ser capaz de imitar la implementación de la página de inicio de cualquier sitio web.
2. Selectores CSS3, pseudoclases, transiciones, transformaciones, animaciones, iconos de fuentes, modelos de caja flexible, diseño responsivo y dispositivos móviles. Competente en el uso de CSS3 para desarrollar páginas web, competente en el desarrollo de terminales móviles y organización de habilidades de desarrollo web.
3. Tecnología CSS precompilada: conocimientos básicos de less, sass y uso de complementos, análisis del código fuente de BootStrap. Ser capaz de usar menos habilidad y descaro para completar el desarrollo del proyecto y tener un conocimiento profundo de BootStrap.
4. Utilice HTML, CSS, LESS, SASS y otras tecnologías para completar proyectos de páginas web reales. Domine el contenido html y css en la primera etapa a través de la práctica real del proyecto y complete el diseño de páginas para PC y dispositivos móviles.
Fase 2: Tecnología backend web
Objetivos de la fase:
1. Comprender el historial de desarrollo de JavaScript y dominar el uso del entorno Node y NPM.
2. Dominar los conceptos de tipos de datos básicos y variables en JavaScript.
3. Dominar el uso de operadores en JavaScript.
4. Comprensión profunda de los bucles y sentencias de construcción dividida.
5. Ser competente en el uso de matrices para realizar diversos ejercicios.
6. Familiarizado con la sintaxis de es6 y competente en programación orientada a objetos JavaScript.
7. Ejercicios prácticos sobre DOM y BOM, aprendiendo nuevas funciones y protocolos de H5.
Puntos de conocimiento:
1. Proceso de desarrollo de software, algoritmos, variables, tipos de datos, declaraciones de divide y vencerás, declaraciones de bucle, matrices y funciones. Sea competente en el uso de conocimientos de JavaScript para completar varios ejercicios.
2. Conceptos básicos de JavaScript orientado a objetos, mecanismo de manejo de excepciones, API de objetos generales, compatibilidad con js y nuevas características de ES6. Competente en desarrollo orientado a objetos de JavaScript y los conceptos básicos de ES6.
3. Operación BOM y operación DOM. Competente en el uso de varios objetos BOM y competente en la manipulación de objetos DOM.
4. API relacionada con H5, lienzo, ajax, simulación de datos, eventos táctiles, mockjs. Aplicar de manera competente los conocimientos aprendidos para completar el desarrollo de proyectos de sitios web.
La tercera etapa: práctica de base de datos y marco
Objetivos de la fase:
1. Uso integral de la tecnología web front-end para el diseño y embellecimiento de la página.
2. Uso integral del marco de desarrollo web front-end para el desarrollo de sistemas web.
3. Competente en el desarrollo de bases de datos Mysql y Mongodb.
4. Competente en tecnologías front-end como vue.js, webpack, elementui, etc.
5. Competente en el uso de Node.js para desarrollar aplicaciones back-end.
6. Tener un conocimiento profundo de Restful, Ajax, JSON, procesos de desarrollo y habilidades básicas de git.
Conocimientos:
1. Conocimiento de bases de datos, ejemplos, configuración de MySQL, comandos, creación de bases de datos y tablas, adición, eliminación y modificación de datos, base de datos mongodb. Obtenga una comprensión profunda del conocimiento del sistema de administración de bases de datos y el uso y administración de bases de datos MySQL para sentar una base sólida para el desarrollo back-end de Node.js.
2. Sistema de módulos, funciones, enrutamiento, objetos globales, sistema de archivos, procesamiento de solicitudes, módulo web, marco Express, procesamiento de bases de datos MySQL, RestfulAPI, carga de archivos, etc. Competente en el uso del entorno de ejecución Node.js y el marco de desarrollo en segundo plano para completar el desarrollo en segundo plano del sistema web.
3. Componentes de Vue, ciclo de vida, enrutamiento, componentes, ingeniería front-end, webpack, framework elementui. Tener una comprensión clara del uso básico del marco Vue.js, poder usar Vue.js para completar el desarrollo front-end básico y dominar el uso de las funciones avanzadas del marco Vue.js para completar el back-end. desarrollo del sistema web. js framework para completar el desarrollo front-end web y el desarrollo de componentes, y tener un conocimiento profundo del patrón MVVM. Ser capaz de utilizar el marco Vue.js para completar el desarrollo de componentes y front-end web, y tener un conocimiento profundo del patrón MVVM.
4. Análisis de requisitos, diseño de bases de datos, desarrollo backend, uso de vue y node para completar el desarrollo de PC y dispositivos móviles. En Node.js+Vue.js+Webpack+Mysql+Mongodb+Git, las funciones completas de todo el proyecto del sitio se implementan y publican en línea.
Fase 4: Terminal móvil y combate real de WeChat
Objetivos de la fase:
1. Competente en el marco de React.js y competente en el uso de React.js para desarrollo completo.
2. Dominar los principios del desarrollo móvil y comprender el desarrollo nativo y el desarrollo híbrido.
3. Competente en el uso de marcos nativos de reacción y Flutter para completar el desarrollo móvil.
4. Domine los miniprogramas de WeChat y comprenda el desarrollo de los miniprogramas de Alipay.
5. Completar el desarrollo de proyectos de comercio electrónico a gran escala.
Puntos de conocimiento:
1. React programación orientada a componentes, datos de formulario, comunicación de componentes, monitoreo, bucle de declaración, enrutamiento, conceptos básicos de Redux. Practique el uso de reaccionar para completar el desarrollo del proyecto y domine la solución asincrónica Redux Saga.
2. React-native, herramientas de desarrollo, vistas y renderizado, operaciones de API, configuración del entorno Flutter, enrutamiento, componentes ListView, solicitudes de red y empaquetado. Practique el dominio de los marcos reaccionar-nativo y Flutter, y desarrolle proyectos móviles utilizando reaccionar-nativo y Flutter respectivamente.
3. Introducción básica al miniprograma Weibo, herramientas de desarrollo, visualización y renderizado, operación API, introducción al miniprograma Alipay y aprendizaje de API. Domine el desarrollo de miniprogramas WeChat y comprenda los miniprogramas Alipay.
4. Para sitios web de compras a gran escala, el front-end y el back-end de todo el proyecto se desarrollan por separado, todo el proyecto se divide en cuatro partes: página web para PC, aplicación móvil y programa pequeño; y gestión de back-end. Colaboración y desarrollo en equipo, utilizando git para control de versiones. Three.js, TypeScript se puede ampliar durante el proyecto.