¿Qué necesitas aprender para el desarrollo web?
Aquí hay una ruta de aprendizaje de front-end web, que es relativamente sistemática y completa. Espero que pueda ayudarlo ~
La primera etapa: base central profesional
<. p>Objetivos de la etapa:1. Ser competente en HTML5, CSS3, Less, Sass, diseño de libros responsivo y desarrollo de terminales móviles.
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 el diseño de páginas móviles.
6. Utilizar con soltura los conocimientos adquiridos para copiar cualquier sitio web.
7. Ser capaz de aplicar de forma integral los conocimientos aprendidos para completar prácticas de 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 puede imitar la página de inicio de cualquier sitio web.
2. Selector CSS3, pseudoclase, transición, transformación, animación, icono de fuente, modelo de caja flexible, diseño responsivo, terminal móvil. 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, aplicación de complementos y análisis de código fuente 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. A través del proyecto, domine el contenido de HTML y CSS en la primera etapa y complete el diseño de la página para PC y el diseño de la página móvil.
La segunda fase: tecnología backend web
Objetivos de la fase:
1. Comprender el historial de desarrollo de JavaScript, dominar la construcción del entorno de Node y el uso de npm.
2. Dominar los conceptos de tipos de datos básicos y variables en JavaScript.
3. Ser competente en el uso de operadores en JavaScript.
4. Tener un conocimiento profundo de las declaraciones estructurales y de las declaraciones de bucle.
5. Ser competente en el uso de matrices para completar varios ejercicios.
6. Familiarizado con la sintaxis de es6 y competente en programación orientada a objetos JavaScript.
7. Ejercicios prácticos de DOM y BOM y aprendizaje de nuevas funcionalidades y protocolos de H5.
Puntos de conocimiento:
1. Proceso de desarrollo de software, algoritmos, variables, tipos de datos, declaraciones de división, declaraciones de bucle, matrices y funciones. Competente en el uso de conocimientos de JavaScript para completar varios ejercicios.
2. Base orientada a objetos de JavaScript, mecanismo de manejo de excepciones, API de objetos comunes, compatibilidad con js y nuevas características de ES6. Domine el desarrollo orientado a objetos de JavaScript y domine el contenido importante de es6.
3. Operación BOM y operación DOM. Competente en el uso de varios objetos de BOM y competente en la operación de objetos DOM.
4. API relacionada con H5, lienzo, ajax, simulación de datos, evento táctil, mockjs. Competente en el uso de los conocimientos aprendidos para completar el desarrollo de proyectos de sitios web.
La tercera fase: 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 en segundo plano.
6. Tener un conocimiento profundo de Restful, Ajax, JSON y el proceso de desarrollo, y dominar las habilidades básicas de git.
Puntos de conocimiento:
1. Conocimiento de bases de datos, paradigma, configuración de MySQL, comandos, creación de bases de datos y tablas, adición, eliminación, modificación y consulta de datos, base de datos mongodb. Una comprensión profunda del conocimiento general de los sistemas de administración de bases de datos y el uso y administración de bases de datos MySQL sentará una base sólida para el desarrollo backend 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 usar hábilmente las funciones avanzadas del marco Vue.js para completar el desarrollo y componentes del front-end web. desarrollo y tener un conocimiento profundo del modelo MVVM.
4. Análisis de requisitos, diseño de base de datos, desarrollo backend, utilizando vue y node para completar todo el desarrollo del sitio para PC y terminales móviles. Basado 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.
La cuarta fase: 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 completar el desarrollo.
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, ciclo de declaración, enrutamiento y conceptos básicos de Redux. Practique el uso de reaccionar para completar el desarrollo del proyecto y domine la solución asincrónica Saga en Redux.
2. React-native, herramientas de desarrollo, vistas y renderizado, operaciones de API, construcción del entorno Flutter, enrutamiento, componentes ListView, solicitudes de red y empaquetado. Dominar los marcos de reacción-nativo y Flutter, y ser capaz de desarrollar proyectos móviles utilizando reaccionar-nativo y Flutter respectivamente.
3. Introducción básica a los miniprogramas WeChat, herramientas de desarrollo, vistas y renderizado, operaciones API, introducción a los miniprogramas Alipay y aprendizaje de API. Domine el desarrollo del subprograma WeChat y comprenda el subprograma 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 y TypeScript se pueden ampliar durante el proyecto.