En la gran era del front-end, ¿cómo aprender usted mismo el conocimiento del front-end web?

Con el desarrollo de Internet, la demanda en el campo front-end ha ido aumentando en los últimos años.

Cuando los novatos empiezan a aprender, es fácil caer en la escuela teórica. Lo entienden de un vistazo y se confunden tan pronto como empiezan a hacerlo. Además, no saben cómo estudiar sistemáticamente. Cuando encuentran problemas, no sólo no pueden resolverlos, sino que también buscan respuestas. Yo tampoco lo entiendo. A menudo me siento confundido después de aprenderlo durante uno o dos meses y me pregunto si no soy apto para aprender. Programación Esta es la norma para el autoestudio.

Primero necesitas aprender:

Fase 1 (HTMLamp; conceptos básicos de CSS)

HTML: semántica html, etiquetas comunes html y su semántica, nuevas características de html5 y nuevas etiquetas comunes

CSS: sintaxis css, selector, posicionamiento, flotante, modelo de caja, nuevo selector css3 y sus atributos, deformación, filtrado, animación

Photoshop: aplicación básica, convertir imágenes psd en páginas estáticas

Estandarización: separación de estilo y estructura, creación de páginas que cumplan con los estándares del w3c, adición de comentarios y estandarización de sangría

Fase 2 (habilidades básicas de front-end)

Conceptos básicos de JavaScript: sintaxis básica, fundamento de algoritmos, estructuras de datos comunes, especificaciones de programación, métodos comunes de objetos integrados, métodos de creación de objetos y este uso

API de JavaScript: operaciones BOM, Operaciones DOM, implementación de efectos especiales, diseño de página, procesamiento de eventos, procesamiento de compatibilidad del navegador

JavaScript avanzado: pensamiento orientado a objetos, objetos, json, cierres, prototipos, cadenas de alcance, métodos de llamada de funciones y este apuntamiento, regular Expresión, teoría y práctica orientada a objetos

jqurey: ventajas, selectores, animación, programación en cadena e iteración implícita, uso y producción de complementos

Modularización: concepto, proceso de evolución, diseño especificaciones, RequireJS

Fase 3 (nivel principiante de desarrollo WEB móvil)

HTML5amp; CSS3: reproducción multimedia, audio y vídeo, extensión DOM, atributos personalizados, datos HTML5, geolocalización, lectura de archivos , arrastre de elementos, mejora multimedia, almacenamiento en caché de aplicaciones, gestión del historial, almacenamiento web, selectores CSS3, nuevas propiedades, conversión 2D, conversión 3D, animación

lienzo: comandos de dibujo, principio de ajuste distinto de cero, dibujo de formas, texto, imágenes, traducción, zoom, transformación de rotación, informe de datos de ECharts

Git: línea de comando, uso básico, comparación de diferencias de archivos, restauración, fusión, operación de reversión, operación de almacén remoto, creación de GitHub Almacén remoto, github crea un almacén privado remoto, la diferencia entre github y gitlab, genera una clave ssh y la agrega a github y gitlab

Fase 4 (Desarrollo WEB móvil avanzado)

bootstrap: descripción general, sistema de cuadrícula, composición tipográfica, tablas, formularios, botones, imágenes, herramientas receptivas, uso de componentes

Web móvil: introducción a la pantalla móvil, introducción al navegador, introducción al sistema operativo, depuración de simulación de Chrome, depuración de máquinas reales, ventana gráfica, rem , Soluciones de adaptación convencionales, encapsulación de gestos, mvc, instrucciones comunes, enlace bidireccional y enlace único.

angularjs: módulo, controlador, $watch, instrucciones personalizadas, jqLite, filtros, filtrado de formato, filtrado de datos, servicio $http, enrutamiento front-end, interceptor http

framework css: Complete el desarrollo responsivo a través de bootstrap y aprenda sobre los marcos de interfaz de usuario móviles comunes