
Adjuntos a esta clase encontrarás la imagen que se genero de la paleta de colores y un archivo txt con los códigos hexadecimales de los mismos
Todos los iconos y elementos fueron descargados de manera gratuita en : https://www.flaticon.com/
https://medium.com/pixel-perfect/qu%C3%A9-es-el-dise%C3%B1o-at%C3%B3mico-a5cbed06688e
enlace a MDN: https://developer.mozilla.org/es/docs/Learn/HTML/Introduccion_a_HTML/iniciar
Enlace:
https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d7fb67af-5180-463d-b58a-bfd4a220d5d0/css3-cheat-sheet.pdf
https://websitesetup.org/css3-cheat-sheet/
Enlaces mencionados en el vídeo:
https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d7fb67af-5180-463d-b58a-bfd4a220d5d0/css3-cheat-sheet.pdf
https://websitesetup.org/wp-content/uploads/2016/10/wsu-css-cheat-sheet.pdf
Mencionaremos las diferentes herramientas que tenemos disponibles de forma gratuita para trabajar en el desarrollo web.
Enlace al diseño https://www.figma.com/file/0y2uQSSp5Swhc0tuTGIqK9/Web-Dj-Event-Version-Estudiante?node-id=24%3A79
En esta clase vamos a dar un repaso muy breve del proyecto que finalizo el instructor Mario, vamos a ir a la siguiente url https://www.figma.com/file/e9vzreMRJ9qJny6JFiFWgS8B/Web-Dj-Event?node-id=261%3A235 y aprenderemos a exportar nuestros assets y conoceremos algunas reglas CSS importantes que debemos tener en cuenta para tener un proyecto más profesional.
Enlace al diseño https://www.figma.com/file/0y2uQSSp5Swhc0tuTGIqK9/Web-Dj-Event-Version-Estudiante?node-id=24%3A79
Enlace al diseño https://www.figma.com/file/0y2uQSSp5Swhc0tuTGIqK9/Web-Dj-Event-Version-Estudiante?node-id=24%3A79
Enlace al diseño https://www.figma.com/file/0y2uQSSp5Swhc0tuTGIqK9/Web-Dj-Event-Version-Estudiante?node-id=24%3A79
En esta clase daremos solución a uno de los retos que se colocaron en las clases anteriores, el cual consistía en solucionar la repetición del siguiente código CSS padding-bottom:var(--padding-section);
padding-top:var(--padding-section); en cada una de las secciones que se construyeron para el home
En esta clase realizaremos en muy pocos minutos todo la pagina que pertenece a la parte de presentaciones, observaremos que si hacemos la estructura HTML y definimos el CSS de la forma apropiada podremos simplemente copiar y pegar algunas secciones que tenemos en otras parte del sitio web y así elaborar algo muy rápido.
Hola chic@s llegamos al final de la sección de maquetación, espero que les haya gustado el material, dejo el enlace donde pueden hacer un fork o clonarlo del proyecto en github https://github.com/aprendiendoando/dj-tiesto
Una de las clases mas importantes del curso, ya que veremos como instalar WordPress de la manera correcta, siguiendo unos lineamientos sencillos pero efectivos a la hora de incrementar nuestra seguridad en el sitio web.
En esta clase veremos donde debemos colocar nuestros archivos para que WordPress los detecte como un tema y así mismo veremos cuales son los dos archivos obligatorios que necesitamos para que WordPress considere que es un tema.
En esta clase conoceremos los dos plugins que nos permitirán construir un panel de administración robusto y muy sencillo de gestionar para los clientes, también crearemos el tipo de contenido llamado presentaciones.
En esta clase veremos la todo lo relacionado a Add theme support y para iniciar enseñaremos algo que debemos tener en cuenta para cumplir con las buenas prácticas recomendadas por el codex de WordPress al momento de generar los nombres para las funciones, también enseñaremos cuáles parámetros soporta y activamos la función de imagenes destacadas.
Codex: https://developer.wordpress.org/reference/functions/add_theme_support/
En esta clase activaremos la funcionalidad a nuestro tema de las siguientes características:
Custom Logo
Html5
Title Tag
En esta clase enseñamos como permitirle al usuario agregar su logo desde el personalizador del tema.
Codex: https://codex.wordpress.org/Theme_Logo
Conocemos la clase más importante que debemos si o si manejar en WordPress y es la clase WP Query.
Enlace al diseño https://www.figma.com/file/0y2uQSSp5Swhc0tuTGIqK9/Web-Dj-Event-Version-Estudiante?node-id=24%3A79
Si quieres aprender a utilizar las herramientas mas usadas en el mercado laboral, para los diferentes campos, tal diseño como desarrollo, este es tu curso.
Te enseñaremos a crear diseños estupendos utilizando FIGMA, esta fantástica herramienta nos ahorra montones de trabajo haciéndonos la vida mucho más fácil y poderosa.
Si eres diseñador y estas pensando en convertir tus propios diseños en sitios web, en este curso te enseramos las bases de HTML y CSS donde crearemos un proyecto pequeño para tomar confianza y practicar lo visto en clase, luego daremos un salto bastante grande ya que aprenderemos a utilizar el Framework CSS mas usado en el mundo, si te hablo de Bootstrap en su última versión, este fantástico Framework nos permitirá lograr cosas en muy poco tiempo.
Aprovecho y te cuento que nos dimos a la tarea de solo generar un único proyecto, pero es algo bastante ambicioso ya que es un proyecto real, con un grado de dificultad mucho mayor en todas sus áreas (diseño, maquetación y desarrollo del tema) el cual nos retara en muchas partes del mismo.
Y ya para finalizar no nos podemos olvidar de que conoceremos primero la parte administrativa de WordPress, pasaremos por una sección donde conoceremos el lenguaje de programación PHP y después nos meteremos de una a TRANSFORMAR ese sitio web estático construido con BOOTSTRAP 4 a un tema completamente dinámico en WordPress, siguiendo las indicaciones del Hanbook (la biblia del desarrollo de temas en WordPress). En esta sección conoceremos dos plugins fundamentales a la hora de trabajar en el desarrollo de temas, que son Advanced Custom Fields y Custom post type UI el cual nos permitirá construir un panel de administrador super personalizado para otorgarle una mayor facilidad a nuestro cliente a la hora de administrarlo.
Y lo mejor te retamos a cumplir con los retos propuestos a los largo del curso y aumentar tu conocimiento, de seguro te vas a divertir con estas 26 horas (o más) que dura el curso.