Puntos de conocimiento de front-end (qué puntos de conocimiento deben dominar desde un principiante hasta un maestro de front-end)
Si quieres que te llamen un maestro del front-end, todavía quedan muchos puntos de conocimiento que debes dominar. Según mi experiencia en la era del código fuente, si quieres convertirte en un gran maestro de front-end, al menos debes dominar los siguientes puntos de conocimiento: "Conocimientos básicos de JavaScript, contenido básico para comenzar con HTML, conocimientos básicos de CSS +DIV, selectores y modelos de caja, diseño de páginas web, Photoshop, programación avanzada de JavaScript, desarrollo de complementos JQuery, desarrollo de componentes modulares, AJAX, HTML5, CSS3, principios y diseño receptivos, Bootstrap, gestión de dependencias de front-end, preprocesamiento de CSS lenguaje (Less + Sass), Grunt/herramienta de compilación automática Express (nodo Gulp). Tienes razón al pensar más. Solo dominando los factores anteriores puedes estar calificado para ser llamado un "dios del front-end". >
2. ¿Qué puntos de conocimiento necesita saber para aprender HTML5 front-end?
Stylus/Less implementa la precompilación de CSS
Express implementa la construcción del lado del servidor
Nginx implementa el proxy inverso del servidor
Ngrok implementa la infiltración en la intranet
Sha1 y MD5 implementan el cifrado de datos privados
Monggose implementa la operación de la base de datos mongoDB
El gráfico electrónico realiza la visualización de datos
Simulación de datos con json-server
Nodejs realiza la separación completa del front-end y back-end
p>Utilice WebSocket para realizar comunicación en tiempo real
Diagrama de diseño de interfaz de usuario empresarial para realizar el diseño de la página /p>
Bootstrap implementa una página de respuesta
JavaScript nativo implementa mini. -Desarrollo de juegos
Native Ajax implementa comunicación front-end
Jsonp y CORS implementan comunicación entre dominios
Animación implementa animación
Canvas implementa las funciones de burbujas y relojes
JQuery implementa el proyecto memo
ArtTemplate implementa la página de plantilla
Logra la adaptación del terminal móvil a través de Viewport+Rem
p>Observar un problema de 1 píxel físico en la ventana gráfica
JavaScript nativo realiza una pantalla deslizante perfecta
Zepto implementa la pantalla deslizante de terminales móviles
Stylus/ Less implementa la precompilación de CSS
Express implementa la construcción del lado del servidor
Nginx implementa el proxy inverso del servidor
Ngrok logra la penetración en la intranet
3 ¿Qué conocimientos se necesitan para el desarrollo de sitios web front-end?
CSS, HTML y JavaScript son los tres lenguajes utilizados para el aprendizaje front-end. Entre ellos, HTML es autosimple, mientras que CSS y JavaScript. Son lenguajes diseñados para tener más código. La entrada y salida son simples y de fácil acceso para los niveles frontales de nivel de entrada.
Sin embargo, dominar varios marcos requiere aprender y practicar. 1. CSS y HTML. Los principiantes deben centrarse en aprender los conceptos básicos de CSS y HTML. Con respecto a CSS (3), debe comprender los siguientes puntos de conocimiento: estándares web, conceptos relacionados con HTML, etiquetas HTML, conceptos relacionados con rutas, puntos de anclaje y otros, etiquetas de formulario, etiquetas de formulario, casos completos, páginas de registro, selección de CSS, CSS estilo de fuente, propiedades de apariencia de CSS, modos, selectores compuestos de CSS, modos de visualización de etiquetas, fondos de CSS, funciones de CSS, etc.
En general, aprender CSS y HTML es relativamente sencillo. 2. JavaScript JavaScript siempre ha sido la piedra angular del progreso de los ingenieros de front-end. La profunda comprensión de JavaScript determina el desarrollo profesional de los desarrolladores de front-end.
El contenido de aprendizaje sobre JavaScript incluye navegadores que ejecutan procesos JS, variables JS, tipos de datos, operadores, declaraciones de control de flujo (if else, expresiones ternarias, switch), bucles (for, while, do while), matrices, clasificación de burbujas, funciones, ámbitos, preparación, objetos, objetos integrados, tipos simples y complejos. Solo cuando estemos familiarizados con la sintaxis básica de JavaScript podremos continuar estudiando en profundidad la tecnología front-end.
El front-end debe dominar estas habilidades básicas, dominar HTML y poder escribir una estructura HTML con semántica razonable, estructura clara y fácil mantenimiento. Competente en CSS, capaz de restaurar el diseño visual y compatible con los principales navegadores reconocidos en la industria, familiarizado con JavaScript, comprendiendo el contenido básico de ECMAscript y dominando al menos dos marcos js. Con el desarrollo continuo de la tecnología de front-end web, cada vez hay más posiciones de front-end web y cada vez más direcciones técnicas. El front-end web tiene un amplio margen de desarrollo. Las aplicaciones, los pequeños programas, los terminales móviles y los terminales de PC requieren el soporte de desarrollo de la tecnología front-end para completarse. El umbral técnico es relativamente bajo, la demanda es grande y el salario es bueno.
Siempre que sea una interfaz de cliente en Internet, necesita una interfaz para crearla. El desarrollo front-end no requiere mucha programación, pero sí algo de programación. Comenzar es fácil, pero el aprendizaje profundo requiere un proceso. ¿Puestos de contratación web front-end? Ingeniero de desarrollo front-end, ingeniero de desarrollo web, ingeniero de desarrollo web, ingeniero de desarrollo HTML.
? Ingeniero de desarrollo H5, ingeniero de desarrollo de aplicaciones móviles, ingeniero de desarrollo de aplicaciones, ingeniero de desarrollo de programas pequeños. ? Ingeniero de desarrollo JS, ingeniero de desarrollo Vue.js, ingeniero de desarrollo Node.js, arquitecto front-end.
? Ingeniero de desarrollo de minijuegos, ingeniero de desarrollo de visualización de datos, ingeniero de desarrollo WebGL, ingeniero de desarrollo WebVR e ingeniero de seguridad web. En la industria de Internet, existen interfaces WEB y HTML. Con el desarrollo de la tecnología de Internet, existen muchas direcciones de empleo.
Las direcciones de empleo del front-end web incluyen arquitecto web, ingeniero de front-end web, ingeniero de desarrollo de front-end HTML, diseñador web, etc. La diferencia entre el desarrollo front-end HTML y el desarrollo front-end web es que HTML5 no solo se puede usar para desarrollar el front-end, sino que también se puede usar para una serie de desarrollos basados en el estándar HTML5 y los navegadores equipados con él, como como juegos web, aplicaciones móviles y renderizado 3D mediante navegadores. En el futuro, es posible que se incorporen más ramas de funciones al estándar HTML5.
La dirección de ingeniero front-end web es la principal dirección laboral del desarrollo front-end web en la actualidad. Los arquitectos web generalmente tienen salarios altos, requisitos técnicos elevados y dominan una variedad de habilidades, incluida tecnología de back-end, DBA, plataforma, etc. , e incluso tecnología SEO de optimización de sitios web. Dirección de datos La I+D de datos se basa en el desarrollo de redes y utiliza datos para agregar energía. Quienes comprenden la visualización deben tener capacidades de front-end y quienes comprenden Hadoop deben estar familiarizados con Java. Java pertenece a la dirección de desarrollo del desarrollo web.
Los grandes front-end, como Alibaba, están practicando mucho rn y weex; debido a la caída de Android/ios en la empresa, hasta cierto punto, el front-end se ha fusionado con ios; y Android, llamados colectivamente el gran front-end. Dirección gráfica El front-end está naturalmente indisolublemente ligado a los gráficos. Además de la visualización mencionada anteriormente, también está el desarrollo de motores 3D relacionados.
Los requisitos para hacer esto también son muy altos. El desarrollo de algoritmos relacionados con gráficos y motores 3D requiere conocimientos relacionados con los gráficos.
Para aprender HTML5, debes dominar estos puntos de conocimiento.
Se puede decir que el desarrollo HTML5 es un desarrollo de software particularmente "favorecido" en los últimos años. HTML5 no solo tiene un umbral de entrada bajo, salarios y beneficios altos, sino que también tiene perspectivas de desarrollo prometedoras, por lo que es bien merecido que todos lo busquen y favorezcan.
Entonces, ¿qué conocimientos necesarios debes dominar si quieres participar en el desarrollo y el aprendizaje de HTML5?
Entonces, si quieres aprender bien sobre desarrollo HTML5, las habilidades profesionales que debes dominar son:
Fase 1: Reconstrucción de la página frontal: diseño del sitio web para PC, HTML5+CSS3 básico proyecto, diseño de página WebAPP;
La segunda fase: programación JavaScript avanzada: desarrollo de funciones interactivas de JavaScript nativas, desarrollo orientado a objetos e investigación y desarrollo independientes de bibliotecas de herramientas ES5/ES6 y JavaScript;
La tercera fase: desarrollo de proyectos completos del lado de la PC: desarrollo interactivo de efectos especiales clásicos jQuery, protocolo HTTP, desarrollo avanzado y back-end de Ajxa, ingeniería front-end y aplicaciones modulares, desarrollo de sitios web del lado de la PC, PC -desarrollo front-end del sistema de información de gestión del lado;
La cuarta etapa: desarrollo de aplicaciones web móviles: proyecto táctil, proyecto de escena WeChat, proyecto de aplicación web desarrollado por Vue.js, proyecto de aplicación web desarrollado por Ionic y desarrollo de aplicación web por React.js;
La quinta etapa: Desarrollo híbrido: desarrollar varias aplicaciones híbridas;
La sexta fase: Desarrollo completo de NodeJS: desarrollo del sistema back-end de aplicaciones web;
La séptima fase: Visualización de big data: Introducción a la visualización de datos, explicación detallada de D3.jS y práctica del proyecto.
Hoy en día, Internet móvil se está desarrollando rápidamente, la tecnología se actualiza e itera constantemente y el conocimiento adquirido debe mantenerse al día. Los principales sitios web de Internet del mercado ahora necesitan crear experiencias de interacción de usuario de primera clase. Los requisitos para los desarrolladores front-end ya no son la simple visualización de páginas, sino ingenieros de desarrollo front-end completos.
5.5.¿Qué conocimientos se necesitan para el desarrollo web front-end?
1. HTML 5+css3+JavaScript es la base del desarrollo web. HTML es responsable de la estructura de la página web, CSS es responsable del estilo de la página web y JS es responsable de la interacción lógica.
Los dos primeros se parecen más a lenguajes de marcado y no tienen lógica. JS es la máxima prioridad en el front-end. La mayoría de las nuevas tecnologías en HTML5 deben combinarse con JS.
El progreso del aprendizaje de cada persona puede ser diferente. En esta etapa lo principal es imitar la posición y familiarizarse con los conceptos básicos. Intente utilizar CSS para escribir páginas receptivas y comprender un conocimiento profundo de JS, como cadenas de prototipos, cierres y patrones de diseño, que requieren un conocimiento más acumulado, y comprenderlo y practicarlo gradualmente. 2.jQuery+bootstrap+Ajax+JSON jQuery es una biblioteca de aplicaciones JS que puede mejorar la eficiencia del desarrollo de JS nativo.
Bootstrap es un marco responsivo que puede soportar más fácilmente múltiples dispositivos de teléfonos móviles/tabletas/PC. La tecnología Ajax se utiliza para interacciones asincrónicas y puede actualizar datos sin actualizar la página, como las aplicaciones de mapas.
Json es un formato de datos que se utiliza ampliamente en los principales lenguajes de programación. JQuery y bootstrap simplificarán mucho código y son muy agradables de usar, pero se recomienda que las personas con bases débiles lo usen menos.
Ajax y json se usan comúnmente para interactuar con el backend y, a menudo, se usan en negocios reales. 3. Herramienta de administración de versiones Git/SVN, que se utiliza principalmente para evitar conflictos de archivos durante el desarrollo del equipo y también puede guardar archivos.
Se recomienda aprender Git para el front-end. 4. Nodejs+Mysql/MongoDB (opcional) JavaScript ejecutándose en el lado del servidor.
Express es su framework MVC extendido. Entre ellos, el nodejs más utilizado es el administrador de paquetes npm, que no requiere visitar varios sitios web para descargar paquetes de recursos.
Para el aprendizaje de bases de datos, puede elegir MongoDB o MySQL. El primero es más compatible con Nodejs, pero la mayoría de los sitios web ahora son una combinación de PHP y Mysql. Si planeas aprender PHP, primero puedes aprender MySQL. 5. Estándar de lenguaje JavaScript ECmascript 6.
Se han agregado muchos conceptos nuevos a ES6, lo que también compensa muchas de las deficiencias de JS en versiones anteriores. Cada vez más proyectos están comenzando a utilizar ES6 para el desarrollo. Antes de aprender ES5, será mejor que lo comprendas primero. Actualmente, considerando la compatibilidad en proyectos reales, ES6 debe compilarse en ES5 a través de Babel para su implementación.
6. Angular/React/Vue tres marcos front-end, cada uno con su propio ecosistema, puede elegir aprender según sea necesario. Actualmente, Angular sigue siendo la mayor demanda entre las empresas, pero en las tendencias recientes, reaccionar y vue son más populares.
Debido a que la tecnología front-end se está desarrollando a pasos agigantados, las herramientas y los marcos se actualizan más rápido que hojear un libro. Se recomienda que estudie o lea la documentación. A medida que aprenda, también encontrará muchas veces el uso de varias herramientas de compilación.
7. Otras herramientas de uso común, como esta, elige aprender según tus propias necesidades. El paquete web ahora se usa comúnmente para empaquetar múltiples archivos con diferentes estilos de programación. Las modularidades como ES6/AMD/CMD pueden reconocer y compilar archivos que el navegador puede ejecutar.
Sass/Less, un marco de precompilación de CSS, puede escribir código CSS de forma lógica. Las herramientas de compilación pueden automatizar el trabajo de minimizar y fusionar código.
8. Otros lenguajes de programación back-end El mercado actual básicamente requiere un lenguaje back-end para el front-end, como PHP/JAVA/Nodejs/Python.
6. ¿Cómo recordar tantos puntos de conocimiento en el front-end?
El conocimiento involucrado en el front-end es realmente bastante extenso. Primero, debes aclarar un marco determinado y luego estudiar de manera organizada para obtener el doble de resultado con la mitad de esfuerzo. Aquí tengo un sistema de conocimientos para que todos lo entiendan.
Si tienes perseverancia, puedes estudiar por tu cuenta, pero si sientes que la eficiencia no es muy buena, también puedes considerar participar en una capacitación sistemática. Aunque cuesta dinero, puedes ahorrar mucho tiempo y pesarlo tú mismo.