Dribbble es la aplicación de diseño de redes que arrasa la revolución digital. Esta colección de individuos creativos ofrece imágenes o "tomas" de sus últimos trabajos y comparte críticas con el resto de la comunidad. Es un excelente entorno de aprendizaje para estudiar diseñadores web, ilustradores y creadores de iconos.
La comunidad ha sido intrincadamente planificada y abierta con una API. Esto significa "Application Programming Interface" (Interfaz de programación de aplicaciones) y ampliaría dramáticamente el rango de adaptación para cualquiera que pueda entender el marco.
En este breve tutorial, repasaré algunos de los conceptos básicos para desarrollar sobre la API de Dribbble. Nos centraremos en PHP como el principal lenguaje de programación. Esto se debe al hecho de que PHP es compatible en casi todos los entornos y ofrece una curva de aprendizaje muy pequeña para los desarrolladores novatos.
Examinando la API
En verdad, no es una visión difícil de atravesar. De hecho, la documentación oficial de Dribbble ofrece algunas construcciones excelentes en la poderosa red de tomas de diseño.
Al prepararse para este tipo de proyecto, es clave considerar un contenedor o una biblioteca para trabajar. Esto nos ahorra una gran cantidad de tiempo, ya que no necesitamos volver a crear la funcionalidad más común que se encuentra dentro de la API. Las diversas bibliotecas abiertamente disponibles a través de GitHub es otra razón por la que PHP hace una gran elección para el lenguaje de desarrollo backend.
Para nuestro ejemplo, podemos revisar el envoltorio Dribbble de Martin Bean para encontrar exactamente lo que estamos tratando de hacer. Debe descargar la versión más reciente y extraer todos los archivos en un directorio abierto. Dentro encontrarás dos carpetas. ejemplos y src. Puede ser sencillo pero? Ejemplos? contendrá algunas implementaciones comunes para llamadas de función mientras? src? Incluye todos los archivos que necesitamos para un nuevo proyecto.
Trabajando con nuestro PHP Wrapper
Ahora que tenemos todo resuelto, debemos crear nuestro directorio de aplicaciones. En este punto, querrá crear un nuevo directorio de proyecto en una versión instalada localmente de Apache o en un servidor web remoto.
WAMP y MAMP siguen siendo hoy las mejores opciones para los paquetes de instalación todo en uno. Estos incluyen Apache como un servidor web con soporte PHP / MySQL para la funcionalidad de back-end. Una vez instalado, trabajará en un directorio raíz de www. Esto debería contener todos los archivos de su servidor.
He creado una nueva carpeta titulada? Dribble1? y movió todo el? src? carpeta en este. También dentro de nuestro? Dribble1? carpeta he creado un nuevo archivo index.php que podemos usar para almacenar todo nuestro código de ejemplo. Puede estructurar su jerarquía de la forma que desee, solo asegúrese de que todos los archivos src se mantienen juntos y se puede acceder a ellos desde su proyecto.
Incluyendo encabezados
En la parte superior de su nuevo archivo index.php es importante incluir los siguientes bits de código. Estos se utilizan para crear una conexión en el paquete contenedor que descargamos.
Anteriormente, primero requerimos el archivo Dribbble Core de nuestro envoltorio src. Entonces declaramos un $ dribbble variable y establecer esto a una nueva instancia de nuestra clase dribbble. Esto es solo un OOP básico en PHP, construcciones muy básicas. No te preocupes demasiado si no entiendes la sintaxis utilizada.
Una vez que se incluye esto, tenemos acceso para manipular casi cualquier área del sitio a su antojo. Hay muchas funciones predefinidas escritas que nos permiten extraer comentarios, usuarios, tomas y toneladas de otros datos.
Como ejemplo básico, veamos una fuente de un solo usuario. Esta es posiblemente la técnica más demandada y no requiere mucho código. La inclusión de sus más recientes disparos de Dribbble en su página de cartera ofrece un nivel de profesionalidad que no se puede comparar con Twitter.
Obtención de datos de un solo usuario
El código a continuación es un ejemplo que extrae datos de un usuario de muestra. En este caso, estamos trabajando con alexanderustinov, que crea muchos conjuntos de iconos e interfaces de usuario.
los $ disparo y $ comentarios Las variables se utilizan para mantener los valores iniciales del bucle. $ disparo es el ID y el conector en el que apuntamos el disparo específico, mientras que $ comentarios contiene una matriz que contiene datos sobre cada comentario extraído.
Luego nos enfrentamos a una simple comprobación lógica de if / else si se podrían extraer comentarios. Si es así creamos otro. bucle foreach para extraer los datos en un conjunto de párrafos dentro de una lista desordenada.Todo el HTML de la página es fácilmente maleable y no debería tomar mucho tiempo para que incluso los desarrolladores web principiantes lo aprendan.
Conclusión
Esta ha sido una breve introducción al desarrollo sobre PHP y la API de Dribble. La red está en constante crecimiento y presenta algunos de los mejores trabajos de diseño encontrados en toda la web. Gracias a Martin Bean y sus repositorios de Github para acelerar el proceso.
Si estás perdido, te recomiendo revisar algunos tutoriales de PHP en Google. Hay opciones para que los principiantes se sumerjan en clases y construcciones orientadas a objetos. También sugeriría nuestra lista de videos tutoriales en diseño web que cubre una cascada de temas que incluyen marcado y desarrollo de proyectos.