El desarrollo web suele ser muy complejo. Hoy, para principiantes, quiero presentarles 26 conceptos y técnicas, uno para cada letra del alfabeto inglés. Suena raro, así que comencemos.
A——Ajax
AJAX significa javaScript y xml asincrónicos y es la principal fuerza impulsora detrás de todas las aplicaciones web fluidas que ha utilizado en los últimos años. Como tecnología, AJAX ya se utiliza ampliamente. Gmail, Flickr, etc. Incluso puedes encontrarlo en el panel de administración de WordPress. Entonces, ¿qué es exactamente y cómo funciona?
En esencia, es xmlhttpRequest, que permite enviar solicitudes y recibir respuestas después de que la página se haya renderizado por completo, sin tener que asociarse con otras partes de la página. Esto significa que las aplicaciones web no necesitan actualizar la página completa para cada operación. Esto proporciona una experiencia de usuario muy fluida y dinámica, similar a la de una aplicación de escritorio.
Lectura relacionada
Cómo realizar solicitudes AJAX con Javascript sin formato
24 mejores prácticas para implementaciones AJAX
Enviar un formulario sin actualizar la página usando jQuery
B——Navegador (navegador)
Un navegador es lo que comprende la estructura de su sitio web o aplicación maestra. No sólo se puede utilizar para navegar por Internet, un navegador moderno también es una plataforma multitarea. Por ejemplo, lo instalé con IRC, FTP y la capacidad de sincronizar información con cada dispositivo. Quizás ya sepas que el navegador es una valiosa herramienta de desarrollo, pero también trae muchos problemas. Todo desarrollador que deba asegurarse de que su trabajo se vea perfecto en todos los navegadores debería comprender este problema.
Lectura relacionada
13 formas de probar y validar tu trabajo en el navegador
Las 5 mejores formas de probar el navegador de su sitio web
Los 9 errores más comunes de IE y cómo solucionarlos
C——CSS
CSS es una espada afilada en el desarrollo front-end. CSS, abreviatura de Cascading Style Sheets, es un lenguaje que define cómo se muestran las páginas web. En los días más aterradores del desarrollo web, los desarrolladores solían escribir código de estilo en el código fuente HTML. CSS separa muy bien el estilo del contenido.
Lectura relacionada
Los 30 selectores de CSS que debes memorizar
30 mejores prácticas de CSS para principiantes
Comprender la especificidad de CSS
CSS: De Noob a Ninja: la serie de vídeos completa
D——DOM
DOM es la abreviatura de Document Object Model, que es la convención aceptada para interactuar con documentos HTML o XML. La API DOM proporciona funciones para recorrer y manipular documentos mediante programación. "DOM crea una estructura jerárquica coherente para el documento HTML analizado. Los elementos secundarios se denominan nodos o nodos DOM". Si escuchas a la gente hablar sobre DOM, en realidad están hablando de scripts DOM. Anteriormente, este era un término que describía el acceso y la manipulación del DOM a través de JavaScript. Esta es la tecnología detrás de la mayoría de los sitios web y aplicaciones modernos que se ven hoy en día.
Lectura relacionada
JavaScript y la serie DOM: Lección 1
Javascript y el DOM: Lección 2
The Dom es un desastre – Conferencia de John Resig
E——Eventos
Las aplicaciones web modernas están profundamente impulsadas por eventos. Entonces ¿qué es un evento? La mayoría de las cosas que haces en una página web forman un evento. Colocar el mouse sobre un enlace, hacer clic en un botón, presionar la tecla Tab, etc. son todos eventos válidos. El manejo de eventos se refiere a la ejecución de un fragmento de código específico cuando ocurre un evento. Este es también el concepto básico detrás del desarrollo web moderno que debes dominar.
Lectura relacionada
JavaScript de Null: Capítulo 5 – Eventos
Eventos de JavaScript desde cero
JavaScript desde nulo: enlace de eventos entre navegadores
Delegación de eventos JavaScript en 4 minutos
F——Firebug
Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas. Lo mismo ocurre con los desarrolladores web. Una herramienta muy poderosa es Firebug. Firebug es una extensión de Firefox que funciona en todo tu trabajo. Le permite editar y monitorear cada aspecto de una página sobre la marcha. No puedo entrar en detalles sobre sus características aquí, así que haga clic en el enlace a continuación.
Lectura relacionada
Diez razones por las que deberías utilizar Firebug
Cómo crear un tema para cualquier CMS usando Firebug
Firebug: cinturón blanco a negro
G - Cuadrícula
Una cuadrícula es un marco visual para estructurar una página. Fue trasplantado de la industria de la impresión, una vez desarrollada, y la cuadrícula es una parte esencial del desarrollo web actual. Hay muchos marcos CSS que se pueden utilizar para crear diseños basados en cuadrículas, que requieren una práctica intensiva para una gran cantidad de páginas y diseños.
Lectura relacionada
Una mirada detallada al marco 960 CSS
Una mirada más cercana al marco CSS de Blueprint
Curso intensivo: YUI Grids CSS
Dominar el sistema de cuadrícula 960
H——HTML
Si estás leyendo este artículo ahora, es posible que tengas una vaga idea de su concepto. Si este enlace lo engañó, continúe leyendo. Por cierto, bienvenidos a todos a visitar Rockux. Ofrecemos muchos artículos sobre desarrollo web. HTML es la abreviatura de Hypertext Markup Language y es el estándar de facto para el lenguaje web. HTML se compone de varios componentes o elementos: etiquetas, atributos de etiquetas y el contenido contenido en las etiquetas. La última versión del estándar HTML, HTML5, nos trae muchas características nuevas y resuelve algunos problemas de compatibilidad.
Lectura relacionada
Curso “HTML5 y tú”
30 mejores prácticas de HTML para principiantes
28 características, consejos y técnicas de HTML5 que debes conocer
Las 10 etiquetas HTML que los principiantes no utilizan
Yo - es decir
Ah, Internet Explora. El nombre evoca asombro e ira. Fue un héroe, que trajo cuatro características nuevas e interesantes que impulsaron a toda la industria hacia adelante y también puso fin a la historia de estancamiento de los navegadores. Hasta el día de hoy, sigue liderando a los desarrolladores de aplicaciones para el usuario. Después de diez años de guerra, la última versión de IE es la 9 y ha vuelto a la dirección correcta de innovación. Independientemente de su actitud hacia IE, sigue siendo una parte ineludible del proceso de desarrollo web.
Lectura relacionada
Las cosas que Internet Explorer hizo bien
Los 9 errores más comunes de IE y cómo solucionarlos
¿Internet Explorer acertó con el modelo Box?
J-JavaScript
JavaScript es el último miembro de la trifecta básica de desarrollo web. JavaScript, no Java, es el lenguaje de programación de la Web. Hay miles de millones de páginas web que lo utilizan y, lo que es más importante, los sitios web que respaldan la afirmación. Usted define el comportamiento, gestiona eventos, manipula el DOM e interactúa con el servidor a través de JavaScript. La comprensión y el conocimiento de JavaScript crece cada año gracias al uso de bibliotecas increíbles como jQuery. Creo que es apropiado decir que JavaScript es absolutamente imprescindible para todo desarrollador web moderno.
Lectura relacionada
24 mejores prácticas de JavaScript para principiantes
JavaScript de Null: Serie de videos
33 desarrolladores a los que DEBES suscribirte como adicto a JavaScript
K——Optimización de palabras clave (optimización de palabras clave)
El SEO sólo es relevante para el desarrollo web, pero aun así, es importante que los desarrolladores web tengan algunos conocimientos básicos de qué es el SEO y qué puede hacer. La optimización de palabras clave se refiere a elegir las palabras clave adecuadas para su sitio web y optimizarlas para que sus visitantes puedan encontrar su sitio web. Y cuando entres en todos los principios de SEO, recuerda: el contenido es el rey. Si tienes un excelente SEO pero un contenido deficiente, es posible que los usuarios te encuentren pero se vayan rápidamente. Si tienes buen contenido, los usuarios te encontrarán y se quedarán.
Lectura relacionada
Las únicas herramientas de SEO que necesitará
L——Menos
Menos es un lenguaje estilo rosa espinosa. Su sitio web describe LESS como una extensión del comportamiento dinámico de CSS, como variables, mixins, operadores y funciones, y yo tiendo a favorecer este enfoque. MENOS es CSS con esteroides anabólicos. Sí, me suena mejor, pero ya sabes lo que significa. Aporta las características de los lenguajes dinámicos a CSS, haciendo así que las hojas de estilo sean más potentes y fáciles de gestionar.
Lectura relacionada
Cómo exprimir al máximo MENOS
Necesitas consultar LESS.js
Nunca vuelva a escribir un prefijo de proveedor
M——MVC
El patrón Model View Control, más conocido como patrón MVC, es uno de los patrones más utilizados en el desarrollo web. Este es un patrón arquitectónico que divide cada parte de una aplicación web en fragmentos lógicos para facilitar el mantenimiento: el modelo maneja los datos, la vista maneja la presentación y el controlador es responsable del flujo de datos entre las dos partes.
Si utiliza un marco de desarrollo web moderno, utiliza MVC. Ruby on Rails, Code Igniter y Zend Framework utilizan este patrón.
Lectura relacionada
MVC para novatos
Crea tu primer modelo Tiny MVC con PHP
asp.net desde cero: MVC
N - nodo.JS
node.JS lleva el desarrollo web a una nueva era. Permite ejecutar JavaScript en un motor VM (V8) muy rápido. Los resultados de este cambio en los patrones de pensamiento pueden no ser evidentes de inmediato, pero con el tiempo las ventajas se harán evidentes.
La increíble velocidad y la capacidad de gestionar miles de eventos IO simultáneos son temas de conversación importantes para los desarrolladores de JavaScript de todo el mundo.
Lectura relacionada
Aprender JavaScript del lado del servidor con Node.js
Sitio oficial de Node.JS
O——Objeto
La programación orientada a objetos ha sido ampliamente aceptada por la comunidad de programación debido a su flexibilidad. Con la programación orientada a objetos puedes escribir menos líneas de código, lo que lo hace más limpio y, por lo tanto, más fácil de mantener. Pero ¿qué son exactamente los objetos? Es difícil explicarlo claramente en una o dos oraciones, así que mire el enlace a continuación.
Lectura relacionada
PHP orientado a objetos para principiantes
Los conceptos básicos de JavaScript orientado a objetos
enlace de wikipedia
P——PHP
PHP es sin duda el lenguaje de servidor más popular: impulsa millones, posiblemente miles de millones, de páginas web y aplicaciones.
A pesar de una serie de actualizaciones y debates como la mejor opción para escribir aplicaciones web, PHP no sólo ha sobrevivido, sino que ha prosperado. WordPress, Joomla, Drupal y MediaWiki utilizan PHP como lenguaje de backend. Una de las razones principales es que la implementación es fácil y es relativamente fácil encontrar un host que admita PHP.
Lectura relacionada
Más de 30 mejores prácticas de PHP para principiantes
Por qué eres un mal programador PHP
9 funciones y características útiles de PHP que necesitas conocer
Q——Consulta
Las consultas en nuestros artículos pueden significar muchas cosas. El lenguaje de consulta es una interfaz utilizada para obtener datos de sistemas externos. SQL es un buen ejemplo de cómo obtener información de una base de datos relacional.
La cadena de consulta, por otro lado, es la parte que se pasa a la aplicación web como parte de la URL. Estos datos pueden ser cualquier cosa de la página a la que accede el usuario para verificar una identificación o transacción. Las cadenas de consulta tienen el formato de pares clave-valor.
Lectura relacionada
CodeIgniter desde cero: resultados de búsqueda sin cadenas de consulta
Consulta SQL “Publicaciones populares por recuento de comentarios” en WordPress
R - Expresiones regulares
Las expresiones regulares proporcionan una forma flexible de hacer coincidir cadenas de texto según patrones específicos. Está escrito en un idioma específico y analizado por un intérprete. Todos los lenguajes modernos admiten expresiones regulares.
Lectura relacionada
Expresiones regulares para principiantes: serie Screencast
No sabes nada sobre expresiones regulares: una guía completa
Consejos y técnicas avanzadas de expresiones regulares
S - Control de fuente (control de fuente)
El control de código fuente es una práctica popular dentro del proceso de desarrollo de un equipo, sin importar en qué aspecto se centren: los programadores de cualquier campo utilizan el control de código fuente. ¿Pero qué es exactamente? En pocas palabras, el control de código fuente permite a un equipo de desarrolladores trabajar en una colección de archivos, rastreando e identificando los cambios de cada miembro. Cada versión del código se puede comparar, fusionar o incluso restaurar.
Lectura relacionada
Terminal, Git y GitHub para el resto de nosotros: Screencast
Una introducción visual a Git
Control de versiones sencillo con Git
Dominando GitHub
T - TDD (Desarrollo basado en pruebas)
Este vuelve a ser un elemento común entre todos los desarrolladores. TDD es la abreviatura de desarrollo basado en pruebas, que se refiere al proceso de ejecutar código y automatizar casos de prueba para este código al mismo tiempo. Esto elimina muchas pruebas de software tediosas y anima a los desarrolladores a realizar más pruebas.
Lectura relacionada
La guía para principiantes sobre el desarrollo basado en pruebas
Desarrollo de JavaScript basado en pruebas en la práctica
Cómo probar su código JavaScript con QUnit
U —— Prueba unitaria (prueba unitaria)
Las pruebas unitarias son una serie de TFF en los que se prueban pequeñas unidades de código para garantizar que sean liberables. Sin embargo, las pruebas unitarias a menudo están relacionadas con los métodos en OPP, lo que generalmente significa la unidad más pequeña del programa que se puede probar de forma independiente.
Lectura relacionada
Cómo probar su código JavaScript con QUnit
V——VIM
VIM es un editor de texto muy extremo. Vim es gratuito, de código abierto y tiene innumerables paquetes de funciones para elegir. Por otro lado, su curva de aprendizaje es casi insoportablemente empinada y sin buenos recursos podrías estar perdido durante mucho tiempo. Haga clic en el enlace a continuación para ver por qué vale la pena.
W-WordPress
WordPress comenzó como un sistema de blogs mínimo, pero ahora se ha expandido increíblemente. Su escalabilidad permite utilizarlo para todo, desde CMS hasta sistemas de comercio electrónico. También tiene muchos entusiastas y seguidores, incluidos desarrolladores y diseñadores, que quieren convertirla en una plataforma confiable en la que pueda confiar para futuros sitios web.
Lectura relacionada
Cómo crear un tema de WordPress desde cero
Complementos esenciales para cada instalación de WordPress
Escalando WordPress para mucho tráfico
Los 50 mejores tutoriales de WordPress
8 fantásticos complementos de SEO para WordPress
X——XSS
XSS significa secuencias de comandos entre sitios. Esta es una de las muchas preguntas de seguridad que puede plantearse al crear un sitio web. XSS se refiere al acto de cargar un sitio web o programa vulnerable con scripts maliciosos para escalar privilegios u obtener información confidencial, a menudo ambas cosas.
Lectura relacionada
¿Puedes hackear tu propio sitio? Algunas consideraciones de seguridad esenciales
CodeIgniter desde cero: seguridad
5 consejos útiles para crear aplicaciones PHP seguras
Y——YUI
La biblioteca de interfaz de usuario de Yahoo es una biblioteca de JavaScript que simplifica el proceso de creación de sitios web interactivos. Como la mayoría de las bibliotecas modernas, proporciona manipulación DOM y AJAX listo para usar. Aunque no es tan famoso como jQuery, YUI todavía tiene una base de usuarios muy grande y se ha desarrollado activamente.
Lectura relacionada
Una introducción a YUI
2010 A través de la lente del Teatro YUI
Índice Z——Z
Z-Index es una propiedad CSS que define cómo se apila un elemento en la página; define qué tan cerca está un elemento de la parte superior de la ventana gráfica. Un valor grande indica que aparecerá encima del elemento con un valor pequeño. Si bien esta propiedad puede ser relativamente especializada, entra en juego inmediatamente cuando creas widgets o diseños web más complejos.