HTML
Conocimiento amplio de XHTML y HTML, incluido HTML5.
Creación de webs ligeras y semánticas gracias a los nuevos elementos semánticos (como <article>
, <section>
, <time>
, y un largo etcétera), y los atributos itemscope
e itemprop
(Microdata).
Conocimientos sobre SEO en el código usando microdata (schema.org), o microformats.
Creación de webs válidas y accesibles gracias a la especificación WAI-ARIA.
CSS
Nivel avanzado de CSS, con dominio del sistema de posicionamiento, el modelo de cajas (box model), pseudoelementos y pseudoclases, con efectos visuales avanzados gracias a CSS3.
Uso de media queries para un diseño web sensible (Responsive Web Design).
Uso de preprocesadores (preferentemente SASS, opcionalmente LESS) para ser más productivo.
- Mi sitio (gustos personales aparte) es un ejemplo de diseño web sensible (juega con el tamaño de la ventana de tu navegador para verlo).
Además puedes ver algunos jueguecillos más sólo con CSS (estrellas, etiquetas, oinput
s personalizados) - Tooltip animado con CSS3 es un ejemplo de una funcionalidad básica, hecha accesible gracias a la propiedad
clip
, y mejorado progresivamente para los navegadores modernos gracias a pseudoelementos y transiciones. - CSS3: Lo que está por venir (artículo invitado de CreativaSfera)
Javascript (a pelo)
Conocimiento del alcance de las variables (variable scope), del contexto que crean las funciones, etc.
Conocimiento de los objetos y prototipos en Javascript.
Modificación del DOM avanzada, conocimiento sobre AJAX (XMLHttpRequest
, ActiveXObject
).
- Mi sitio no usa ninguna librería, sino un script propio. Toda la funcionalidad AJAX y Javascript está hecha a pelo (llámame masoquista).
- Experimento con AJAX y CSS3: Una página que hice el año pasado (he aprendido más desde entonces), donde se puede ver una funcionalidad AJAX algo más compleja (atento a la consola y/o al script).
- Modalbox: una ventana modal que hice yo mismo, compatible con todos los navegadores actuales (y no tan actuales, como IE7).
Javascript (librerías)
Uso avanzado de jQuery. Conocimiento de una vasta cantidad de métodos y funciones. De la forma de extender su prototipo para crear plugins ($.fn
), y de las mejores prácticas para desarrollarlos y usarlos.
Uso de Modernizr para detectar características del navegador.
PHP
Buen nivel de PHP. Alteración, consulta y manipulación de bases de datos siguiendo las buenas prácticas para evitar inyecciones de MySQL, generación de contenido a partir de esos datos, recibo y envío de datos, etc.
- Formulario con Javascript y PHP: Formulario simple creado con AJAX y enviado via PHP (sin almacenar ningún dato).
- Sistema de encuestas con MySQL y PHP (en progreso todavía)
- ¿Aún usas la vieja API de MySQL?: Un artículo en el que muestro por qué no se debería seguir usando la vieja API de MySQL en favor de los objetos de datos de PHP (
PDO
)