Estudiamos JS. Clases y ejemplos de JavaScript. Conceptos básicos de JavaScript para principiantes: Dónde aprender.
Siempre quiero obtener un conocimiento integral en el área con la que trabaja. JavaScript es uno de los idiomas que son casi imposibles de obtener un conocimiento exhaustivo. Se está desarrollando constantemente, ya que la web se está desarrollando en general, por lo que cualquier desarrollador web debe esforzarse por tener tiempo para este desarrollo, y aún más obligado a conocer los conceptos básicos de la tecnología que se aplica.
Javascript ahora es dominante en el mundo. Con él, puede crear una pequeña aplicación web y programar un robot. Afortunadamente, el idioma ha existido durante bastante tiempo, y los desarrolladores han dominado los desarrolladores de superioridad describieron su experiencia de programación en los libros.
Este libro dice cómo hacer que las computadoras hagan lo que necesita de ellos. Las computadoras de hoy son tan comunes como el dumping, pero contienen dificultades más ocultas, y por lo tanto, son más difíciles de entender con ellos más difíciles de trabajar. Para muchos, permanecen extraterrestres, ligeramente amenazantes. El libro también está disponible en ruso.
Este libro es una revisión exhaustiva del mundo JavaScript a través del análisis de los objetos y matices incorporados del idioma. Este libro definitivamente no está destinado a las personas, solo comienzan a aprender la programación en general y a JavaScript en particular.
Este libro está dedicado a la consideración de plantillas de programación clásicas y modernas para JavaScript. En general, se centra en los programadores novatos.
HTML5 da excelentes oportunidades. Como jquery. Como nodo.js. Si agrega un poco más de JavaScript de puro, lo conquistará fácilmente la web.
Este libro está diseñado para aquellos que planean crear aplicaciones web utilizando JS. Describe las características del idioma, las herramientas útiles, las plantillas, y esta lista no está limitada.
Este libro le dará un conocimiento universal de JavaScript, comprendiendo tanto su lógica y detalles generales. El autor sugiere que el lector ya está familiarizado con los principios de la programación orientada a objetos y cualquier idioma como PHP, Ruby, Python, C ++ o Java.
¿Está listo para dar un paso adelante en su práctica de programación web y pasar de diseño a HTML y CSS para crear páginas dinámicas de pleno derecho? ¡Entonces es hora de familiarizarse con el lenguaje de programación más caluroso: ¡JavaScript!
Después de leer este libro, aprenderá todo sobre JavaScript: desde variables hasta ciclos. Entenderá por qué diferentes navegadores reaccionan de manera diferente al código y cómo escribir un código universal admitido por todos los navegadores. Entenderá por qué JS es el futuro, y se convertirá en un verdadero desarrollador frontend.
En este libro, se muestra cómo escribir en las aplicaciones frontales de JS sin utilizar ningún marco o bibliotecas de tercer lados.
Además del conocimiento general de los principios de JavaScript, este libro también le brinda conocimiento de áreas relacionadas, como JSON o NOSQL, así como una comprensión de cómo se escribe la aplicación web.
Como se desprende, este libro está dedicado al desarrollo de aplicaciones de una página. No tiene una descripción de tecnologías y marcos específicos, pero las plantillas y prácticas generales no son malas.
El libro está dedicado a trabajar con DOM (Modelo de objeto de documentos), quizás el JavaScript más importante para todos los desarrolladores web.
Este libro, escrito por Douglas Crocford, el creador de JSON y JSLINT, son los clásicos del mundo JavaScript, y todos deben leerlo. Habla sobre los conceptos básicos de un enfoque orientado a objetos y una variedad de ejemplos se dan como buenos y malos. Por supuesto, el autor dice cómo corregir los ejemplos "dañinos" y cómo prevenir los errores.
Esta serie escrita por la famosa maestra Kyloma Simpson consta de 6 libros, cada uno de los cuales cubre un idioma separado. La principal ventaja de estos libros es que son lo suficientemente cortas, gracias a lo que no tendrá tiempo para distraer. Y el libro "ES6 y no solo" de esta serie, puede comprar en el documento en ruso.
JavaScript es una herramienta importante de desarrolladores web, que le permite hacer que las páginas en línea interactivas, dinámicas y logran el mayor rendimiento. Este es un manual JavaScript bien estructurado, que le permitirá explorar rápidamente esto, no es el desarrollo más fácil, sino también un lenguaje muy popular. Se da mucha atención en el libro a la biblioteca jQuery. También hay muchos ejemplos y tareas desensambladas detalladas.
Después de leer la "Guía integral", puede:
- Haga las páginas de su sitio interactivo.
- Última versión de la versión de plugin de jQuery UI.
- Cree formas convenientes con validación automática y corrección de datos.
- Aplicar la tecnología AJAX.
- Profundiza tu conocimiento en el área y se convierte en profesional.
Después de estudiar lo básico del diseño, sin duda, querrá más interactividad y belleza, así como formas de interacción más convenientes entre el sitio con backend. Fue entonces en la arena y Javascript sale con el marco de jQuery increíblemente popular. Para comenzar a trabajar con un libro, no necesita ningún conocimiento profundo, todos lo obtendrán. Solo se demuestran las prácticas más recientes en las prácticas de optimización de la cruz y la optimización de la página, y la presentación se realiza mediante un lenguaje claro con ejemplos visuales e ilustraciones.
El libro que ya se ha convertido en un clásico. Su última edición cubrió HTML5 y ECMASCRIP 6, la tecnología tópica para el día actual. También agrega nuevos capítulos dedicados a jQuery y JavaScript en el lado del servidor. Esta guía será útil como recién recién llegados y aquellos que desean perfeccionar su conocimiento de JavaScript a la perfección.
¡Oye! ¿Alguna vez te has preguntado para comenzar la programación? Personalmente, soñé con la infancia para aprender a escribir mis programas y juegos. Recientemente, tuve un interés de susurro en esta actividad y me propuse a mí, para entender y aprender a trabajar, para empezar, con un lenguaje de programación como JavaScript. ¿Por qué solo JavaScript?
Dado que no tengo experiencia con experiencia con los idiomas, a excepción del curso básico HTML y CSS, Javascript me gustó con mi versatilidad, un rápido crecimiento y un historial de desarrollo inusual, que definitivamente le diré en uno de los siguientes artículos. Hablando de universalidad, en este momento, el uso del código JavaScript no se limita a servidores y navegadores, sino que también se usa en el desarrollo de aplicaciones móviles y programas de Internet.
1. Texto sublime 2
El editor conciso del Código de Propósito General, capaz de trabajar con muchos lenguajes de programación. Está disponible para descargar gratis en la plataforma Windows, Mac y Linux.
También quiero observar su apariencia: es simple de dolor. Los detalles de código separados se resaltan con diferentes colores, es posible ajustar la ventana de color de la ventana del programa, a la derecha, hay otra cosa interesante: toda la página de borrador se representa en forma de una miniatura, haga clic en cualquiera de las cuales usted Puede moverse fácilmente al lugar correcto.
En general, el texto sublime es una versión extendida del Editor de texto estándar, pero con una interfaz más trabajada y un sesgo bajo codificación. Por lo tanto, la creación de páginas HTML en él es completamente la codificación manual, por lo tanto, no puedo recomendarla para el trabajo profesional, pero para principiantes, como nosotros con usted, este editor se adaptará, por lo que es mejor aprender los principios de JS, HTML y CSS. .
2. Atom
Atom es el editor de texto más flexible de los desarrolladores de GitHub. Es gratis para uso personal y comercial bajo la licencia MIT. Sus creadores son seguido activamente por ofertas de usuarios e intentan reponer el editor a las nuevas características de manera oportuna.
Atom está disponible para Windows, Plataformas Linux (Ubuntu, Fedora, Red Hat) y MacOS. Además, el programa tiene la capacidad de seleccionar un idioma en el que escribirá un programa. Total de aproximadamente 30 idiomas de programación se admiten con complementos estándar: (C / C ++, C #, Clojure, CSS, Coffeescript, Markdown (GitHub Sabored), Go, Git, HTML, JavaScript, Java, JSON, JULIA, Menos, Hacer, Bigote, Objetivo -C, PHP, PERL, Lista de propiedades (Apple), Python, Ruby On Rails, Ruby, Sass, Shell Script, Scala, SQL, Toml, XML, YAML).
Un arsenal de software tan modesto debería haber sido suficiente por primera vez para todos. Personalmente, crearé todos los listados en Atom. Bueno, vamos a empezar!
"¡Hola Mundo!"
Como ejemplo para la primera lección, de acuerdo con la tradición bien establecida entre los programadores, crearemos una página web de bienvenida y considerarlo en detalle su dispositivo.
Primero un poco de teoría. Insertar cualquier script JavaScript en el código HTML se realiza utilizando la etiqueta o arranque desde otro archivo (el documento HTML indica la ubicación de este archivo).
También vale la pena señalar uno de los conceptos más importantes para JS: el modelo de objeto de documentos: una interfaz de software que permite a los scripts acceder a la estructura de los documentos web cambiando su estructura o contenido.
Donde se aplica Javascript
Hoy en día, Javascript es el idioma más popular en la web. De hecho, solo en él (o en sus otras implementaciones) realice aplicaciones web. JavaScript se utiliza en el AJAX, para crear widgets, características adicionales en los navegadores (marcadores, por ejemplo), scripts de usuario i.t.d. Ahora es casi imposible encontrar un sitio o un servicio que al menos no usara JS al menos.
Gracias a HTML5, la tecnología Flash de los navegadores fue capaz de usar.
Por lo tanto, JS ahora tiene la oportunidad de trabajar con audio, video, 3D (WebGl) y dibuje imágenes en el método del programa (lienzo).
Después de que Google lanzó su navegador Chrome (basado en el cromo), entonces un motor muy productivo para el procesamiento de JS se ha incrustado en él, que se llamaba V8. Este motor emitió JS en el código de la máquina. La plataforma node.js se desarrolló. La plataforma node.js se desarrolló, lo que le permitió universalizar a JavaScript (por ejemplo, utilizando el nodo, puede conectar las bibliotecas escritas en otros idiomas).
Javascript también trató de usar para la creación de aplicaciones de escritorio (fuera del navegador).
Sin embargo, no se convirtió en una gran popularidad en los desarrolladores, excepto que pueden ser algunos entusiastas. Pero JS se utiliza en los sistemas operativos del navegador - Indradescktop WebOS, INTOS, EyeOS.
Pero el uso de JS para desarrollar aplicaciones móviles es bastante floreciente. PhoneGap (Córdova) se convirtió en el marco más famoso de esta área: le permite escribir solicitudes para iOS, Android, utilizando solo JavaScript.
JS también se usa en aplicaciones de oficina, en Microsoft Office, OpenOffice para automatizar algunas acciones y crear macros. Además, los escenarios de JavaScript se admiten en aplicaciones de Adobe (Photoshop, Illustrator, Dreampewer).
Por lo tanto, se puede decir que Javascript ganó en casi todas las áreas donde hay una web. Recientemente, comenzó a ir más allá de la World's Web, encontrando el uso de las cosas en Internet (ya hay muchos proyectos para hogares inteligentes con el uso de Nodo.js).
La complejidad del aprendizaje de JavaScript.
Pure JS no es completamente complicado para el estudio. Si ya conoce algún otro idioma de programación, no será demasiado difícil de intentarlo. Sin embargo, ahora los programadores deben conocer un número significativamente mayor de tecnologías para trabajar con él que en los años 90 o en la década de 2000. Necesita estudiar marcos, herramientas de desarrollo que se actualizan y cambien constantemente. Y dado que esta es una web, entonces estos cambios ocurren mucho más rápido que para otros idiomas. De hecho, tendrá que perseguir constantemente las últimas tendencias de la moda para mantenerse al día con el resto de los programadores.
Pros / contras JavaScript
Las ventajas del idioma son bien conocidas: el lenguaje se usa tan ampliamente en la web que nunca se quedará sin trabajo. En cualquier parte, la compañía podrá encontrar un primer plano o una posición de backend de un desarrollador (dependiendo de sus calificaciones). El idioma se está desarrollando constantemente: las desventajas que se han realizado al crear un idioma se eliminan, aparecen nuevas fichas y tecnologías que facilitan la programación.
El reverso de la medalla fue el hecho de que las tecnologías asociadas con JS pueden cambiar demasiado rápido. Por lo tanto, tendrás que tratar de mantenerte al día. Además, los requisitos para la operación de su aplicación web se pueden cambiar con mayor frecuencia y tendrá mucho más que sus colegas que hacen aplicaciones móviles o de escritorio.
Tecnologías relacionadas
Coffescript. - Idioma de programación que se transmite en JS. Le permite escribir más código simplificado y compacto.
Ajax - Tecnología que le permite enviar solicitudes al servidor y recibir una respuesta sin reiniciar la página. Una gran extensión contribuyó a la popularización de JS a la vez.
Mecanografiado. - Implementación de la JS presentada por Microsoft en 2012. Expande las capacidades de JS (en algunas fuentes se describe como "JS con clases").
Meteorito. - Marco que trabaja en la parte superior del nodo. Le permite simplificar el desarrollo en node.js.
JQuery. - Biblioteca para JS, lo que facilita el acceso a cualquier elemento. A menudo creó animaciones, hermosas listas de apertura (acordeones), controles deslizantes de imagen (carruseles) y paneles retráctiles.
UnityScript. - Implementación de JS para juegos de programación en unidad (3D).
JavaScript es un lenguaje de programación que agrega interactividad a su sitio web (por ejemplo, los juegos, las respuestas cuando los botones están praderas o se ingresan datos en formularios, estilo dinámico y animación). Este artículo lo ayuda a comenzar con este lenguaje emocionante y le da una idea de lo que es posible.
¿Qué es JavaScript, realmente?
Importante.: Si no ha estado siguiendo el resto de nuestro curso, descargue este código de ejemplo y utilícelo como punto de partida.
Variables.
Variable. | Explicación | Ejemplo |
---|---|---|
Cuerda | Una secuencia de texto conocida como una cadena. Para significar que el valor es una cadena, debe encerrarlo en las marcas de cotización. | Deje que MyVariable \u003d "Bob"; |
Número | Un número. Los números no tienen cotizaciones a su alrededor. | Deje que MyVariable \u003d 10; |
Booleano | Un valor verdadero / falso. Las palabras verdaderas y falsas son palabras clave especiales en JS, y no necesitan cotizaciones. | Deje que MyVariable \u003d verdadero; |
Formación. | Una estructura que le permite almacenar múltiples valores en una sola referencia. | Deje que MyVariable \u003d; Consulte a cada miembro de la matriz así: MyVariable, MyVariable, etc. |
Objeto. | Básicamente, cualquier cosa. Todo en JavaScript es un objeto, y se puede almacenar en una variable. Tenga esto en cuenta como aprendes. | Deje que MyVariable \u003d Document.QuerySelector ("H1"); Todos los ejemplos anteriores también. |
Entonces, ¿por qué necesitamos variables? Bueno, se necesitan variables para hacer algo interesante en la programación. Si los valores no podían cambiar, entonces no podías hacer nada dinámico, como personalizar un mensaje de felicitación o cambiar la imagen que se muestra en una galería de imágenes.
Comentarios
Puede poner comentarios al código de Javascript, tal como puede en CSS:
/ * Todo lo demás es un comentario. * /
Si su comentario no contiene salidas de línea, "Sissa es más fácil de poner detrás de dos barras como esta:
// esto es un comentario
Operadores.
Eventos.
La interactividad real en un sitio web necesita eventos. Estas son estructuras de código que escuchan las cosas que suceden en el navegador y ejecutan el código en respuesta. El ejemplo más obvio es el haga clic en el evento Que es despedido por el navegador cuando haces clic en algo con tu mouse. Para demostrar esto, ingrese lo siguiente en su consola, luego haga clic en la página web actual:
Document.QuerySelector ("HTML"). OnClick \u003d Función () (Alerta ("¡Ouch! ¡Deja de empujarme!");)
Hay muchas maneras de adjuntar un evento a un elemento. Aquí seleccionamos el !} Elemento, estableciendo su al hacer clic. La propiedad del manejador igual a una función anónima (es decir, nam sin nombre), que contiene el código que queremos que se ejecute el evento de clic.
Document.queryselector ("html"). OnClick \u003d Función () ();
es equivalente a.
Deje myhtml \u003d document.queryselector ("html"); myhtml.onclick \u003d Función () ();
Es simplemente más corto.
Supercharge nuestro sitio web de ejemplo
Ahora "vamos a los pocos básicos de JavaScript, agreguemos algunas funciones geniales a nuestro sitio de ejemplo para ver qué es posible.
Añadiendo un cambiador de imágenes
En esta sección, We "Ll Agregar una adverteña Agregar una Agregar AÑADIR AÑADIR una ADE DOM API Características usando un poco de JavaScript para cambiar entre los dos cuando se hace clic en la imagen.
- En primer lugar, busque otra imagen que le guste con su sitio. Asegúrese de que sea del mismo tamaño que la primera imagen, o lo más cerca posible.
- Guarde esta imagen en la carpeta de su imagen.
- Cambie el nombre de esta imagen "Firefox2.png" (sin cotizaciones).
- Vaya a su archivo main.js e ingrese el siguiente javascript. (¡Si su "Hola mundo!" JavaScript todavía está allí, elimínelo). Deje que MyImage \u003d Document.Quyselector ("IMG"); MyImage.onClick \u003d Función () (deja MySRC \u003d MyImage.getAttribute ("SRC"); if (mysrc \u003d\u003d\u003d "images / firefox-icon.png") (MyImage.setattribute ("SRC", "Imágenes / Firefox2. PNG ");) otra cosa (MyImage.setAttribute (" SRC "," Images / Firefox-icon.png ");))
- Guarde todos los archivos y cargue index.html en el navegador. ¡Ahora, cuando haces clic en la imagen, debería cambiar al otro!
Si se atasca, puede comparar su trabajo con nuestro código de ejemplo terminado en GitHub.
Apenas hemos rayado la superficie de JavaScript. Si ha disfrutado jugando, y desea avanzar aún más, diríjase a nuestro Tema de aprendizaje de JavaScript.