Discover pedro-donoso/Web_BEM Open Source project

pagina con 2 ramas, main y development realizo cambios colores y textos.

desafio-branching

los-viajes

viajes por chile

desafío frontend mentor; Utilizo flexbox para secciones responsivas, agrego efecto a la imagen, utilizo fuentes y aplico media queries para ajustar a pantallas móviles

frontend-mentor

Sitio sobre Iguanas incluye información, fotos y características

mi-iguana

Pagina que se conecta a la API de GitHub para encontrar usuarios, muestra sus repositorios, puede escoger el N° de la página y la cantidad de repositorios

GIGEO

desafio pagina gigeo

CSS

usuarios-github

autentic

sistema de autenticación

Proyecto ciudades inteligentes, desarrollado con librería Leaflet JS, botones permiten viajar a las ciudades, zoom y contiene información en popup con características

smart_cities

ejemplo de web basica JS con secciones, utilizo Bootstrap Diseño Responsivo y SASS

secciones_web

base de datos de peliculas

peliculas_base_datos

proyecto-suricata

methods_v-model_evento-click

tienda_juegos

Sitio web responsivo Utilizo framework Bootstrap Incluye navbar desplegable Utilizo Cards Incluye boletin

cupones

Citas médicas de Pacientes: Creación de servidor y escucha de puerto. Se conecta con API randomuser y se muestra por terminal con color: ID pacientes, fecha , hora de su cita médica y nombre del paciente.

npm

tema

nombre

ruby

ingresa tu nombre y edad, segun condiciones si eres mayor o menor de edad te dara acceso

proyecto_calculadora

Introducción a la programación con JavaScript - Crear una Calculadora Básica con JavaScript - estilo libre

proyecto donde el usuario elige un animal, los años, puede agregar un comentario y se muestra una imagen, además se traspasa a una zona de tarjetas donde es posible oir sus sonidos y ampliar la imagen mediante un modal

animalada-salvajes

Aplicacion que utiliza la gema Faker para mostrar contenido aleatorio de Peliculas, Series y Documentales, en diferentes rutas

movieApp

horas medicas, se muestran en tabla datos pacientes

arrays_objetos

Repositorio de pruebas sobre cursos de programación

Cursos

barra con títulos e iconos ajustable a dimensiones pantalla

flexbox

salsa

ricomidas

proyecto-ricomida

barbershop

consulta_medica

boton_cambia_background

cambiar background botones bootstrap - boton que agrega botones que segun su color cambian el fondo

REACT CRUD: El usuario puede Crear, Leer, Actualizar y Borrar elementos de una base de datos en Postgresql, se visualizan los cambios en el FrontEnd en una tabla de Bootstrap y utilizo React

test

Este proyecto usa como base el repositorio backend-jwt, con la estructura de carpetas ya diseñada, sólo se trabaja en el proyecto instafake

backend-instafake

Proyecto VueJS con boton que consulta datos a API y muestra Nombre usuario, Correo y Numero aleatorios

vuejs-randomuser

final_nota

las notas

mi_desafio_componente

Desafío - Componentes

Ejemplo VUEX, uso de STATE, MUTATIONS y GETTERS (que hacen una copia del estado, sin modificarlo), estilos SASS, metodología BEM y uso de la web Mockaroo para descargar archivo .JSON

proyecto_vuex_2020

Ejemplo de cómo ejecutar servidor en Xampp con Apache y Base de datos Mysql

ejemplo-xampp

CSS

Donoso_Pedro_Portafolio

Ejemplo de Portafolio

proyecto básico HTML y CSS

meet-coffee

sitio web de una consulta veterinaria, ingresa datos del dueño de la mascota, tipo y motivo de la consulta y obtén ticket con los datos registrados para su atención

consulta-veterinaria

CURSO_BOOSTRAP

tabla_usuarios

proyecto_cupon

cachipun-main

proyecto-iguanas

rutas-vue

contador_frutas

ejemplo_navbar

backend-jwt

Conexión a API, inicio de sesión mediante JWT, proyecto con Backend ya configurado, el usuario se logea y puede ver en 2 tablas la información de posts y albums

conexion a api, ingresa busqueda numerica y obtiene resultados en cards con informacion de los personajes

encuentra_superheroe

listados de comando git y elementos markdown, trabajo desde terminal

git_comandos

chile_viajes

prueba

ejemplo de carro de compras, hecho de 3 cuentas para trabajo colaborativo

carro-compras-vuex

Integración de los diferentes datos obtenidos desde la API JsonPlaceholder, permite al usuario ver diferentes vistas con la información desplegada incluso agregar contenido y/o eliminar revisión, realizado con VueJS, Bootstrap y deploy hecho en Netlify

control-obra

formulario

responsive_design

landing

landing page responsive

Catalog

curso-html---css

manipulacion-dom

Manipulación del DOM del archivo index.html desde el archivo app.js. Utilizo Funciones, Variables y Eventos en JavaScript para completar formulario y mostrar datos en card

Aplicación que muestra cards con imágenes, títulos, autor y descripción de cursos de programación, sitio web responsivo y escrita con clases TailwindCss

curso-tailwind

clon_twitter

Utilizo API https://fakestoreapi.com/products para crear tabla con productos donde se aparece imagen, categoría, descripción y precio. Agrego paginación, realizo deploy en netlify:

tabla-paginada

React App de Breaking Bad Api, sitio reactivo con información de la serie, el usuario puede dar click en botón para conocer frases y personaje que la dijo, texto en ingles

react-app

rutas

proyecto_contador

metodologia-agile

AGILE son diferentes hábitos y estrategias extraídos de diferentes metodologías que pueden ser aplicadas en la gestión de los proyectos y desarrollo,

grillas_2020

ejemplo de sitio web responsivo adaptable a diferentes pantallas

Conversor de divisas: incluye la fecha, cantidad de pesos que serán convertidos, equivalencia de conversión a dólar y la tasa de cambio entre ambas monedas. Los commits se crearon con Git Kraken, se trabajo con VS Code desde Ubuntu

blue-money

calendario vuejs, utilizo axios y diseño de vuetify, deploy en netlify, enlace en readme

calendario_vuetify

vuecli

Mi Primer VueCli

Consumo de la API, utilizo metodo get, Axios, se muestran miniaturas de los videos en tendencias según lo más visitado en este sitio, aparece titulo y y agrego boton para reproducirlo en su web externa

api_dailymotion

Torneo de artes marciales, dónde el usuario escoge un personaje, imagen, raza y asigna poder para comparar sus habilidades en combate

torneo

Pokedex:Se levanta servidor para que el usuario pueda realizar una consulta a la API y obtener imágenes y nombres de los 50 primeros resultados (limitado debido al tiempo de carga)

unpokedex

proyecto con backend ya realizado, sólo ocupa las carpetas y archivos sobre covid 19, se conecta a API y muestra al usuario mediante gráficos la situación mundial

hito1-covid

ejemplo de sitio web portafolio con imagenes de los proyectos, ejemplos, formulario, botones, web responsiva, utilizo bootstrap e iconos

portafolio-tipo

portafolio 2020 - Links a repositorios contacto y sitios Netlify

about-me

clase de bootstrap, mobile first, diseño responsivo

suricata

Arrays

factoriales

tarjetas flexbox, utilizo bootstrap, vuejs, axios, agrego fondo y tarjetas degradados

users-cards

practica usando flexbox, contenido adaptable a distintas pantallas, a medida que cambia de aspecto el ancho de la ventana, el contenido se distribuye, optimizando la experiencia del usuario

practica_flexbox

CSS

Metodologia_BEM

web responsiva y metodologia BEM

ejemplo de mapa con marcadores patrimoniales, zoom y ventanas emergentes de las construcciones, hecho con librería Leaflet JS

mapa

cartas-leyendas

apis_axios

calificacion

agrega notas: sitio web donde el alumno ingresa su nombre, apellido, asignatura y notas, una vez registrado en alumno, puede ingresar nuevas asignaturas y sus correspondientes notas

ciclos

ciclos ruby

este es un proyecto de prueba con gitbash, cmdr. aplico comandos git y crea ramas

calendario

sitio web con videos de yt, musica, peliculas y series

recomendaciones-videos

INFORMATIVO: Se explica la diferencia de Metodología AGILE entre SCRUM y KANBAN.

SCRUM-KANBAN

apis

jsonplaceholder + randomuser

Correos masivos: El usuario debe escribir mas de 2 correos gmail, anotar el asunto y le enviara los indicadores economicos del dia a los destinatarios

node-mailer

solo prueba - muestra de reactividad vuejs en cambio de titulo automático e input para ingreso por usuario, propiedades computadas y listado en diferentes vistas

gitkraken

Creación de un servidor que solicita la url de una imagen a color al usuario; la redimensionada, muestra blanco/negro y reduce su peso a la mitad, para cargar el servidor se debe ejecutar un comando y contraseña

blanco_negro

sitio que pide ingresar 2 cadenas de números (separadas por comas) y las muestra concatenadas, las ordena y en reversa, elimina elementos del array mediante pop y shift, ademas muestra la suma y el promedio de los números ingresados

arrays-objetos

Sitio que te permite seleccionar un día laboral (lunes a viernes) y te muestra la estimación del dólar publicada por la bolsa de comercio en Santiago (NO hay resultados en fines de semana)

100

ejemplo_axios