Curso Introducción a las principales tecnologías de desarrollo web

• Categorías
• /
• JavaScript
• /
• Curso Introducción a las principales tecnologías de desarrollo web

Lo primero que te voy a explicar es para que es este curso, cual es el propósito del mismo; este curso tiene el objetivo principal de servir de base para el resto de mis cursos que tengan que ver con tecnologías web; por lo tanto el único requisito que te pido es que tengas conocimientos muy generales en la programación; que sepas pensar un poco como programador; NO es un curso para aprender a programar, si no para aprender a programar en tecnologías web a partir de unos escasos conocimientos (como mínimo) en cualquier lenguaje de programación sin importar si es web o no.

Qué encontrarás en el curso

Así que, en resumen; el curso ofrece una introducción a múltiples tecnologías web que son las que empleamos en el resto de mis cursos en Udemy.

Estructura del curso

A lo largo del curso veremos pequeñas secciones para entender elementos fundamentales, introducción a tecnologías web y conceptos claves para tomar cualquiera de mis cursos de programación web orientadas en un framework en particular, veremos de apoco los elementos fundamentales de un lenguaje de programación, como el uso de variables, ciclos, estructuras de control, funciones, clases, etc.

Pasaremos a programar pequeños ejercicios en JavaScript, hasta conocer HTML, CSS e ir creando pequeños proyectos para explotar y poner en práctica lo aprendido.

El éxito del curso depende en gran medida de ti; que sientas empatía con lo que vamos aprendiendo y pongas en práctica lo aprendido, preguntes, explores y practiques lo que iremos viendo a lo largo de todo el curso.

Iremos explicando de una manera clara las carencias fundamentales de la app que estamos construyendo e iremos conociendo nuevas tecnologías para solventar estas carencias a lo largo de todas las secciones.

En las secciones iniciales, pasaremos en aprender la lógica de un lenguaje de programación, pasando con la creación de un pequeño proyecto, pasando por la construcción de su UI tras previa explicación de cómo podemos crear una UI mediante HTML y explicar los principales elementos de HTML; todo hasta crear pequeñas aplicaciones para que domines los fundamentos del desarrollo web; es decir, sus bases; y en el resto de las secciones iremos creando otros proyectos o mejorando el actual.

Aunque recuerda que este NO es un curso para aprender a programar desde cero aunque haré mi mayor esfuerzo para mantener todo desde cero y básico; el curso está pensado principalmente para aquella persona que tiene nociones de programación y quiera afianzar los mismos y que la misma quiera seguir aprendiendo otras tecnologías una vez consiga su objetivo de saber programar de manera básica.

Pero recuerda y siempre recuerda, que es prácticamente imposible aprender a programar desde en cursos como esto; para eso requerimos en la mayoría de los casos una persona que esté físicamente contigo. En gran medida del éxito de todo esto depende de que tu, el que está detrás de la pantalla sienta empatía con lo que estamos tratando aquí, busque más información en otras fuentes por ejemplo Internet; haga ejercicios, realice preguntas termines el curso básico y vayas a cursos más avanzados que te estarán esperando desde mi perfil.

Explicaremos conceptos básicos sobre el mundo de la programación web, daremos una pequeña introducción a la programación con. JavaScript y daremos los primeros pasos con el lenguaje de programación, daremos los primeros pasos con HTML, CSS, Bootstrap 4, SQL con MySQL, Python, PHP y realizando pequeños proyectos en cada paso para profundizar un poco más conocimientos.

Estructura del curso:

Programación y los lenguajes de programación

En esta sección, vamos a ver los conceptos más básicos que debemos de conocer para programar y conocer un poco el curso; vamos a hablar sobre que es un programa, como elemento central para programar cualquier cosa.  

 

Elementos principales de un lenguaje de programación

En esta sección vamos a conocer y trabajar con JavaScript, como lenguaje de programación modelo para seguir este curso; JavaScript es un lenguaje de programación excelente para comenzar, es sencillo de emplear, su sintaxis es amigable y es flexible en el uso de la sintaxis; es un lenguaje de programación muy empleado hoy en día en distintos tipos de framework y por lo tanto es el ideal para comenzar:

 

Con JavaScript vamos a conocer elementos como:

1. Tipos de datos, las primitivas básicas en cualquier lenguaje de programación, enteros, flotantes, booleanos y strings o cadenas de texto.
2. Uso de variables, para guardar datos.
3. Operadores y funciones matemáticas para comparar y hacer operaciones matemáticas.
4. Estructuras típicas en cualquier lenguaje de programación como condicionales y ciclos.
5. Funciones, para modularizar nuestro código

Introducción a HTML

Ya con nuestros conocimientos básicos, lo siguiente que vamos a hacer es empezar a trabajar con HTML, como lenguaje de marcado fundamental para crear CUALQUIER cosa en la web, ya sea una página web, o simplemente una aplicación web; vamos a conocer su uso básico y sus principales componentes.  

 

Sin más que decir, te espero en el curso.

Por aquí tienes el listado completo de clases que vamos a cubrir en el libro y curso:

Introducción

• 1 Introducción

Programación y los lenguajes de programación', 'programacion-y-los-lenguajes-de-programacion

• 1 Introducción a la programación

  Vamos a dar algunos conceptos claves sobre la programación, sobre que es una tarea y su comparación con una receta.

• 2 Lenguajes de programación

  Vamos a hablar un poco sobre que es un lenguaje de programación.

• 3 Introducción a los algoritmos

  Vamos a hablar sobre que es un algoritmo para resolver una tarea.

• 4 ¿Qué es JavaScript?

  Vamos a hablar sobre qué es JavaScript y por qué es el elegido para conocer los principales conceptos de programación

• 5 Razones para para dar los primeros pasos JavaScript

  Vamos a dar las razones sobre por qué vamos a emplear JavaScript para dar los primeros pasos en la programación.

Elementos principales de un lenguaje de programación

• 1 Elementos principales de un lenguaje de programación

  Vamos a dar y explicar algunos elementos que tiene que tener cualquier lenguaje de programación.

• 2 Primeros pasos con los ejercicios

  En este vídeo hablamos sobre cuáles son los elementos necesarios que necesitarás para seguir esta sección que sería un navegador web de tu preferencia.

• 3 Tipos de datos

  Vamos a conocer cuales son los tipos de datos que están presentes en cualquier lenguaje de programación.

• 4 Variables

  Vamos a conocer el uso de las variables, para almacenar y consultar datos.

• 5 Operadores

  Vamos a conocer los operadores para realizar operaciones matemáticas y comparaciones.

• 6 Estructuras de control

  Vamos a dar una introducción a las estructuras de control para romper con el siglo secuencias de los programas.

• 7 Estructuras de control: if

  Vamos a conocer la estructura de control por excelencia que viene siendo el condicional.

• 8 Estructuras de control: if-else

  Vamos a ver una variación del condicional que sería el uso del if y el else.

• 9 Estructuras de control: if anidados

  Vamos a conocer los condicionales anidados para consultar por múltiples escenarios.

• 10 Operadores lógicos y las condiciones

  Vamos a conocer el uso de los operadores lógicos en conjunto con los condicionales.

• 11 Operador de negación (!)

  Vamos a conocer el operador para negar condiciones booleanas.

• 12 Condiciones complejas

  Vamos a aprender cómo podemos realizar condicionales más completos.

• 13 Estructuras de control: switch

  Vamos a conocer la estructura de control de switch para realizar comparaciones en múltiples escenarios.

• 14 Estructuras de control: for

  Vamos a conocer nuestro primer ciclo, que sería el de for.

• 15 Estructuras de control: while

  Vamos a conocer el uso de los while para realizar un ciclo.

• 16 Estructuras de control: do while

  Vamos a ver una variante del while.

• 17 Funciones

  Vamos a ver el uso de las funciones, como mecanismo para construir bloques de código reutilizables y extensibles.

• 18 Funciones: Pase de parámetros

  Vamos a conocer el uso del pase de parámetros de las funciones.

• 19 Funciones: Retornar valores

  Vamos a aprender cómo nosotros podemos retornar valores desde una función.

• 20 Objetos

  Vamos a conocer el uso de los objetos, para construir o simular objetos del mundo real.

• 21 Arrays

  Vamos a conocer el uso de los arrays para guardar colecciones de datos.

• 22 Funciones y propiedades de ayuda

  Vamos a explorar algunas de las diferentes funciones y propiedades que podemos emplear para realizar operaciones sobre nuestras variables según el tipo de dato de la misma.

• 23 Comentarios

  Vamos a conocer el uso de los comentarios para documentar. nuestro código.

• 24 Concatenar texto

  Vamos a aprender a concatenar texto.

• 25 Iterar un array mediante un for

  Vamos a aprender a iterar un array mediante un for.

• 26 Agregar y quitar elementos de un array

  Vamos a aprender a emplear un par de métodos para agregar y quitar o remover elementos de un array.

Elementos imprescindibles para desarrollar en la web: JavaScript HTML y CSS

• 1 Navegador web

  Vamos a hablar sobre la necesidad de un navegador como pieza centrar la para probar nuestro códigos.

• 2 Editores de código

  Vamos a seleccionar un IE o editor para programar nuestro código.

MiniProyecto #1: Crear una calculadora en JavaScript

• 1 Crear funciones para las operaciones matemáticas

  Vamos a crear las funciones necesarias para realizar las operaciones matemáticas de una calculadora.

• 2 Crear variable global total

  Vamos a crear una variable total para guardar el resultado de la operación realizada.

Introducción a HTML

• 1 ¿Qué es HTML?

  Vamos a presentar HTML como el lenguaje seleccionado para crear nuestra interfaz gráfica para nuestra página web.

• 2 Estructura de una página HTML: html, body. head

  Vamos a presentar la estructura que debe de tener una página web.

• 3 Párrafos de texto: p

  Vamos a presentar la etiqueta para construir párrafos.

• 4 Títulos o encabezados: h1..h6

  Ahora vamos a ver cómo podemos crear títulos de diversos tamaños.

• 5 Listas: ul, ol

  Vamos a aprender a cómo podemos crear una lista.

• 6 Tablas: table

  Vamos a aprender a cómo podemos crear una tabla básica.

• 7 Enlaces: a

  Vamos a ver cómo podemos crear enlaces.

• 8 Imágenes: img

  Vamos a ver cómo podemos definir imágenes en nuestra web.

• 9 Formularios: Estructura básica

  Vamos a crear la estructura de un formularios básicos y sus atributos y el uso de los formularios como elemento principal para que nuestro usuario ingrese datos.

• 10 Formularios: Campos y envío de formulario

  Vamos a conocer cómo podemos construir los campos de formulario.

• 11 Formularios: Otros campos de interés

  Vamos a conocer algunos campos de interés para los formularios.

• 12 Formularios: Labels y atributo for

  Vamos a conocer los loables para definir el propósito de un campo de formulario.

• 13 Formularios: Terminar formulario de contacto e input:submit

  Vamos a aprender a enviar un formulario.

• 14 Div

  Vamos a conocer una etiqueta contenedora en HTML.

• 15 Span

  Vamos a conocer una etiqueta contenedora para englobar contenido en una sola línea.

• 16 Etiquetas nav, section, article, aside, footer

  Vamos a conocer las etiquetas principales para construir elementos de interfaz gráfica de una web en HTML5.

• 17 Etiquetas meta (meta tags)

  Vamos a conocer las etiquetas meta en HTML, para agregar metainformación a la web.

• 18 Comentarios

  Vamos a conocer el uso de los comentarios en HTML.

• 19 Organización básica de una página web

  Vamos a conocer la organización base de una web.

MiniProyecto #2: Crear la UI y lógica de la calculadora con HTML y JavaScript

• 1 Introducción

• 2 Crear la estructura de nuestra página

  Vamos a crear la estructura de la página de nuestra calculadora que incluye los elementos de interfaz gráfica.

• 3 Introducción a los selectores para obtener referencia a los elementos de HTML

  Vamos a presentar el uso de los selectores como funcionalidad elemental para poder obtener referencias a elementos de HTML.

• 4 Selectores más complejos

  Vamos a ver como podemos construir selectores más completos.

• 5 Obtener los atributos del elemento seleccionado

  Vamos a ver cómo podemos seleccionar un elemento en particular de nuestra página HTML.

• 6 Tarea: obtener referencia al elemento con nombre de operaciones

  Vas a obtener la referencia a un elemento de listado.

• 7 Incluyendo un archivo de script en una página HTML

  Vamos a incluir un archivo de JavaScript en nuestra página HTML.

• 8 Obteniendo referencia a los valores que colocó nuestro usuario

  Vamos a obtener los valores de los inputs.

• 9 Introducción a los eventos en JavaScript

  Vamos a ver que eventos podemos emplear en JS así como que son los eventos.

• 10 Demo: evento clic mediante selectores

  Vamos a conocer el evento por excelencia, el evento clic.

• 11 Convertir (castear) un texto a un entero

  Vamos a ver cómo podemos pasar un texto a un número.

• 12 Representar la variable total de JS en el HTML

  Vamos a mostrar el valor de la variable total en nuestra web.

Introducción a CSS

• 1 ¿Cómo integramos los lenguajes HTML, CSS, y JavaScript?

• 2 Primeros pasos con CSS

• 3 Primeros pasos con CSS: Color y color de fondo

  Vamos a cambiar el color de texto y de onda de una web HTML.

• 4 Primeros pasos con CSS: Tamaños

  Vamos a conocer como podemos cambiar los tamaños de ancho y alto de un elemento en HTML.

• 5 Definir CSS en un documento aparte

  Vamos a crear un documento o archivo aparte para el CSS.

• 6 El uso de los selectores para cambiar el estilo

  Vamos a introducir nuevamente el uso de los selectores, pero esta vez para CSS, para cambiar un estilo.

• 7 Primeros pasos con CSS: Tipografía

  Vamos a trabajar un poco con la tipografía.

• 8 Primeros pasos con CSS: Alineado del texto

  Vamos a alinear textos de una web.

• 9 Primeros pasos con CSS: Bordeados

  Vamos a presentar el uso de los bordeados en CSS.

• 10 Primeros pasos con CSS: Espaciados (márgenes y padding)

  Vamos a aprender a emplear el margen y margen interno o padding en cualquier elemento o etiqueta HTML.

• 11 Primeros pasos con CSS: Flotado

  Vamos a conocer como podemos flotar contenido HTML.

• 12 Primeros pasos con CSS: Display

  Vamos a conocer el uso del Display para modificar la representación del bloque de un elemento en HTML.

• 13 Hacer ejercicio convertir una web HTML5

  Vamos a dar un poco de estilo a una web en HTML.

• 14 Declaración !important

  Vamos a aprender a declarar una regla como importante.

MiniProyecto #3: Potenciar la calculadora HTML y CSS

• 1 Definir archivo de CSS

  Vamos a crear un archivo para manejar el estilo del proyecto.

• 2 Crear un header

  Vamos a crear un header y darle estilo.

• 3 Crear un section

  Vamos a crear el bloque central o contenedor principal de nuestra app.

• 4 Definir es estilo para los campos de formulario

  Vamos a dar estilo a los elementos de formulario.

• 5 Definir es estilo para el botón

  Vamos a dar estilo a un botón.

Extra: jQuery

• 1 Sobre jQuery y la función $()

  Vamos a hablar sobre jQuery como framework, sus características y como acceder a su core.

• 2 Selectores en jQuery

  Vamos a presentar el uso de los selectores en jQuery.

• 3 Eventos en jQuery: Manipular el DOM

  Vamos a conocer los eventos en jQuery y como podemos modificar el DOM o documento HTML.

• 4 Eventos en jQuery: Modificar el CSS

  Vamos a modificar el estilo mediante CSS.

• 5 Acceder a los atributos

  Vamos a ver como podemos trabajar con los atributos mediante jQuery.

Bootstrap 4: La herramienta definitiva (toolkit) para HTML, CSS y JavaScript

• 1 Introducción a Bootstrap

  Vamos a presentar Bootstrap 4 como la herramienta para crear interfaces con HTML, CSS y JS.

• 2 Configurar Bootstrap en un proyecto

  Vamos a descargar y configurar Bootstrap en nuestro proyecto.

• 3 Alert

  Vamos a conocer el componente de alerta.

• 4 Button

  Vamos a conocer como podemos definir los botones con el estilo de Bootstrap.

• 5 Navs

  Vamos a conocer el componente de navegación.

• 6 Carta

  Vamos a conocer el componente de carta para mostrar todo tipo de información.

• 7 Formulario

  Vamos a presentar el uso del formulario en Bootstrap.

• 8 Input group

  Vamos a ver un componente bastante curioso que seria para agrupar un imputado con un contenedor.

• 9 Modal

  Vamos a presentar el componente de modal o dialog, para mostrar o solicitar información al usuario.

• 10 Configurar el JavaScript de Bootstrap y jQuery

  Vamos a instalar la dependencia de jQuery junto a Bootstrap.

• 11 Definir un Modal

  Vamos a crear un modal.

• 12 Container

  Vamos a conocer el contaminar como elemento central para colocar nuestros elementos de HTML.

• 13 Grid

  Vamos a conocer la grilla para mostrar componentes en columnas.

• 14 Tooltip

  Vamos a ver cómo podemos mostrar globos informativos sobre elementos.

• 15 Utilidades

  Vamos a ver un conjunto de clases de diversos propósitos en Bootstrap.

• 16 Otros toolkits como Bootstrap

  Vamos a hablar un poco sobre cómo otras alternativas a Bootstrap.

MiniProyecto #4: Crear una agenda de notas con Bootstrap 4

• 1 Introducción

• 2 Preparar el entorno

  Vamos a preparar el entorno para crear nuestro proyecto de notas.

• 3 Crear la interfaz

  Vamos a crear la interfaz gráfica de nuestra app e notas empleando Bootstrap.

• 4 Definir evento para guardar la nota

  Vamos a definir un evento para guardar el contenido de la nota.

• 5 Obtener y validar el contenido en el textarea

  Vamos a validar que existan valores o contenido para guardar la nota.

• 6 Componente de Alert en JavaScript

  Vamos a mostrar un alert si la nota no es válida.

• 7 Registrar las notas en un array

  Vamos a registrar un conjunto de notas en un array, las notas de nuestro usuario.

• 8 Pintar HTML desde JavaScript

  Vamos a pintar HTML mediante JavaScript.

• 9 Demo: Concatenar multiple HTML fácilmente

  Vamos a conocer el uso de las comillas simples invertidas para concatenar elementos mediante JavaScript.

• 10 Demo: Variación en la interacción

  Vamos a iterar las notas mediante otro mecanismo.

• 11 Demo: Convertir de JavaScript a jQuery

  Vamos a convertir nuestro JaVaScript a jQuery.

• 12 Demo: Agregar notas mediante un modal

  Vamos a crear notas mediante un componente de modal.

• 13 Sobrescribir CSS de Bootstrap

  Vamos a sobrescribir el CSS de Bootstrap para definir CSS personalizado por nosotros.

Introducción al SQL con MySQL

• 1 Base de datos

  Una base de datos es un conjunto de datos pertenecientes a un mismo contexto y almacenados para su posterior uso o consumo; nosotros almacenamos estos datos mediante tablas, tablas que se relacionan entre sí, en donde cada tabla tiene su correspondiente estructura para almacenar estos datos que se conocen como registros.

• 2 ¿Qué es SQL, y su uso en los motores de base de datos?

  Vamos a hablar sobre para qué empleamos SQL y su relación con los motores de base de datos como MySQL.

• 3 Instalación de MySQL en MacOS

  Vamos a ver como instalar MySQL en MacOS.

• 4 Instalación de LAMPP en Windows

  Vamos a ver la instalación de MySQL con otras tecnologías en Windows.

• 5 Manejadores de base de datos

  Vamos a conocer algunos manejador es de base de datos con los cuales trabajar.

• 6 Demostración de configuración de un cliente o manejador de base de datos

  Vamos a ver cómo configurar un cliente de base de datos con MySQL.

• 7 Crear una base de datos

  Vamos a ver como crear una base de datos.

• 8 Crear una base de datos mediante SQL

  Vamos a crear una base de datos mediante SQL.

• 9 Crear tabla de notas

  Vamos a crear nuestra primera tabla en MySQL.

• 10 Insertar registros

  Vamos a ver cómo podemos insertar registros mediante SQL.

• 11 Leer registros

  Vamos a ver como podemos leer registros mediante SQL

• 12 Leer registro: buscar por ID o nombre (WHERE)

  Vamos a ver como podemos leer un registro en particular mediante SQL.

• 13 Operadores AND y OR

  Vamos a conocer los operadores de AND y OR para emplearlos junto con el where.

• 14 Actualizar registro(s)

  Vamos a ver cómo podemos actualizar un registro o registros.

• 15 Alterar la estructura de una tabla: Agregar columna

  Vamos a ver cómo podemos alterar una tabla para agregar una nueva columna.

• 16 Actualizar más de un campo

  Vamos a ver cómo podemos actualizar un registro pero más de un solo campo.

• 17 Borrar registro(s)

  Vamos a ver cómo podemos borrar registros con SQL.

• 18 Tablas relacionadas y claves foráneas

  Vamos a ver cómo podemos crear una FK para relacionar tablas.

• 19 Unir dos tablas: Join

  Vamos a ver cómo podemos unir dos tablas en una consulta SQL empleando joins.

• 20 Left Join y Right Join

  Vamos a conocer otros dos tipos de joins.

• 21 Alias para las tablas

  Vamos a ver cómo podemos crear alias a las tablas con SQL.

• 22 Extra: Where Operadores

  Vamos a ver cómo podemos emplear el where en conjunto con los operadores.

• 23 Extra: Where Like

  Vamos a conocer la cláusula LIKE de SQL.

• 24 Extra: Funciones

  Vamos a ver cómo podemos emplear algunas funciones de SQL.

• 25 Extra: Group By

  Vamos a conocer cómo podemos agrupar por columnas.

Introducción a PHP

• 1 ¿Qué es PHP?

  Vamos a hablar un poco sobre el lenguaje de programación del servidor y su relación con Apache.

• 2 Arquitectura Cliente Servidor

  Arquitectura Cliente Servidor

• 3 Sobre los siguientes dos vídeos

  Sobre los siguientes dos vídeos

• 4 Instalación de php en macOS

  Vamos a ver cómo podemos instalar LAMPP en Windows.

• 5 Instalación de LAMPP en Windows

  Vamos a ver cómo podemos instalar LAMPP en Windows.

• 6 Laragon para tener todo el ecosistema web en un solo lugar

  Vamos a ver cómo podemos configurar nuestro Apache para que soporte PHP.

• 7 Preparar entorno

  Vamos a reparar nuestro sitio de trabajo para empezar con PHP.

• 8 Variables

  Vamos a conocer el uso de las variables en PHP.

• 9 Tipos de datos

  Vamos a conocer algunos tipos de datos en PHP.

• 10 Operaciones matemáticas

  Vamos a realizar algunas operaciones matemáticas y de comparación.

• 11 Operaciones sobre string

  Vamos a realizar operaciones sobre String.

• 12 Operadores de comparación y condicionales

  Vamos a realizar operaciones de comparación en el condicional en PHP.

• 13 Operadores de incre/decremento y lógicos

  Vamos a ver cómo podemos incrementar o decrementar en uno números en PHP.

• 14 Ciclos

  Vamos a conocer los ciclos for, while y do while.

• 15 Arrays

  Vamos a conocer el uso de los arrays.

• 16 Funciones

  Vamos a conocer el uso de las funciones en PHP.

• 17 Clases

  Vamos a ver como odiemos emplear las clases en PHP.

• 18 Clases: Ejemplo 2

  Vamos a ver otro ejemplo de clases en PHP.

• 19 Tarea: Crear clase Fruta

  Tarea: Crear clase Fruta

• 20 Solución: Crear clase Fruta

  Solución: Crear clase Fruta

• 21 Clases: Métodos

  Vamos a ver cómo podemos definir métodos en las clases.

• 22 Clases: Instancias y privados

  Vamos a ver el uso de las propiedades privadas y cómo podemos crear instancias de una clase.

• 23 Clases: Otros métodos

  Vamos a crear un método de propósito general en nuestra clase.

• 24 Clases: Constructores

  Vamos a ver el uso de constructores en las clases.

• 25 Clases Herencia

  Vamos a conocer el concepto de herencia en PHP.

• 26 Conectarse a la base de datos

  Vamos a ver cómo podemos conectarnos a nuestra base de datos.

• 27 Tarea: Modificar clase Fruta

  Tarea: Modificar clase Fruta

• 28 Solución: Modificar clase Fruta

  Solución: Modificar clase Fruta

• 29 Conectarse a la base de datos

  Vamos a ver cómo podemos conectarnos a nuestra base de datos.

• 30 Obtener registros (parte 1)

  Vamos a ver cómo podemos obtener registros con PHP desde la base de datos.

• 31 Validar consulta

  Vamos a ver cómo podemos realizar cualquier consulta a nuestra base de datos.

• 32 Obtener registros (parte 2)

  Vamos a ver cómo podemos finalmente obtener los registros de nuestra base de datos.

• 33 Crear funciones a partir del código generado

  Vamos a estructurar en funciones el código anterior.

• 34 Obtener un registro

  Vamos a estructurar todo lo visto hasta ahora para trabajar con la base de datos, en funciones.

• 35 Tarea: Resto de las operaciones a base de datos

  Vas a desarrollar el resto de las operaciones sobre la base de datos.

• 36 Insertar un registro

  Vamos a ver cómo podemos insertar un registro.

• 37 Actualizar un registro

  Vamos a ver cómo podemos actualizar un registro.

• 38 Borrar un registro

  Vamos a ver cómo podemos borrar un registro.

• 39 Required php file

  Vamos a ver cómo podemos incluir un archivo dentro de otro.

Python básico

• 1 Sobre la sección

  En esta sección vamos a dar un repaso básico a Python; siéntete libre de saltar esta sección si consideraras que ya cuentes con dichos conocimientos y quieres ir a desarrollar de una tu primera aplicación en Django.

• 2 Variables

  Vamos a conocer como podemos crear variables en Python.

• 3 Tipos de datos

  Vamos a conocer los tipos de datos en Python; string, flotantes, enteros y booleanos.

• 4 Operadores

  Vamos a conocer el uso de los operadores matemáticos en Python.

• 5 Más datos sobre el String

  Vamos a dar algunos datos extras sobre el string para contar longitudes, reemplazar ocurrencias etc.

• 6 String Format (Formato de los String)

  Vamos a conocer otra característica interesante sobre los String que sería el formato para imprimir o concatenar distintos tipos de datos y dando como salida un String.

• 7 Listas

  Vamos a presentar una estructura que nos permitirá guardar colecciones de enteros, string, etc en una variable.

• 8 Condicionales

  Vamos a ver cómo podemos emplear los condicionales en Python.

• 9 For Python

  Vamos a ver el uso de los ciclos for en python para iterar listas.

• 10 Funciones

  Vamos a conocer el uso de las funciones en Python, pase de parámetros y retornos de valores.

• 11 Clases

  Vamos a crear nuestra primer clase, así como atributos métodos y constructores y crear una instancia de la misma.

• 12 Enums

  Vamos a ver el uso de los tipos enumerados en Python para crear constantes.

• 13 Diccionarios

  Vamos a conocer la estructura llamada diccionario para crear estructuras de tipo clave valor.

• 14 Try except: errores y excepciones

  Vamos a conocer cómo podemos manejar los errores en tiempo de ejecución en nuestra app.

MiniProyecto #5: Potenciar la agenda de notas con PHP

• 1 Introducción

• 2 Convertir archivo HTML a PHP

  Vamos a ver cómo podemos emplear PHp para devolver el listado de notas en un formato soportado para JavaScript.

• 3 Obtener notas de la BD con PHP e Imprimir notas en un array de JS con PHP

  Vamos a ver cómo podemos emplear PHp para devolver el listado de notas en un formato soportado para JavaScript.

• 4 Demo: Imprimir notas en HTML desde PHP

  Vamos a ver una demostración de cómo podemos generar HTML a partir de PHP.

• 5 Configurar un formulario para crear notas

  Vamos a ver cómo podemos crear un formulario para enviar notas sa un archivo en PHP.

• 6 Crear una nota en la base de datos

  Vamos a crear una nota mediante PHP según la petición de nuestro usuario.

• 7 Hacer redirección

  Vamos a hacer una redirección mediante PHP a otra página.

Herramientas y tips fundamentales para PHP

• 1 ¿Qué es Composer y cómo dar los primeros pasos?

  Vamos a conocer como trabajar con composer de PHP y dar los primeros pasos.

• 2 Conocer tu versión de php

  Vamos a conocer como ver la versión de php que estamos empleando.

Opcional: Introducción a Node.js

• 1 Preparar el entorno necesario

  Vamos a presentar e instalar todo el ecosistema que necesitamos para crear una sencilla aplicación en Node.

• 2 Instalar el ambiente necesario Node y Visual Studio Code

  Vamos a presentar el ambiente necesario para seguir el curso, que seria instalar Node y de manera opcional un IDE como VSC.

• 3 Instalando un paquete y empleando el mismo

  Vamos a instalar un paquete mediante NPM en Node.

• 4 Creando nuestro primer ejemplo

  Creando nuestro primer ejemplo

Extra: Introducción a tailwindcss

• 1 Presentación de la documentación oficial

  Vamos a presentar la documentación oficial de tailwind.css.

• 2 Instalar tailwindcss mediante Node

  Vamos a instalar tailwindcss mediante Node en un proyecto desde cero.

• 3 Crear ambiente de trabajo

  Vamos a crear el espacio de trabajo como archivo html y css.

• 4 Creando un botón con esquinas redondeadas

  Vamos a crear nuestro primer componente para dar los primeros pasos con este framework.

• 5 Tamaños de ventana: Responsive Design

  Vamos a presentar los tamaños de ventana que son fundamentales para el responsive.

• 6 Creando un botón con esquinas redondeadas reutilizable

  Vamos a crear un componente reutilizable para el botón empleando la directiva apply.

• 7 Introducción a las transiciones

  Vamos a presentar el uso de las transiciones css en tailwind.

• 8 Tarea: Crear un botón rojo que cambie de tamaño según la distribución de pantalla

  Vas a crear un botón rojo reutilizable adaptativo a la pantalla.

• 9 Crear un tema personalizado (Introducción)

  Vamos a crear un sencillo tema, específicamente sobre el container.

• 10 Crear un componente de alerta

  Vamos a crear un componente de alerta.

• 11 Tarea: Crear componente alerta reutilizable

  Vas a convertir el componente anterior para que sea reutilizable fácilmente.

• 12 Tarea: Crear componente alerta info, warning y success

  Vas a crear otros componentes a partir del componente de alerta.

• 13 Crear componente de carta

  Vamos a crear un componente de carta.

• 14 Tarea: Componente de carta reutilizable

  Ahora vamos a crear el componente de carta anterior para que sea reutilizable.

• 15 Tarea: Componente de imagen

  Vas a crear un componente de imagen.

• 16 Tarea: Componente de imagen + Carta

  Vas a hacer otro ejercicio para crear un componente de carta con una imagen.

• 17 Componente de mensaje o tip

  Vamos a crear un componente de tipo mensaje emergente (la UI).

• 18 Componente "Card Flex"

  Vamos a crear una variación del componente de tipo carta que vimos anteriormente.

Temario

• 1 ¿Qué es un framework?

  ¿Qué es un framework?

• 2 ¿Qué es json?

  ¿Qué es json?

• 3 ¿Qué es una aplicación web?

  ¿Qué es una aplicación web?

• 4 HTML y HTML5

  HTML y HTML5

• 5 Full Stack, Backend y FrontEnd

  Full Stack, Backend y FrontEnd