Página web con Python para principiantes

1. Introducción: Hola a todos. Mi nombre es Alex, y tengo un par de interesantes tutoriales en informática para ti. Permítanme presentarme primero. Mi nombre es Alex. Soy profesor de informática en el mismo Michael Asia en Eindhoven, Países Bajos. También soy profesor de informática en línea, desarrollador web, desarrollador web y gamer. Entonces mis objetivos son crear proyectos de computación de fondo juntos y especie de obtener el puente entre codificadores de computadoras principiantes e intermedios, diseñadores, desarrolladores, desarrolladores, lo que sea que seas. Por lo que tiene que planear una clase de disco. Te voy a enseñar los conceptos básicos del bisonte, y luego vamos a usar a Beytin como el beck y el lenguaje para unos sitios web. Los sitios web van a ser gratuitos. Se va a publicar en Internet, y tú vas a estar a cargo de ello ahora cuando vengan las gafas, vamos a vestir ese sitio web con algo de HTML CSS y JavaScript. Y si sigues hambriento, forma o podríamos hacer algunas cosas de lujo como usar AP Ice, Usa Fire Base y crear una web animada de tres D. Thebe Records es para el arte Disa Dorial. Ninguno en lo único que necesitas es una computadora y una conexión a Internet, que probablemente tengas, o no me escucharías hablar ahora mismo. Muy bien, Siempre que estés listo, empecemos con el primer tutorial. 2. Python 001: bienvenido al curso de discreción en bisonte. Al igual que ya se indicó en el video de intro, Los prerrequisitos para este tutorial no lo son. No necesitas saber nada de codificación o python para hacer esta primera parte. Lo único que necesitas es una computadora y una conexión a Internet. Ahora empecemos ensuciándonos las manos y sumérjase directamente. Una codificación de hielo dupe. No hacer eso. Tenemos que ir a un sitio web, y este es el sitio web t o dot Ron número de slash Signa Python tres. Dónde a sus stands para Probado este online. Acude a la página web y échale un vistazo. Ahora aquí vemos lo que llamamos un intérprete en línea. Podría parecer que hay tres campos de entrada, pero en realidad sólo hay uno donde podemos escribir cosas que están justo aquí, donde dice abrigo Now. No sé qué habilidades ya tienes en lo que respecta a la codificación o python en particular por, pero supongo que ya sabes que si solo escribes tu nombre así y presionas ese botón big play en la parte superior que recibirás un mensaje de error. Este intérprete habla un idioma y ese lenguaje es python ahora, como con cualquier idioma, queremos tener sentido. Entonces para eso necesitamos saber algunas palabras y alguna gramática. Las primeras palabras que vamos a utilizar la palabra príncipe la obra de impresión más dura. Pones paréntesis después de las impresiones de declaración, y entre los paréntesis, pones unas comillas dobles. Ahora, lo que sea que pongamos aquí se apagará. Ponlo a la pantalla. Por lo que frecuentas a Alex entre comillas y pulsa el botón de reproducción. Eso es lo que será la salida. No es espectacular, pero se da el primer paso. Ahora prueba a este príncipe entre paréntesis a sin las comillas dobles y ve qué pasa. Ahora tenemos el número dos. Ahora prueba esta impresión también. Más cuatro, vuelve a jugar. Como se puede ver, se hace un cálculo y el resultado de sprint a la pantalla. Entonces, ¿qué crees que pasará si ponemos comillas alrededor también? Y antes de esta vez los dos y los cuatro se consideran texto y se pegan juntos así cada vez que ponemos algo entre comillas, deudas, oro, una cuerda sin las comillas, es un número o en este caso, Pacífico Más específicamente, es un entero. Vale, ahora la vida, vamos a probar esto s igual Y luego la cuerda diciendo Hola, mundo espacial Ahora donde jugamos esto, no habrá salida. Por supuesto, lo que hemos hecho aquí es que hemos creado lo que llamamos una variable y muy factura contiene la cadena Hola mundo Así son variables es como un cubo donde puedes tirar lo que quieras Podría ser una cuerda Podría ser un número Podría ser un número Podría ser podría ser algo más alguna vez Básicamente le estás diciendo a nuestro intérprete Hey, cada vez que uso s lo que en realidad quiero decir es la cadena Hola mundo Así que si imprimimos sí entonces la salida será Hola mundo como puedes ver Ahora prueba esto como uno es igual Hola y s a es set to world La declaración de impresión cambiará un poco lo hará príncipe coma s uno s a y habíamos jugado Si ponemos como uno como uno, se imprimirá como uno Entonces el espacio por el Kama y luego como uno de nuevo que es hola Si quieren imprimir, decirle al mundo que debemos cambiar el segundo como uno a pedir. Y ahora imprimirá. Heller trabajó. Entonces, ¿y si intentáramos imprimir cadenas y números? De acuerdo, vamos a crear. Gané y asigné hoy un número 12. Voy a ser 40 ahora si imprimimos como uno como dos. Yo gané yo a Eso realmente va a funcionar, por lo que imprime todo prolijamente uno detrás del otro. Ahora, eso es por las comas. Si fuéramos a hacer algo como esto como un plus en cuanto a plus gané, además yo a esto no voy a funcionar. El motivo es que estamos tratando de sumar dos variables que no son del mismo tipo. Entonces nos dieron un error de tipo. Podríamos arreglar esto agregando una coma en lugar de un signo más. Entonces ahora estamos sumando a fortalezas, luego una coma. Y entonces estamos sumando en futuros, lo cual es totalmente posible. Ahora dirá hola, Mundo 26. De acuerdo, eso es suficiente por ahora. En el siguiente video, vamos a examinar bucles y declaraciones condicionales 3. Python 002: bienvenidos a Parte dos fuera de lo básico de Barton En esta clase, vamos a repasar bucles y sangría. Ya veremos que la sangría es muy importante en Brighton. Pero primero, un resumen rápido de la última clase y por trueno son varios tipos de datos sí los tienen. Ya hemos usado. Esos son fortalezas e intereses y re brevemente mencionados flotadores. La diferencia entre un animador intra y el flotador es que a flote tiene decimales. También médico sobre variables. Una variable tiene un nombre y un devalor de valor podría ser una cadena o en la literatura o incluso nuestras cosas. Pero llegaremos a más mortífero. Entonces si cada toro pudiera ser, por ejemplo, mi lejano y entonces podríamos establecer el valor de mi viral de nuestro a cadena y buen texto como ves pasando aquí. Por lo que mi lejos es el nombre de variable y bonito texto está devaluado. Por lo que más o menos una variable es como un cubo tiene un nombre y puede contener algo. En este caso, contiene la cadena. Bonito texto. De acuerdo, hora de ensuciarse las manos. Hora de ponerse en marcha. Ir al sitio web que utilizas antes de t i o dot run slash number sign Bisonte tres. Entonces supongamos que quería imprimir los números del uno al 10 para poder hacer algo como esto. Sprint un Brent a amigos, tres, etcétera, etcétera. Y eventualmente conseguiría lo que quiero. Pero no se ve muy eficiente, ¿verdad? Curtis quiere ser eficiente? Por lo que se les ocurrió un nuevo concepto para arreglar eso. Y ese es el bucle. Hay varios bucles diferentes, pero nos vamos a centrar sólo en uno de ellos en esta clase. El bucle for. ¿ Cómo se ve el cuatro dupe? Echemos un vistazo. Por lo que los cuatro nuevos prácticamente pueden recorrer las cosas. Por ejemplo, digamos cuatro L en destruir Hello World. Después puse un colon, y luego tuve que entrar. Puse cuatro espacios 1234 y luego escribo. Imprimir L. L significa una carta en este caso, podría ser cualquier letra o podría ser cualquier nombre. Si el nombre arable puede ser cualquier cosa que te guste, más o menos hay reglas para las variables, pero vamos a mantenerlo simple y solo usé esa letra. Alfred. Entonces viste que puse por espacios frente a Prince. Te explicaré más tarde por qué hago esto. Entonces ve qué pasa si escribimos esto para que puedas teclearlo y comprobarlo tú mismo. Deberías ver algo como esto. Por lo que imprime todas las letras de la cuerda. Hola, mundo. Y también imprime el espacio en el medio. Entonces así es como los cuatro Luke y bucle a través de una nota de cuerda que la declaración Prince también se ocupa de ir a la siguiente línea. Ahora bien, ¿qué pasa con esos cuatro espacios que pongo frente a impresión? Bueno, eso se llama sangría, y en este caso, se utilizó para determinar qué había que hacer para cada personaje. ¿ Qué es parte del bucle? ¿ Qué hay que hacer por cada personaje? Lo que hay que hacer para cada personaje es que necesita ser impreso. Ahora, esto es sólo una línea ahora, pero podría ser vida múltiple. Prueba esto. Basta con quitar mundos por ahora. Por lo que acabamos con Hola. Pero vamos a añadir otra declaración. Otra declaración impresa. Vamos a terminar otros cuatro espacios. 1234 Y luego imprimimos entre paréntesis y comillas dobles. Sólo un menos. Firma. Ahora Ve qué pasa. El lazo corre por ambas líneas de abrigo. Comienza con la A mayúscula y termina con la última letra O. Y hace cada línea de abrigo que se sangra ahora en otra línea. Pero esta vez no terminan termina. Apenas arranca por el lado izquierdo. Escriba esta impresión, luego entre comillas dobles. 123456789 10 estrellas o s riesgos ejecutados abrigo y ver qué pasa ahora. Como puede ver, esta última línea de código no se ejecutó. El número de veces que son letras en Hola, está fuera del bucle. No es parte de loop. Es sólo algo que sucede después de que se hace el bucle. Pero de vuelta a nuestra misión. Para imprimir los números uno a 10 para que pudiéramos hacer algo como esto. Podríamos crear Ah, cadena como 123456789 10 y luego imprimir l. Pero eso nos daría un problema aquí con 10 imprimiría uno y cero en lugar de ellos. Y además de eso, no es muy eficiente. Debería haber una manera más fácil y en las fábricas, pero para eso necesitamos introducir otra palabra clave, y ese es el rango de palabras clave. Entonces prueba esto. Cambiemos L a fin por número y pongamos 10 entre paréntesis después de que Rich Afforded siempre tenga dos puntos. Entonces pongamos ese Colin ahí y después de un colon. Recuerda que en Python siempre obtendrás cuatro espacios en este caso para demostrar que esto es parte del labio. Vamos a tratar de escribir aquí. Entonces ahora vamos a imprimir y a ver qué hace eso. Entonces cuando ejecutamos, empieza en cero. las computadoras siempre les encanta empezar a cero. Get it corre verdadero bucle, y termina a las nueve. No imprime 10 así que así debe funcionar la forma trastornada. Ahora. Una cosa más que vamos a intentar y eso es considerado. Ponga dos números dentro de los paréntesis. 11. Coma 20. Prueba eso y ve qué hace. Deberías ver algo como esto. 11 12 13 14 etcétera. El último número impreso es 19 así que ese es un número menor de 20. Entonces así funcionan los cuatro nuevos. Así funciona el rango. Así funciona la sangría. Este es el final de este video. La próxima vez hablaremos de declaraciones condicionales 4. Python 003: Entonces este video, vamos a mirar las declaraciones condicionales. Pero antes de eso, sólo una recapitulación rápida del último video. Por lo que hablamos de los cuatro Loop y hablamos de rango. El bucle for puede, por ejemplo, utilizarse para mirar a través de los caracteres de la cadena, o podría generar una secuencia fuera de los números. Muy bien, hora de hablar de declaraciones condicionales. Vamos a nuestro editor primero vamos a t o dot run número slash. Firma peleaen tres. Como podría sospechar, la declaración condicional tiene algo que ver con una condición o incluso con más condiciones . Entonces, si se cumple cierta condición, algo sucederá. Y si no, entonces no sucederá. Por ejemplo, vamos a comprobar si una persona puede beber alcohol o no. Digamos que la edad de una persona es de 12 años así que esta es una edad variable, y le estamos asignando el valor de 12. Ahora vamos a usar la declaración if para comprobar si esta persona acampa bebe o no. Entonces estamos haciendo algo como esto. Si H es más grande para igual a 21 y luego un colon, recuerda después de Colón y Parson, siempre habrá base de fuerza. sangría. Ahora escucharemos, Escucha decir a la gente, sabes que puedes hacer a los espacios y eso es correcto. Pero es una buena práctica usar cuatro espacios para sangría, pero que haya una menta de sitio. Entonces si th es más grande o igual a 21 vamos a príncipe. Puedes tomarte una cerveza. De acuerdo, vamos a ver si esto funciona. Entonces en realidad no se imprime nada porque la edad no es mayor ni igual a 21. Verifiquemos eso. Y ahí tienes. Puedes tomarte una cerveza porque ahora tengo 21 años. Entonces, ¿no sería bueno que las personas menores de 21 años tuvieran algún tipo de mensaje? Bueno, podríamos usar la declaración else para eso para que podamos ir así por sangría de espacios , y luego vamos a imprimir. No se puede beber alcohol. De acuerdo, así que eso es ver si eso está funcionando. A los 12 años. Entonces la declaración if aquí h es más grande o igual a 21 no es cierta. Muéstralo para construir por defecto, completo de vuelta a lo que pongamos bajo otra sangría. Y luego dice que no se puede beber alcohol en la salida, lo cual tiene sentido. Ahora la sangría. Déjame mostrarte cómo funciona. Entonces todo lo que se inventó después de la declaración If será ejecutado. Para que yo pueda príncipe algo aquí como, uh, suerte de ti. Y con la declaración else. Lo mismo que yo podría Príncipe. Perdón. Entonces vamos a comprobar que hacen líneas de historia aquí se deben imprimir. No se puede beber alcohol. Perdón. Y si las edades pasan a cualquiera o igual a 21 dirá que puedes tomarte una cerveza. Suerte que tú. Entonces, ¿qué pasa si ponemos un comunicado impreso aquí mismo abrazando el lado izquierdo de nuestro editor ? Bueno, eso se ejecutará independientemente de la condición que tengamos en el comunicado if. Entonces, solo imprimamos la línea aquí, solo un número de guiones y veamos qué pasa. Entonces, ves, no importa si la H es un buff 20 o menos 21 este lenguaje, viejas formas se impriman porque no está sangrada. Está bien, limpiemos esto porque hay una cosa más que quiero mostrarte. Voy a volver a esta justicia. Si la declaración y la declaración else. Entonces, ¿qué si quisiera decirle a la gente que tiene exactamente 20 años que, ya sabes, sólo tienen que esperar un año más. Y luego ahí, ahí. Bueno, hay algo que es como si, como, como, tenemos una segunda condición y eso es una especie de abreviado a LF por lo que LF significa otra cosa. Si toma una condición como, digamos, L F H es igual a 20 y explicó los iguales iguales iguales más adelante. ¿ Por qué el doble signo igual? Eso lo explicaré más tarde. El colon y, por supuesto, para sangramientos, para espacios como sangría. Ahí vamos, podemos imprimir algo como Sólo esperar hábitos. Ahora bien, si las edades exactamente 20 veremos el mensaje. Sólo espera un poco, y eso tiene sentido porque primero es chequear. Si la edad es mayor o igual debido a alguien que no lo es, y entonces pasará al LF. Declaración y un cheque. Si th es exactamente 20 y si ese es el caso, se imprimirá. Sólo espera un poco. Si más noche estas afecciones son verdadera impresión genital, no se puede beber alcohol. Entonces, ¿por qué el doble signo igual? Bueno, eso es realmente si comparas con piensa como variables con valores o valores con valores o variables con variables que usas un signo doble igual, es para hacer una distinción entre comparar algo y asignar un valor a una variable . Entonces, al hablar de declaraciones condicionales, es inevitable hablar también de operadores lógicos con unos operadores lógicos. Se combinan dos o más condiciones. Ejemplos fuera. Operadores lógicos son extremos para nudos y llaga, pero solo usaremos estos 1er 2 Una vez aquí, no necesitas capitalizarlos solo y o verdadero tipo. Entonces, ¿cómo funcionaron estos? Bueno, empecemos con el operador y. Entonces, ¿cuándo puedes conducir un auto? Ve al principio, tu H viene en juego. Entonces digamos que la edad de esta persona es de 22 años. Y luego, por supuesto, necesitarás una licencia de conducir. Entonces digamos que esta persona tiene licencia de conducir. Por lo que ahora podemos comparar para ver si esta persona realmente puede conducir un auto. Entonces, ¿qué hacemos? Es esto Si H es más grande, Maldita, digamos 17 y licencia de conducir. Colón. 1234 Entonces algo sucederá. Digamos, Príncipe, puedes conducir un auto. Está bien, vamos a probar eso y está funcionando porque la persona tiene más de 17 años y tiene licencia de conducir, y ahora estamos diciendo que la persona puede conducir un auto. lo hace eso si hay dos palabras para esperar, entonces fiesta se acercan tienden a dividirlas y conectarlo con un subrayado como así han sido diferentes a en JavaScript. Por, por ejemplo, donde camello casing IHS mawr off Buenas prácticas como So Okay, no importante. Tendemos a usar guiones bajos entre palabras. De acuerdo, claro. Necesitamos una declaración else aquí más. Colon 1234 Espacios, grabados. Sigue soñando. De acuerdo, vamos a ver qué pasa si la edad baja menor de 17 años. Bueno, tenemos que seguir soñando, supongo. De acuerdo, así que esto capitalizó. Cierto. Es un valor especial. No es un número. No es un texto, pero es un booleano. Es lo que llamamos mil 000.000.000. Puede ser cierto o Fels, y siempre está mayúscula. Entonces es cierto o falso. De acuerdo, entonces, mirando el código, podrías haber visto algo que es una especie de arte. Entonces, ¿por qué no hacemos algo? Al igual que si la edad es mayor a 17 y la licencia de conducir es igual a verdadero, entonces francés. Se puede conducir un auto Bueno, eso es porque las licencias de conducir son booleanas. Entonces si echa un vistazo a esta declaración aquí mismo, esta condición edad es mayor a 17. Es arte un verdadero o falso ahora miles de millones por defecto son verdaderos o falsos. Y por eso solo podemos usar este Centex justo aquí donde solo ponemos licencia de conducir y luego será verdadera o falsa. Por lo que esta condición es verdadera o falsa, y este booleano es verdadero o falso. Y si ambos son ciertos, entonces esto será amigo. Entonces el segundo que perdió operador lógico del que vamos a hablar en este video es el o operador. Se puede adivinar. ¿ Cómo funciona, verdad? Por lo que se usa cuando cualquiera de las cosas necesita ser verdad u otra. Entonces, por ejemplo, ¿ cuándo usamos un paraguas? Digamos que lloviendo IHS. cierto, Escierto,está lloviendo, pero no está nevando, así que nieva ISS falso. Ahora podríamos recrear una declaración if como esta si lloviera o nevara. 1234 espacios Prince Emtory paréntesis sobre el uso de los demócratas en paraguas. Entonces, vamos a ver. Calificación es cierto ronquidos se cae y ahora tenemos que usar un paraguas. Por lo que cualquiera de estos dos tiene que ser cierto, y entonces la condición en total es verdadera, y entonces hará lo que sea que se sangra en este caso, las impresiones usan un paraguas. Entonces eso es deuda jack. Hagamos ambos falsos. Por lo que ahora no debe imprimir nada. Y ahí vamos. De acuerdo, basta de declaraciones condicionales. En el siguiente video, hablaremos de funciones. 5. Python 004: De acuerdo, entonces ahora echemos un vistazo a las funciones. Pero primero, mantengamos la última clase. Entonces hablamos de declaraciones condicionales siendo si, LF y lo demás doctor, de verdad y falsa. Entonces recuerda a Capital T y Capital F, y hablamos de operadores lógicos como y y o todas las funciones correctas. Para eso, necesitamos acudir a nuestra herramienta en línea, T o Dad Ron slash Número firmado por de tres. Entonces ya estás bastante familiarizado con la declaración del Príncipe. Entonces esa afirmación es en realidad una función. Se necesita uno o más argumentos. Y Príncipe, eso es a la pantalla. Pero, ¿sabías que también podríamos crear nuestra propia función? Probemos eso. ¿ Encontraste una función? Empezamos escribiendo sordo D E f sido un espacio y luego el nombre fuera de la función. En este caso, vamos a llamar a nuestro filtro de funciones porque vamos a filtrar algunas cosas después del nombre, siempre pones paréntesis y dos puntos. Entonces habíamos entrado. Ahora recuerda, después de un colon, siempre obtenemos sangría. Entonces eso son cuatro espacios. 123 cuatro. De acuerdo, así que cada línea que esté sangrada debajo de este filtro sordo será parte del filtro de función. En cuanto dejamos de inventar, volvemos a nuestro programa principal. De acuerdo, vamos a crear una función que filtra los números de una cadena. Para eso, necesitamos algún insumo. Eso Lo que podemos hacer es preguntar a quien esté usando nuestra función para proporcionar algún insumo. Esa entrada será un parámetro que pongamos entre los paréntesis o función así. Está bien, está bien. Ahora podemos usar este parámetro de entrada como cualquier otra variable. Ahora, lo primero que hacemos es crear una salida en frío variable vacía. Aquí vamos. Por lo que la salida es igual a una cadena vacía. Entonces, ¿cómo comprobamos cada carácter de la cuerda que le ha proporcionado algún pensamiento? Bueno, vamos a crear un bucle for para deudas. Ah, cuatro espacios hendidura Porque esto sigue siendo parte de la función. Todo va a ir algo así para l en entrada. Haz algo. Ahora se trata de un bucle de cuatro dentro de una función, por lo que la función obtiene una sangría, pero también lo hace el bucle for. Entonces ahora tenemos que hacer cuatro espacios extra sangría, por lo que eso significa ocho espacios en total. De acuerdo, Ahora vamos a ver el poder de pitón porque aquí está la manera de comprobar los números en nuestra cadena. Vamos a hacer una declaración f si entro y voy a hacer una cuerda inteligente aquí. Like 0123456789 Así que si Alice ahí adentro Así que ese es el personaje que estamos revisando en este momento. Eso significa que es un número. Otro colon. Entonces Mawr indentaciones que vienen. 123412341234 ó 12 En total. Y ahora vamos a añadir personaje de la muerte a nuestra cuerda de pie de arte. Por lo que las salidas equivalen a arranque fuera. Además ese personaje. De acuerdo, así que mira eso. Obtuvimos una declaración if dentro de un bucle de cuatro dentro de una función. ¿ Ves cómo se anida esto, como lo llamamos? Muy interesante. De acuerdo, ahora tienes declaración está hecha, el grupo de cuatro está hecho, pero la función no está hecha. Entonces voy a hacer cuatro espacios indentación aquí, y vamos a tener que terminar nuestra función con una declaración de retorno para que solo puedas poner retorno aquí. Pero como queremos devolver nuestro valor de salida, ponemos retorno con paréntesis y ponemos aquí esas salidas variables. De acuerdo, Entonces, ¿qué pasa si ejecutamos este abrigo Alguna pista? Entonces, en realidad, nada es salida aquí. No tenemos un error, lo cual es una buena señal, pero no hay nada impreso. Ahora bien, podrías pensar que si pones una declaración impresa aquí, digamos justo aquí arriba regresar que vamos a conseguir una huella. Pero este no es el caso. Si vas a ver ahora, eso es porque creamos una función que es realmente una herramienta, parecido a un martillo. Pero no estamos usando el martillo todavía está tirado ahí. Lo creamos, pero no lo estamos usando. Entonces sí, ¿Cómo usas ese martillo? ¿ Cómo usas eso para dejarme mostrarte? Es bastante fácil, en realidad. Entonces lo que haces es simplemente poner el nombre de la función en tu abrigo principal. Entonces eso es filtrar siempre algunos paréntesis y si necesita ser algún parámetro ahora, en este caso, podemos poner en cualquier cadena que queramos. Entonces solo voy a poner un código post look aquí con el espacio y dos letras, así que si todo va bien, deberíamos conseguir una salida de 25 25. Entonces, veamos si eso está pasando. Bueno, ahí vamos. Creamos una función que filtra los números de una cadena, por lo que sería aún mejor sacar de las declaraciones de impresión de la función y ponerlo aquí mismo en nuestra capa principal. Ahora bien, ¿por qué crees que este más inteligente? Para hacerlo de esta manera, el resultado será el mismo. El resultado sigue siendo 25 25. Si cambia números, va a ser 4000. Entonces la razón es que ahora podemos usar este filtro como queramos, por lo que podemos hacer más cálculos del mismo si queremos. No estamos pegados a solo imprimir. De acuerdo, Entonces como puedes ver, no importa si pones algunas líneas vacías entre aquí porque el intérprete seguirá vigilando esas hendiduras. En realidad no importan las líneas vacías. ¿ De acuerdo? Tan solo un pequeño consejo más. Um, ya que esto ha hecho mucho, ya sabes, como si le agregaras cierto valor a una variable. Ahí está lo que llamamos un código abreviado para eso. Y eso es en lugar de salida igual a salida más l pones salida más igual a l y eso hará lo mismo 6. PythonAnywhere 001: ok, Es hora de empezar a construir nuestros sitios web. También usaremos un marco para una siesta. El nombre de ese marco es matraz. El marco es solo una colección de bloques de construcción por lo que no tenemos que hacer todo nosotros mismos. Por lo que nuestro sitio web va a ser alojado por python. En cualquier lugar tan tranquilo, vamos a conseguir allí una cuenta gratuita para nuestros propósitos. Eso es más que suficiente. Si lo deseas Más tarde, puedes actualizar tu cuenta para engañar por unos precios razonables. Por lo que el procedimiento de registro es bastante sencillo. Por supuesto. Primero ve a W W w dot bisonte en cualquier lugar dot com y verás esta página Bueno, hay un gran botón verde ahí diciendo Empieza a correr bisonte online en menos de un minuto. Quieres hacer click en eso y quieres dar click Crear una cuenta de principiante. Tienes que escoger un nombre de usuario. Ah, vamos Ah, México 2020. Um, ¿utilizas una dirección de correo electrónico? Ah, pasteles y en cualquier lugar. Creo que creé una nueva para esto y tú recoges contraseñas. Aceptó términos y se registra. Todo esto es bastante sencillo. Um, pero no puedes Aparentemente no puedes usar guiones bajos. Está bien, Se deshizo del guión bajo. Deberíamos estar bien. Está bien, Así que puedes hacer el tour si quieres. Obtendrás alguna explicación sobre la plataforma. O simplemente podrías terminar el recorrido haciendo click y tour. Como puedes ver, hay una bonita advertencia aquí arriba diciendo que aún no has confirmado tu dirección de correo electrónico. Eso lo puedes hacer más tarde si quieres. De verdad te ayuda. En caso de que pierdas tu contraseña, puedes recuperarla fácilmente. Puedes recuperarlo fácilmente. Restablecer aún más. Um, entonces desde aquí, vamos a explorar el tablero. No necesitas realmente todo aquí arriba. Las partes más importantes ahora realmente son los archivos y los elementos del menú web. Por lo que quiero que haga clic derecho en el botón de archivos si lo desea, y abra esto en un nuevo toque. Por lo que se abre en una nueva pestaña, Andi. Entonces quiero que hagas click derecho weap y hagas lo mismo. Entonces ahora tenemos tres grifos. Tienes un tablero de instrumentos. Conseguimos los archivos y conseguimos la web todo en diferentes grifos. De acuerdo, entonces quiero que vayas a la pestaña donde está configurada tu configuración web y quiero que hagas click en una nueva web arriba este botón aquí mismo. Por lo que aquí dice tu web abs, nombre de dominio. Um, eso está listado aquí. Por lo que este será un sitio web. ¿ No es genial? Se puede actualizar, ya sea solo para que se pueda ir. Sólo tienes que ir junto con la cuenta gratuita. Ahora haces click siguiente, y ahora tienes que seleccionar up ison web framework. actualidad, nombre podría no parecer botones, pero realmente son eso. Tienes que elegir dónde vamos a elegir matraz para esto porque el matraz es súper fácil usar y nos ayuda a configurar un sitio web realmente rápido. Entonces, ¿quieres agarrar la última versión? Eso es Ah, tres puntos. Es, um deberíamos dejar el nombre de la aplicación tal como está. Por lo que puedes simplemente dar click siguiente aquí. App de frasco. Eso está bien. Da clic a continuación, y se creará nuestra página web. Está bien, así que todo hecho. Ya está configurada tu arma. A continuación se detallan los detalles, por lo que puedes leer a través de esto si quieres. Aquí suceden un par de cosas interesantes, pero para ser justos, nuestro sitio web está listo. Si haces click derecho. Alexey Co. Ya sabes, cualquiera que sea tu nombre que elegiste para tu página web y estoy peleando en cualquier lugar dot com Cualquiera que sea que uses nombre era correcto. Haga clic para abrir en una nueva pestaña y dirá hola desde lejos del matraz. Y si vas a tus archivos, Andi, ve algo así Refresca eso, supongo, Sí. Si lo refrescas, verás que mis sitios aparecen aquí como un completo donde puedes abrir eso haciendo clic en él. Y luego ves la app del matraz, no pastel. Ahora bien, si diría que haga clic derecho es y luego abra en una nueva pestaña. Y ahí ya verás. Esto es todo Python. Entonces hay un par de cosas que aún no hemos cubierto. Pero aquí se ve algo que debería parecer familiar con los sordos y luego el nombre y luego los paréntesis en y el colon y luego la sangría. Sí, Señoras y señores, esta es una función así que visten, lo explicaré en el siguiente video. Entonces por ahora tenemos nuestro inicio. Contamos con nuestra página web. Esta es la dirección a sus sitios web. A partir de aquí empezamos a construir, haciendo un poco que se vea un poco mejor. Um, y entonces ese será el final de este curso. Y la siguiente clase será sobre, ya sabes, crear el HTML CSS, tal vez incluso algún javascript para vestir realmente tu página. 7. PythonAnywhere 002: De acuerdo, así que tenemos un lindo sitio web aquí. Dice Hola mundo, y eso es más o menos. Entonces vamos a vestirlo un poco, no hacer mucho, porque esto va a involucrar HTML. CSS y deuda serán para el próximo vaso que estoy enseñando. Pero sólo para que se vea un poco más elegante que esto, hagamos un par de cambios aquí. Entonces recuerda, tenemos el archivo apuñalado. Tenemos la pestaña Web, así archivos Web, y eso es todo. Y luego el propio sitio web. Entonces vamos a cambiar algunas cosas por aquí. Un par de cosas que aún no he explicado. Eso empecemos por arriba aquí primeras líneas vacías. Este de aquí con el signo de número o hashtag si quieres, es un comentario o todo lo que pones después de un hashtag en esa misma línea. Será ignorado por el intérprete para que lo utilices para comentarios. ¿ En serio? Así funciona eso. Ahora, aquí mismo estamos importando algo. Evalúa desde frasco de importación con capital dejado esta vez, y lo que hace es que estamos parados sobre los hombros de otras personas aquí donde construyeron código para nosotros que vamos a usar para realmente usar python para dar forma a un sitio web con y se cuida el enrutamiento y lo que no. Te voy a explicar eso en un poco sobre casi lo que es. Es código que es hecho por otras personas y lo estamos importando. Estamos usando ese eso inicializamos nuestro sitio web creando una variable arriba, y lo vamos a establecer igual a matraz en un entre paréntesis. bajo en el nombre de anotación. subrayado. No te preocupes demasiado por ello. Es solo que realmente cómo inicializas un sitio web usando matraz. Así es realmente como funciona porque después podemos usar esta variable aquí mismo en esta línea donde creamos una ruta. Entonces, ¿qué es la ruta? Eso es ya sabes, la sintaxis es así. Tienes un signo a signo y luego tienes app, que es el nombre de la variable que usamos aquí y luego esa ruta y lo que hace está entre esos paréntesis aquí y entre las comillas simples, hay una sola slash hacia adelante. Entonces si la gente simplemente va directamente a nuestro sitio web sin agregar nada, como tal vez un nombre de carpeta o lo que sea y luego algún nombre para un para A, para su archivo. Simplemente va directo a la raíz. Entonces verán qué hay en la función bajo este enrutamiento. Entonces eso es lo que está pasando aquí. La función que está debajo de él está conectada para hacer el enrutamiento y todo lo que pongas aquí sucederá si los usuarios van allá por lo que regresa. Hola mundo. Y eso se muestra en nuestra página web. Eso está listo. trabajo más duro. Entonces si cambio algo aquí como ah, hola universo, por instancia Andi, lo guardo. Entonces tengo que ir a la web, molestar y recargar la página. Entonces recuerda, si haces un cambio aquí para de frasco Abd up, voy a tu web molesto por configurar y recargar. La página tarda un par de segundos y luego puedes ir a tu página web aquí y refrescarla y dirá hola, universo. Entonces así es realmente como funciona eso o cualquier cosa que cambies aquí se mostrará en tu página web ahora porque queremos tener más de una línea. Ah, vamos a crear una variable con múltiples líneas. Entonces, ¿cómo hacemos eso? Primero voy a golpear Entrar aquí así que haz algo de espacio y luego voy a crear una página muy vocal , y voy a ponerla igual a lo que llamamos una cadena de línea melty. Entonces, ¿cómo se crea a usted escribe tres cotizaciones para alimentar las cotizaciones simples que golpeas entrar un par de veces y luego de nuevo, escribe tres comillas. Cualquier cosa entre aquí formará parte de la página variable. De acuerdo, Así que puedo poner una línea aquí diciendo, Ah, esto realmente aburrido. Esto está mintiendo uno y luego debajo Esta es la línea para así la forma en que funcionan los navegadores no sé si sabes algún HTML si lo guardo así que estas líneas van a aparecer en una línea, así que eso no va a funcionar para nosotros. Eso quieres poner tal vez un salto de línea aquí solo con fines de prueba en este momento? Y por supuesto, en lugar de hola, universo. Ahora vamos a usar nuestro Ferriol, así que vamos a volver página. De acuerdo, vamos a guardar eso y recargar el arma y refrescar la página. Y yo diría que esta es la línea uno. Esto es mentirle a Ok, así que así funciona la deuda. Ahora tenemos más de una línea ahí dentro. De acuerdo, Lo siguiente que hay que hacer es listo para vestir la página. Ahora bien, si no conoces ningún HTML un par de las cosas que estoy haciendo aquí. Bueno, mira, algo así como tratar galimatías para ti. Um, mi próxima clase va a ser sobre html CSS. A lo mejor algunos jóvenes despojados. Por lo que sólo escribe alarma en tan solo un vestido hasta tus páginas. Entonces vamos a empezar con la etiqueta HTML como HTML escolarizado entre este Ah, estos signo Dan mayor y menor que los corchetes angulares de signo. Lo llamaron para que podamos empezar con html, hacer un poco de sangría, tal vez dos indentaciones esta vez Un poco diferente a con bisontes. Y luego voy a poner un técnico de cuerpo ahí. Voy a cerrarlo. Corto cuerpo y vuelvo a cortar. Si no conoces ningún html No importa. Ya sabes, sólo pon eso aquí. Vamos a hacer que la anotación se vea un poco mejor. Simplemente, ya sabes, para que podamos ver lo que estamos haciendo. Ah, esto no hará ningún cambio en la apariencia. Si guardo esto, si recargué la página web y recargo la página. No va a haber ningún cambio. Esto es solo Rippers. Y más tarde puedes divertirte un poco con él. De hecho, se puede hacer eso. Podría hacer eso ahora mismo. Al igual que podríamos hacer algo con el estilo voy a decir Estilo igual. Primero cambiemos el fondo. Entonces cuerpo No, ese es un color de fondo. Yo iba a ser Bache Ah, semi colon para terminar. Este es CSS, por cierto, Vamos a cubrir eso en la siguiente clase. Además, el color de fondo es beige. Um qué? Els? Veamos texto alinear centro, semi colon. Está bien. ¿ Qué más quieres? A lo mejor una buena familia de Fondos Fonds, Cole, y comillas simples aquí. No quieres estropear nuestras comillas dobles aquí y allá. Por lo que comillas simples aquí. Ah, rasgo. Conforma el espacio M s después de la comilla simple, una coma y luego maldice. Si es así, asegúrate de teclear esto exactamente como lo hice yo. Si haces un poco de tipo con algún pájaro, esto no va a funcionar. Uh, quieres poner un semi colon aquí, si acaso añadimos algunas cosas después. De acuerdo, así que vamos a ver. Cómo funcionó por lo que agregamos un color de fondo. Bache realineó un texto al centro, y agregamos un bonito fondo. Entonces, veamos si eso nos funciona. Entonces eso se salvó esto. Recarga la página del arma y ve qué cambia. Ahora ya ves, tenemos un bonito fondo. Tenemos un bonito color de fondo y centros R Texas. De acuerdo, solo un par de cosas más que añadir. Y luego vamos a terminar esta clase. Um, cambiemos a código aquí por algo más acogedor. Entonces digamos H uno que hace más grande el texto. Bueno, ven a mis sitios web, ciérrelo con H uno y vamos a Ok, agreguemos un poco de estilo aquí. Estilo es igual al margen. Colon superior. Digamos 100 pixels 100 PX y pongamos una imagen debajo de su. Entonces yo soy G fuente igual, Y entonces sólo vamos a tomar una foto de Internet. Por lo que ya encontré unos. Este tipo de aquí solo busqué en Google la bienvenida y voy a hacer clic derecho en esa imagen y no voy a copiar la imagen ni guardar la imagen. Voy a copiar dirección de imagen, que es un poco peligrosa. Es decir, ahora confío en este sitio web para mantener esa foto arriba, pero como esto es sólo con fines de demostración, ya sabes, vamos a tomar las cosas con calma, hacer las cosas fáciles. Vamos a guardar copia la dirección de la imagen y luego baste aquí. ¿ Listo? Eso es todo lo que vamos a hacer. Y eso nos va a proporcionar una imagen. De acuerdo, así que vamos a guardar eso. Eso es recargar el arma y vamos a refrescar la página. Entonces aquí vamos. Uh, nos dieron la bienvenida a mi página web. Tenemos un margen desde la parte superior, que se ve mucho mejor. Y tenemos una bonita foto aquí. Entonces esto es todo por ahora. Estos son los sitios web que hemos creado en un tiempo bastante corto. Podría decirlo yo. La siguiente clase que voy a dar va a ser sobre HTML CSS. De verdad te explico cómo hacer que esta página se vea aún más bonita. A lo mejor en un menú, tal vez en algunas páginas más, etcétera, etcétera. Gracias por ver. Y ojalá lo contrario tú en la siguiente clase