Share
El desarrollo web a menudo puede ser un asunto absolutamente desconcertante. Hoy, dirigido a los principiantes, me gustaría presentarles veintiséis conceptos o tecnologías, cada uno de los cuales corresponde a una letra del alfabeto. Suena torpe? ¡Probablemente lo es! Empecemos después del salto..
Tutorial republicadoCada pocas semanas, revisamos algunas de las publicaciones favoritas de nuestros lectores de toda la historia del sitio. Este tutorial se publicó por primera vez en marzo de 2011..
AJAX significa JavaScript y XML asíncronos y es la fuerza impulsora principal de todas estas aplicaciones web súper suaves que ha estado usando en los últimos años..
AJAX, como tecnología, ha sido prácticamente omnipresente. GMail? Comprobar. Flickr? Comprobar. eBay? Comprobar. Incluso puedes encontrarlo en el panel de administración de WordPress. Entonces, ¿qué es exactamente lo que hace y cómo lo hace?
En el centro de todo está el XMLHttpRequest, que permite enviar y recibir llamadas., después una página se ha renderizado completamente sin tocar el resto de la página. Básicamente, esto significa que una aplicación web no tiene que pasar por una actualización completa de la página para cada acción. Esto, a su vez, proporciona una experiencia de usuario de escritorio mucho más suave y envolvente..
Lectura relacionada
Un navegador es la estructura discreta en la que encuadra sus magníficas obras maestras, ya sea sitios web o aplicaciones. Sin embargo, no se limitan a recuperar sitios web; los navegadores web modernos son bastante bestias multitarea. Mi instalación, por ejemplo, utiliza IRC, FTP en mis servidores de desarrollo y sincroniza mis credenciales en todos los dispositivos que uso.
Como habrás adivinado, los navegadores son, al mismo tiempo, la causa de la alegría y la furia del desarrollador web moderno: son herramientas invaluables y también bestias molestas. Cualquier desarrollador que tenga que asegurarse de que su trabajo tiene que mirar Perfecto en cada El navegador sabrá el dolor.
Lectura relacionada
CSS es un diente del tridente de desarrollo de front-end. CSS, que significa hojas de estilo en cascada, es el idioma con el que define cómo se muestra una página: su presentación, si lo desea..
Durante los días de horror del desarrollo web, los desarrolladores frecuentemente tejían el código de presentación en su fuente. CSS, entre otras tecnologías, lo alivió enormemente al proporcionar un método para separar la presentación del contenido.
Lectura relacionada
El DOM, una abreviatura de Document Object Model, es la convención aceptada para interactuar con documentos HTML [o XML]. La API DOM proporciona una manera de recorrer y manipular un documento mediante programación..
El DOM crea una jerarquía que coincide con la estructura del documento HTML analizado. Los hijos se llaman nodos o nodos DOM.
Si escuchas a alguien hablar sobre el DOM, lo más probable es que estén hablando de scripts DOM. Este es el término utilizado para describir el acceso y la manipulación de DOM mediante programación a través de JavaScript. Esta es la tecnología detrás de los sitios web más modernos y las aplicaciones que ve hoy.
Lectura relacionada
Las aplicaciones web modernas son asuntos profundamente impulsados por eventos. Pero, ¿qué es un evento? La mayoría de las cosas que haces en una página web constituyen un evento. El trepidato pasar sobre un enlace divertido pero posiblemente NSFW, hacer clic en un botón, presionar la pestaña para pasar al siguiente campo de texto son todos eventos válidos.
La gestión de eventos se refiere al proceso en el que adjuntamos una parte específica del código que se ejecutará cada vez que se active un evento determinado. Una vez más, este es uno de esos conceptos fundamentales detrás del desarrollo web moderno que necesitarás dominar.
Lectura relacionada
Cualquier artesano necesita sus herramientas para trabajar eficientemente. Los desarrolladores web no son desviados de esta regla. Una de las herramientas más robustas es Firebug..
Firebug es una extensión de Firefox que galvanizará su flujo de trabajo. Te permite editar y monitorear cada aspecto de la página sobre la marcha. No puedo explicar todas las funciones que proporciona, así que asegúrese de hacer clic en los enlaces a continuación..
Lectura relacionada
Las cuadrículas son los marcos visuales en los que se estructuran las páginas. Las grillas son una parte esencial del flujo de trabajo de desarrollo web moderno..
Hay una serie de marcos CSS que satisfacen exactamente esta necesidad, ya que la construcción de un diseño basado en cuadrícula, para un número no trivial de páginas y diseños, puede ser un ejercicio de masoquismo.
Lectura relacionada
Si estás leyendo esto hoy, probablemente ya tienes una vaga idea de lo que es esto. Si te han engañado en este enlace, sigue leyendo. Por cierto, ¡bienvenido a Nettuts! Escribimos sobre desarrollo web, cookies y Justin Bieber..
HTML significa HyperText Markup Language, el lenguaje de marcado de facto de la web, es para páginas web como ladrillos para las casas. El HTML consta de varios componentes o elementos: etiquetas, atributos de etiqueta y el contenido incluido dentro de las etiquetas.
La última versión del estándar HTML, HTML5, ya está aquí y nos trae una serie de nuevas funciones, agilizando el flujo de trabajo y solucionando algunas incompatibilidades..
Lectura relacionada
Ahh, Internet Explorer. El nombre evoca tanto temor como ira. Una vez que fue un héroe que introdujo nuevas e impresionantes características en el mercado, moviendo la industria por sí solo hacia adelante, también dejó caer la pelota al dejar que el navegador se estancara. Hasta la fecha, también es la causa principal de la alopecia en los desarrolladores de aplicaciones frontales. Después de una década de golpes, la última versión de Internet Explorer, 9, está una vez más en el camino correcto hacia la innovación..
Cualquiera que sea su postura hacia Internet Explorer, es una parte intrínseca e inextricable del proceso de desarrollo web..
Lectura relacionada
JavaScript es el miembro final del trío de desarrollo web esencial. JavaScript, que NO es Java, es el lenguaje de script de la web. Su uso en miles de millones de páginas web y, lo que es más importante, los sitios web de apuestas que afirman. Usted define el comportamiento a través de JavaScript: gestión de eventos, manipulación del DOM y comunicación con el servidor.
Gracias a la increíble adopción de bibliotecas, como jQuery, el conocimiento y conocimiento de JavaScript ha ido creciendo año tras año. Creo que es apropiado decir que JavaScript es una necesidad absoluta para todos los desarrolladores web modernos.
Lectura relacionada
SEO solo se relaciona tangencialmente con el desarrollo web, pero incluso en ese caso, es importante que un desarrollador web tenga conocimientos básicos sobre qué es SEO y qué hace..
La optimización de palabras clave se refiere al proceso de elegir las palabras clave correctas para su sitio web y luego optimizarlas para que su audiencia pueda encontrar su sitio. Mientras te metes con todos los principios del SEO, recuerda esto: el contenido es el rey. Si tiene contenido malo con un SEO excelente, los usuarios lo encontrarán, pero se irán poco después. Si tienes buen contenido, los usuarios te encontrarán y se quedarán..
Lectura relacionada
Less es un lenguaje de hojas de estilo con unos cuantos ases en la manga. Su sitio web dice que LESS amplía CSS con comportamiento dinámico como variables, combinaciones, operaciones y funciones y me inclino a estar de acuerdo.
LESS es CSS en los esteroides anabólicos. Sí, sonaba mejor en mi cabeza pero ya sabes lo que significa. Aporta los conceptos de un lenguaje dinámico a CSS, lo que hace que las hojas de estilo gigantescas sean mucho más fáciles de administrar..
Lectura relacionada
El patrón de Model View Controller, mejor conocido como MVC, es uno de los más utilizados en el mundo del desarrollo web. Es un patrón arquitectónico que separa cada parte de una aplicación web en partes lógicas para un mejor mantenimiento: los modelos manejan los datos, las vistas manejan la presentación, mientras que el controlador coordina el flujo de información entre los dos..
Si ha utilizado un marco de desarrollo web moderno, ha utilizado MVC. Ruby on Rails, Code Igniter y Zend Framework usan este patrón.
Lectura relacionada
Node.JS marcó el comienzo de una nueva era de desarrollo web. Permite ejecutar JavaScript en una máquina virtual increíblemente rápida [V8]. Las consecuencias de este cambio de paradigma pueden no ser evidentes de inmediato, pero una hora más o menos lo dejará claro como el día..
La velocidad increíble, así como la capacidad de administrar miles de eventos de E / S concurrentes son los principales puntos de conversación junto con la base de usuarios de desarrolladores de JavaScript casi universal..
Lectura relacionada
La programación orientada a objetos ha sido ampliamente adoptada por la comunidad de programación por la flexibilidad que aporta a la mesa. Con OOP puede escribir pocas líneas de código, hacerlo más SECO y, por lo tanto, mucho más fácil de mantener.
Pero, ¿qué es exactamente un objeto? Es muy difícil explicarlo en una sola oración semánticamente autónoma, así que asegúrese de hacer clic en los enlaces a continuación.!
Lectura relacionada
PHP es inequívocamente el lenguaje del lado del servidor más popular: genera millones, posiblemente miles de millones, de páginas web y aplicaciones.
Incluso frente a una serie de opciones más nuevas y posiblemente mejores para escribir aplicaciones web, PHP no solo ha sobrevivido sino que ha florecido. WordPress, Joomla, Drupal, MediaWiki usan PHP detrás de escena. Una de las razones principales es la facilidad de implementación y la relativa facilidad con la que puede encontrar hosts que soportan PHP.
Lectura relacionada
Una consulta, en nuestro contexto, puede referirse a una serie de cosas. Se usa un lenguaje de consulta para interactuar con sistemas externos para obtener información. SQL es un buen ejemplo que se usa para obtener información de bases de datos relacionales.
Una cadena de consulta, por otro lado, son fragmentos de información que se pasan a la aplicación web como parte de la URL. Es posible que estos datos provengan de la página en la que el usuario intenta acceder al ID de autorización de una transacción. Las cadenas de consulta se formatean como pares de valores clave.
Lectura relacionada
Las expresiones regulares proporcionan una forma flexible de unir cadenas de texto con patrones específicos. Está escrito en un lenguaje específico que es interpretado por un analizador. Todas las lenguas modernas vienen con soporte de expresiones regulares.
Lectura relacionada
El control de fuente es un término que prevalece en toda la comunidad de desarrollo, independientemente del aspecto en el que estén enfocados: los programadores que trabajan en todo, desde el lenguaje completo hasta la computación en la nube, utilizan el control de fuente..
¿Pero, qué es esto? En pocas palabras, el control de código fuente permite a un equipo de desarrolladores trabajar en el mismo subconjunto de archivos con los cambios realizados por cada miembro rastreable e identificable. Cada versión de la base de código puede compararse, fusionarse o incluso restaurarse.
Lectura relacionada
Una vez más, uno de los elementos comunes entre casi todos los desarrolladores. TDD significa Test Driven Development y se refiere al proceso donde el código y las pruebas automatizadas para probar ese código se escriben casi simultáneamente. Esto elimina gran parte de lo tedioso de las pruebas de software y, por lo tanto, alienta a los desarrolladores a probar más a menudo..
Lectura relacionada
La prueba de unidad es un subconjunto de TFF donde se prueban pequeñas unidades del código fuente para asegurarse de que estén listas para la producción. Mientras que una unidad a menudo se refiere a un método en OOP, generalmente se refiere a la parte más pequeña de una aplicación que se puede probar de forma independiente.
Lectura relacionada
Vim es un editor de texto profundamente polarizador que usa el famoso editor de Nettuts, Jeffrey Way. Vim es gratuito, de código abierto y sumamente completo. Por otro lado, la curva de aprendizaje es casi intolerablemente empinada y sin los recursos adecuados, te perderás por mucho tiempo. Haga clic en los enlaces de abajo para ver si vale la pena el cambio.
Lectura relacionada
Nota del editor: El equipo de Nettuts + no puede confirmar ni negar que el editor de Nettuts + sea ... "moderno".
WordPress comenzó como un sistema de blogs mínimo, pero en su estado actual es impresionantemente extensible. Es extensible hasta el punto de que se está utilizando como todo, desde un CMS a un sistema de comercio electrónico a todo lo que se encuentre en el medio..
También cuenta con un grupo de seguidores casi culto, formado por desarrolladores y diseñadores que confían en la plataforma, por lo que es una plataforma confiable en la que basar su próximo sitio web..
Lectura relacionada
XSS significa secuencias de comandos entre sitios. Es uno de los muchos posibles errores de seguridad que podría enfrentar al crear una aplicación web..
XSS se refiere al acto de cargar el sitio web o aplicación vulnerable con scripts maliciosos para obtener privilegios elevados o información confidencial, a menudo ambos.
Lectura relacionada
La biblioteca de la interfaz de usuario de Yahoo es una biblioteca de JavaScript que simplifica el proceso de creación de aplicaciones web interactivas. Como la mayoría de las bibliotecas modernas, proporciona soporte para la manipulación de DOM y AJAX fuera de la caja.
Si bien no es tan conocido como jQuery, YUI todavía tiene una base de usuarios no trivial. y se desarrolla activamente.
Lectura relacionada
Z-Index es una propiedad CSS que define cómo se apila un elemento en una página; define qué tan cerca está un elemento de la parte superior de la ventana gráfica. Un número más alto significa que aparecerá en la parte superior de los elementos con un número más bajo.
Si bien esta propiedad puede ser relativamente especializada, entra en juego casi de inmediato cuando se crean widgets o diseños web más complicados..
Lectura relacionada
Y hemos terminado. Espero que hayas leído tanto esto como lo he hecho poniendo esto juntos. Muchas Gracias Por Leer!
Accentsconagua