Guía de autoaprendizaje de front-end web 2020
El artículo que quiero compartir con ustedes hoy trata sobre la guía de autoaprendizaje del front-end web 2020. Es posible que muchas personas hayan ingresado a la industria front-end siguiendo varios tutoriales en Internet, pero la mayoría simplemente estudió mecánicamente el contenido de los materiales. Como dice el refrán, elegir es más importante que trabajar duro. Entonces, al aprender sobre el desarrollo, primero debe tener una ruta de aprendizaje clara. Espero que este artículo pueda brindarle alguna referencia y ayuda a la hora de elegir la dirección de su desarrollo futuro. ¡Ven y echa un vistazo con el editor a continuación!
1. Aprendizaje básico
●Conceptos básicos de HTML+CSS:
HTML avanzado, CSS avanzado, diseño div+css, composición tipográfica, integración de html+css Desarrollo de sitios web , embellecimiento de estilos y compatibilidad con navegadores
●Conceptos básicos de JavaScript:
Domine la sintaxis básica, condiciones, declaraciones y bucles de JS, métodos comunes de objetos integrados de JS, ECMAscript, DOM, BOM, Temporizadores y mapas de enfoque, y aprenda algoritmos comunes para mejorar la lógica e implementar efectos de red comunes, como troyanos, arrastrar y soltar y lupa.
●Características avanzadas de JavaScript:
Expresiones regulares y JSON, casos de expresiones regulares, principios de JavaScript y encapsulación de bibliotecas, cierres, limitación de funciones, cadena de alcance, conceptos básicos orientados a objetos, eventos y encapsulación de framework de movimiento
●Uso básico de JQuery:
Operaciones DOM, efectos especiales y animaciones, cadenas de métodos, arrastrar y soltar, deformación, uso básico de componentes JQueryUI y desarrollo de complejos interacciones Funciones y efectos, y estar familiarizado con el mecanismo de desarrollo de complementos de JQuery.
2. HTML5+CSS3 y desarrollo web móvil
●HTML5:
Nuevas etiquetas semánticas HTML5, formularios HTML5, audio y vídeo, almacenamiento local y sin conexión. SVG, WebSocket
●CSS3:
Nuevo selector CSS3, pseudoelemento, representación de color, borde, sombra, cambio de atributos de serie de fondo, transición, animación, profundidad de campo y transparencia de profundidad , producción de efectos 3D, marco Velocity.js, entrada de elementos, estrategia de salida, producción de páginas web CSS3 geniales
●Imagen:
Canvas, juego Canvas, visualización de datos, Heighcharts.js
●Bootstrap:
Conceptos responsivos, consultas de medios, producción de sitios web responsivos, sistema de eliminación de cuadrículas, principios del sistema de eliminación de cuadrículas, plantillas Bootstrap comunes, LESS y SASS
● Desarrollo web móvil:
Introducción a WEB entre terminales y dispositivos convencionales, diseño fluido, caja flexible, rem, eventos JavaScript de terminales móviles, producción de efectos JS comunes en teléfonos móviles, Zepto.js, páginas de centros comerciales, desplazamiento
3. Servicio HTTP y programación AJAX
●Conceptos básicos del servidor WEB:
Conceptos básicos del servidor, introducción al servidor Apache y otros servidores WEB, construcción del servidor Apache, HTTP. Introducción
●Conceptos básicos de PHP:
Sintaxis básica de PHP, use PHP para manejar solicitudes GET/POST simples
●AJAX Parte 1:
Introducción a Ajax y el concepto de asíncrono, encapsulación del marco Ajax, introducción detallada al objeto XMLHttpRequest, métodos de procesamiento de compatibilidad, encapsulación del marco Ajax, problemas de almacenamiento en caché en Ajax, introducción y uso de XML
●AJAX Parte 2:
Análisis JSON y JSON, enlace de datos y tecnología de plantillas, JSONP, tecnología entre dominios, prelectura de imágenes y tecnología de carga diferida, uso de AjaxAPI en el marco JQuery, uso de Ajax para implementar casos de flujo en cascada
p>
4. Orientado a objetos avanzado
●Orientado a objetos definitivo:
Desde la perspectiva de la memoria hasta la comprensión del objeto JS -orientado, tipos básicos, tipos complejos, cadena de prototipos, ES6 orientado a objetos, permisos de propiedad de lectura y escritura, configuradores y descriptores de acceso
●Tres características principales de la orientación a objetos:
Herencia, polimorfismo, encapsulación e interfaz
●Patrones de diseño:
Pensamiento de programación orientada a objetos, modo singleton, modo fábrica, modo estrategia, modo observador, modo método plantilla, modo proxy , modo decorador, modo adaptador, programación orientada a aspectos
5. Encapsule un marco propio
●Conceptos básicos de la encapsulación de marcos:
Flujo de eventos, burbujeo. , captura, objeto de evento, cuadro de evento, cuadro de selección
●Nivel intermedio de encapsulación de cuadro:
Principios de movimiento, cuadro de movimiento de un solo objeto, cuadro de movimiento de múltiples objetos, objeto de cuadro de movimiento encapsulación orientada
●Encapsulación de marcos avanzada y suplemento:
Prototipo de marco JQuery, escalabilidad, modularidad
Desarrollo de componentes modulares
●Programación orientada a componentes:
El método de programación orientada a componentes, el principio de implementación de la programación orientada a componentes, la práctica de la programación orientada a componentes y el desarrollo de aplicaciones de sitios web basadas en ideas orientadas a componentes.
●Programación orientada a módulos:
Especificaciones de diseño AMD, especificaciones de diseño CMD, RequireJS, LoadJS, Taobao's SeaJS, CommonJS, ES6Modules
7. , marcos principales
●Flujo de trabajo de desarrollo web:
GIT/SVN, andamios Yeoman, herramientas de gestión de dependencias NPM/Bower, Grunt/Gulp/Webpack, cajas de empaquetado
●Marco MVC/MVVM/MVW:
Vue.js, React, Angular.js, Ba
ckbone.js, Knockout/Ember, impulsado por proyectos
8, desarrollo completo de Node.js
●Inicio rápido:
Desarrollo de Node.js, ecosistema, Io.js, configuración del entorno Linux/Windows/OS
X, entorno REPL y programa de consola, programación asincrónica, E/S sin bloqueo, concepto de módulo, herramientas de gestión de módulos, proceso de desarrollo, depuración, pruebas; dominar soluciones full-stack de node.js y desarrollo eficiente de JS del lado del servidor
●Módulos y objetos principales:
Objetos globales, procesos, consolas, utilidades, controlados por eventos. , Emisor de eventos, cifrado y descifrado, operación de ruta, serialización y deserialización, operación de flujo de archivos, servidor y cliente HTTP, Socket.IO
●Conceptos básicos del desarrollo web:
Protocolo HTTP, solicitud proceso de procesamiento de respuestas, operaciones de bases de datos relacionales y acceso a datos, operaciones de bases de datos no relacionales y acceso a datos, desarrollo nativo de aplicaciones web en Node.js, flujo de trabajo de desarrollo web, casos de blogs de desarrollo de Node.js.
●Marco de desarrollo rápido:
Introducción Express + introducción a MVC, API comunes de Express, módulo de enrutamiento Express, motor de plantillas Jade/Ejs, uso de Express para reconstruir casos de Blog, Koa y otros usos comunes. Marco MVC.
●Base de datos:
mongoose/mongoDB, MYSQL
●Desarrollo de prácticas de comercio electrónico con Node.js:
Requisitos y diseño , registro e inicio de sesión del módulo de cuentas, módulo del centro de miembros, módulo de visualización de la recepción, carrito de compras, liquidación de pedidos, módulo de mensajería instantánea de servicio al cliente en línea
Serie WeChat
●Cuenta pública de WeChat.
Configuración JS-SDK, menú personalizado, devolución de llamada, contenido compartido personalizado, escaneo, ubicación geográfica, audio WeChat, imagen, función de reconocimiento de voz, curl del lado del servidor
biblioteca, pago, cupón de tarjeta, tienda WeChat, modelo de desarrollo de WeChat y análisis de cuentas públicas, análisis estadístico
●Mini programa WeChat
Proyecto de mini programa, uni-app, mpvue
10, APLICACIÓN móvil (Web/Nativa/Híbrida)
●Introducción a ReactNative, configuración del entorno ReactNative, creación de proyectos, configuración, compilación, depuración, implementación y lanzamiento, módulos nativos y componentes de UI, API comunes nativas
●Introducción a Ionic y comparación de categorías similares, análisis de proyectos de plantilla, componentes y uso comunes, creación de aplicaciones con Angular, efectos comunes (desplegable para actualizar, desplegable para cargar, navegación deslizante lateral , pestaña)
11. Otros
●Calidad profesional
Comunicación y expresión, trabajo en equipo, gestión de objetivos, gestión del tiempo, gestión de la mentalidad
●Orientación laboral
Habilidades de currículum vitae y entrega, habilidades para entrevistas y exámenes escritos
12. Recomendar algunos sitios web de aprendizaje de programación
01. p>Si tuviera que evaluar este sitio web, sería el mejor entre los anteriores. Los videos son todos de muy alta calidad, puedes buscar y echar un vistazo.
02. Tutorial para principiantes
Aunque este sitio web no es un sitio web de videos, puedes ver que es adecuado para principiantes tan pronto como escuches el nombre, pero los conocimientos básicos están escritos en muy detallado, claro y fácil de entender, muy adecuado Amigos que recién comienzan a aprender programación.
03, W3School
Cuando comencé a aprender desarrollo WEB, a menudo usaba este sitio web para aprender el front-end junto con w3school. Durante el desarrollo, si encontraba una etiqueta que. No lo recuerdo, iría allí. Buscar en w3school. Cuando tengo tiempo, vengo a MOOC para ver videos de front-end.
Hay muchos sitios web de aprendizaje como este. Si es hora de empezar, los sitios web anteriores son suficientes.
Otras recomendaciones de sitios web incluyen Tencent Classroom, Experimental Building, Guoke MOOC Academy, etc., Zhihu, Nuggets...
Lo anterior es lo que el editor compartió con usted hoy sobre la interfaz web en 2020 Un artículo En el camino hacia el autoestudio. Espero que este artículo pueda ser útil para los amigos que están trabajando en el front-end web. Si desea obtener más información sobre el front-end web, recuerde seguir el sitio web oficial de Beida Jade Bird. Capacitación web. Finalmente, te deseo todo lo mejor en tu trabajo. Conviértete en un excelente ingeniero de front-end web.
Fuente del artículo: mono frontal original mono frontal apuntando al norte