Explicación detallada del código fuente de seajs
Entonces, ¿qué necesitas aprender sobre el desarrollo front-end? ¿Cómo debo aprender? A continuación, el editor le llevará a aprender el front-end desde cero.
1. Introducción al desarrollo front-end
Si quieres aprender front-end web, lo mejor es unirte a un buen entorno de aprendizaje. Pueden venir a este grupo Q, comenzando con 132, terminando con 667 y terminando con 127, para que sea más conveniente para todos aprender, y también puedan comunicarse entre sí y compartir información.
En la etapa de entrada, primero debe aprender las habilidades más básicas: basándose en el borrador del diseño de la interfaz de usuario, realice la producción de páginas HTML estáticas. Esto requiere que domines HTML, diseño de páginas CSS, embellecimiento de estilos y otras habilidades.
En esta etapa, necesita aprender:
1. Conceptos básicos de HTML+CSS
Dominar el uso de etiquetas HTML, habilidades de composición tipográfica, posicionamiento de diseño CSS. y embellecimiento del estilo, compatibilidad con el navegador.
2. Fundamentos de JavaScript
Domina la sintaxis básica, las condiciones, las declaraciones y los bucles de JS, aprende algoritmos comunes y mejora la lógica.
3. Herramientas de front-end comunes
Como Webstrom, Sublime, Dreamweaver, etc. Dominar las habilidades para configurar teclas de método abreviado puede mejorar rápidamente la eficiencia del desarrollo y la depuración.
La dificultad de aprendizaje en esta etapa es relativamente baja. Después de aprender esto, hemos podido completar la producción de páginas estáticas. Por supuesto, esto es sólo el comienzo y todavía será difícil utilizar estas habilidades para encontrar trabajo.
En segundo lugar, desarrollo front-end junior
En la siguiente etapa, nuestro objetivo es cumplir con los requisitos básicos de la industria del desarrollo front-end y darnos la confianza para salir y ¡Encuentra un trabajo con un salario mensual de más de 8.000!
En esta etapa, debemos centrarnos en dominar estas dos habilidades:
1. Usar jQuery, Bootstrap y otros marcos para desarrollar funciones y efectos interactivos complejos;
2. Utilizar HTML5, CSS3 y Canvas para desarrollar terminales móviles.
Para la primera habilidad, necesitas aprender:
1. Efectos especiales de JavaScript básico
Puedes implementar páginas web comunes como carrusel de imágenes, arrastrar y gota y lupa efectos especiales.
2. Conceptos básicos de jQuery
Domine el uso de las API comunes de jQuery y familiarícese con el mecanismo de desarrollo de complementos de jQuery.
3. Respuesta de Bootstrap
Domine el mecanismo de implementación de respuesta nativa y sea capaz de utilizar el diseño de cuadrícula y el diseño de respuesta en Bootstrap para desarrollar el diseño de páginas complejas.
4. Conocimientos básicos de AJAX
Comprender completamente los principios de AJAX y dominar el uso de AJAX en modo JS nativo y jQuery.
5. Marcos de interfaz de usuario populares
Domina el uso de jQueryUI y logra efectos de representación de páginas de manera rápida y eficiente.
Después de aprender estas habilidades, podrá crear de forma independiente sitios web corporativos y de comercio electrónico, lograr efectos dinámicos JS comunes y lograr efectos geniales y funciones complejas basadas en jQuery, Bootstrap y otros marcos.
Para el segundo aspecto del desarrollo móvil, necesitas aprender:
1. Nuevas características de HTML5 y CSS3
Dominar el uso de HTML5 y CSS3. la habilidad del lado móvil.
2. Fundamentos de Canvas
Domine la API de dibujo básica de Canvas para realizar la aplicación de Canvas en efectos de visualización de informes y publicidad, y lograr efectos de visualización interesantes.
3. Marco de red móvil
El desarrollo de funciones JS móviles se puede realizar en base al marco jQuery Mobile/Zepto.
Dominar estas dos habilidades puede cumplir con los requisitos básicos del mercado para los ingenieros de front-end.
Según los datos de retroalimentación del mercado, el salario generalmente es de 8.000 a 13.000 yuanes al mes, ¡así que apúrate y aprende!
En tercer lugar, desarrollo front-end avanzado
El editor sabe que usted es una persona ideal y ambiciosa y no estará satisfecho con ser un ingeniero junior de desarrollo front-end. En la siguiente etapa, nos embarcaremos en el camino del avance desde el principio y elevaremos nuestras capacidades a un nivel superior. Del mismo modo, ¡el salario también aumentará a un nivel superior!
Pero si eres un principiante en front-end, es posible que haya algunos puntos de conocimiento que no hayas utilizado o de los que no hayas oído hablar. No te preocupes, puedes recopilarlo primero y conocerlo poco a poco.
Volviendo al tema, en esta etapa debemos centrarnos en cultivar las dos habilidades siguientes:
1 Al implementar funciones, considerar la elegancia del código y prestar atención a él. el rendimiento y la complejidad del código. Usabilidad;
2. Tener un conocimiento profundo de los principios de implementación de los marcos front-end y ser capaz de desarrollar y reconstruir componentes front-end comunes.
En esta etapa necesitas aprender los siguientes conocimientos:
1. Ideas de desarrollo orientadas a objetos
2. JavaScript está orientado a objetos
3. Funciones avanzadas como cierres de JavaScript, cadenas de alcance y cadenas de prototipos.
4. Patrón de diseño universal
5. Utilice principios nativos de JavaScript para implementar la encapsulación del marco.
6. Principio de encapsulación del marco jQuery.
7. Principio de implementación del complemento jQuery.
Domine los principios de implementación de los complementos de jQuery y comprenda en profundidad los mecanismos de implementación de los dos métodos de extensión de los complementos.
8. Desarrollo modular y de componentes: SeaJS, RequireJS
Dominar las habilidades anteriores le brindará la capacidad de resolver problemas complejos y dificultades técnicas, y podrá diseñar y diseñar de forma independiente. Desarrollar módulos funcionales complejos. Si alcanza este nivel, felicidades por satisfacer las necesidades intermedias de la industria front-end. Según los datos de retroalimentación del mercado, ¡el salario es generalmente de 13.000 a 20.000 yuanes al mes!
Cuarto, desarrollo front-end avanzado
Al escribir esto, incluso el propio editor está muy emocionado, porque en la siguiente etapa, nuestro objetivo es: convertirnos en un ingeniero de desarrollo full-stack. ! Un ingeniero de desarrollo full-stack es un maestro que domina el front-end y el back-end y puede localizar y resolver problemas rápidamente cuando los encuentra. Según estadísticas de amigos profesionales, el salario mensual de los ingenieros de desarrollo full-stack en Beijing llega al 60% entre 20.000 y 50.000, ¡y los talentos son muy escasos!
Para ser ascendido a ingeniero de desarrollo full-stack, debemos completar el siguiente trabajo en esta etapa:
1. Ser capaz de comprender los principios y métodos de implementación de los marcos populares. una perspectiva global de front-end;
2. Comprender profundamente el modelo de desarrollo y la selección de tecnología de las aplicaciones móviles;
3. Estar familiarizado con la solución full-stack de Node.js;
4. Comprender la tecnología backend convencional y la colaboración front-end para comprender todo el ciclo de vida del proyecto desde una perspectiva global.
Por lo tanto, necesita saber lo siguiente:
1. Marco de flujo de trabajo de desarrollo web: Yeoman/Grunt/Gulp/Bower, etc.
¡Dominar las herramientas populares de flujo de trabajo front-end puede hacer que el desarrollo front-end sea más conveniente y eficiente!
2.Marco MVC/MVVM: AngularJS, etc.
Domine el mecanismo de implementación del marco front-end MVC/MVVM y, a través de la práctica de AngularJS, tenga una comprensión profunda del modelo de desarrollo MVC y el enlace de datos bidireccional y otros conceptos relacionados.
3.Marco de respuesta HTML5
4. Marcos de UI populares: jQueryUI, EasyUI, ExtJS, etc.
Domine los principios de encapsulación de los marcos de interfaz de usuario comunes y comprenda en profundidad las ideas del desarrollo de componentes a través del análisis del código fuente.
5. VUE.js
Vue.js es una popular biblioteca MVVM de JavaScript creada con ideas de componentes y basadas en datos. En comparación con Angular.js, Vue.js proporciona una API más simple y fácil de entender, lo que nos permite comenzar a usar Vue.js rápidamente.
6. Ionic, Angular
Dominar el modelo de desarrollo híbrido de terminales móviles A través de la combinación de Ionic y Angular, comprender el proceso general y el uso de HTML5, CSS3 y JS para aplicaciones. mecanismo de implementación.
7. Responder con naturalidad
Dominar el modelo de desarrollo de reactores móviles.
8. HTML5 Plus
9. Desarrollo full-stack de Node.js
Domina la solución full-stack de Node.js y descubre la eficiencia de js en el desarrollo del lado del servidor.
Si puede dominar el conocimiento y las habilidades de las cuatro etapas anteriores, podrá satisfacer las necesidades avanzadas de las industrias de desarrollo móvil y front-end.